Complete Web & Mobile Designer In 2023: Ui/Ux, Figma, +More

Become a Designer in 2023! Master Mobile and Web Design, User Interface + User Experience (UI/UX Design), HTML, and CSS

What you'll learn
Build beautifully designed web and mobile projects for your customers using modern tools used by top companies in 2023
Get hired as a Designer or become a freelancer that can work from anywhere and for anyone. Designers are in high demand!
Includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects
Master Figma for your design needs then learn to convert your designs into a live HTML an CSS website
Have an amazing design portfolio customized and professionally completed by the end of the course (we provide it for you!)
Master both Web and Mobile design principles and how to go from sketching to fully fledged high fidelity designs that will wow customers
Learn to design for all types of devices using Figma and other tools used by some of the top designers in the world
Learn to use HTML5 and CSS3 to make your designs come to life and create fully working websites
Learn best practices that takes years to learn in the design industry
Learn to make professional logos and design choices for all branding needs
Learn UI/UX best practices using the latest trends in the industry
Learn to be a designer as well as a web developer at the same time (a rare combination of skills that is in high demand)!
Requirements
No requirements. We teach you and show you everything from scratch! From Zero to Mastery
Get ready to fall in love with Design and making everything you touch into beautiful projects for the rest of your life!
Description
Just updated with all modern Design tools and best practices for 2023! Join a live online community of over 900,000+ students and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto for top companies. A great Designer is becoming harder and harder to find and it isn't rare to find designers make $160,000+ salaries now because it is such a valuable skill. We will teach you how to get there!Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in demand tools like Figma to show you a full workflow from start to finish. Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies.The course also includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects. We guarantee you this is the most comprehensive online resource on Design skills!The curriculum is going to be very hands on as we walk you from start to finish of working as a Designer, all the way into learning how to create final professional designs and then converting them into actual websites or apps using HTML and CSS. The topics covered in the course are…00 Web & Mobile Design Principles +  Design vs Web Development01 GETTING STARTED – Sketching, Inspiration + Structure1. SketchingIntroduction To SketchingThe Sketching ProcessSketching User FlowsSketching Tips2. InspirationHow to stay inspiredHow to find inspiration online3. Figma BasicsPlans and SignupWhere to Use FigmaFigma UI — StructureFigma UI — FilesFigma UI — ToolbarFigma UI — Left SidebarFigma UI — Right SidebarShapes and Tools — FramesShapes and Tools — GroupsShapes and Tools — Basic Shapes and Boolean OperationsDesigning in Figma — ImagesDesigning in Figma — Getting Started with TextDesigning in Figma — ConstraintsDesigning in Figma — Using Auto LayoutDesigning in Figma — Auto Layout PropertiesResources and Collaboration — Community FilesResources and Collaboration — Community PluginsResources and Collaboration — Sharing and Comments]Project — Creating a Logo Using Basic ShapesProject — Auto Layout ButtonsProject — Creating a Responsive NavigationProject — Responsive TextProject — Imagery and GradientsProject — Strokes and ShapesProject — Layout and Responsiveness3. User FlowsGetting Ready For This SectionThe DOs and DON'TsUser Flows in Figma — OnboardingUser Flows in Figma — Search4. SitemapsIntroduction To SitemapsCreating A Basic SitemapReusable Sitemap AssetsFigma Check In — Basic Components and VariantsSitemaps in Figma — The Top LayerSitemaps in Figma — Digging DeeperTips for Creating Great Sitemaps02 EXPLORE AND ITERATE – Wireframes, Prototyping and Feedback1. WireframesWhat Is A Wireframe?How To Create A WireframeFigma Check In — Basic Button Component]Figma Check In — VariantsHow to Use Our Wireframe ComponentsWireframes — HomeWireframes — CartWireframes — Profile2. PrototypingFigma Check In — Prototyping in FigmaPrototyping in Figma — Flows and Starting PointsPrototyping in Figma — ConnectionsPrototyping in Figma — InteractionsPrototyping in Figma — AnimationsPrototyping in Figma — Prototype SettingsPrototyping in Figma — Prototype PresentationProject — NavigationProject — Removing an Item from Your WishlistProject — Finding a Product3. Getting feedbackWhy Is Feedback Important?Constructive Feedback03 VISUAL DESIGN – Design Theory + Accessibility1. Spacing and GridsWhat Is A Grid?Grid BasicsFigma Check In — Fixed and Fluid GridsFigma Check In — BreakpointsFigma Check In — Grid StyleProject — Mobile Layout GridProject — Desktop Layout GridsSimple Rules to Follow2. TypographySerifsSans SerifsDisplay & MonoPicking TypefacesFigma Check In — Text PropertiesExercise — Elevating a BrandExercise — Typeface ScenariosExercise — Google FontsProject — Typeface ExplorationProject — Pairing Font FamiliesProject — Headings, Body and LabelsProject — Typeface SystemFigma Check In — Text Styles3. ColorColor SchemesImportant Questions To AskCreating Color PalettesFigma Check In — PaintsExercise — Expanding Upon a Strict Color PaletteExercise — Creating a Color PaletteFigma Check In — Color StylesExercise — Using Color StylesProject — Primary and NeutralsProject — Accents4. Imagery and IconographyVisual Assets IntroductionFigma Check In — Image PluginsFigma Check In — Image StylesFigma Check In — MasksExercise — Image ExplorationExercise — Text and Imagery Working TogetherFigma Check In — Illustration PluginsExercise — Adding illustrations to your designsFigma Check In — Icon PluginsFigma Check In — Pen ToolExercise — Custom Icons with the Pen Tool5. Forms + UI ElementsWhat Are Forms + UI Elements?Best Practices — FormsBest Practices — Basic and Advanced InputsBest Practices — InputsBest Practices — ButtonsFigma Check In — Component PropertiesProperties vs. VariantsFigma Check In — Button Component PropertiesFigma Check In — Button VariantsFigma Check In — Combining ComponentsFigma Check In — Form Component PossibilitiesProject — Registration Flow6. AccessibilityWhat Is Accessibility?Assistive TechnologiesVisual Patterns For AccessibilityTools To Make Your Design Accessible04 DESIGN EXPLORATION – Application Design + Design Systems1. Design PatternsWhat Are Design Patterns?Why Are Design Patterns Valuable?How To Apply Design PatternsAnalyzing Design PatternsDissecting And Choosing Design Patterns2. Mobile DesignMobile Design Best Practices3. Visual Style and ExplorationDesign FidelityVisual Exploration — NavigationVisual Exploration — ButtonsFigma Check In — Effect StylesVisual Exploration — Product CardsVisual Exploration — Text CardsScreen Design — HomeScreen Design — Product Page4. Motion and MicrointeractionsThe Importance Of MotionWhy Microinteractions Are Important?What Is A Microinteraction?Figma Check In — Intro to Smart AnimateFigma Check In — Smart Animate PropertiesExercise — ParallaxExercise — New MessageExercise — OverlaysFigma Check In — Interactive ComponentsExercise — Interactive ButtonsProject — Parallax Welcome ScreenProject — Drag OnboardingProject — Cart OverlayProject — Button Microinteraction05 PUTTING IT ALL TOGETHER – Using our Design System and Hi-Fi prototyping with Figma1. Design SystemsFoundational Styles and Components vs. Product Specific ComponentsBuilding Fidelity and Organizing Potential Components and StylesFoundational Styles and ComponentsComponents — ButtonsComponents — CardsComponents — HeadersComponents — InputsComponents — List ItemsComponents — NavigationComponents — Misc. Elements2. ExecutionWorking Towards Our Final DesignsExecution — Introduction ScreenExecution — Onboarding ScreensExecution — Registration ScreensExecution — Home ScreenExecution — Wishlist ScreensExecution — Profile ScreenExecution — Cart and CheckoutPrototypes — RegistrationPrototypes — Adding to CartPrototypes — CheckoutPrototypes — Lottie Files PluginPrototypes — Search and Filters06 FROM FIGMA TO WEBSITE (take a Figma design and convert it to a live website using HTML and CSS)07 HTML + HTML508 CSS + CSS3 - CSS Basics, CSS Grid, Flexbox, CSS Animations09 PUTTING YOUR WEBSITE ONLINEThis brand new course will take you from the very basics where we talk about principles and fundamentals of graphic design, all the way to creating beautiful products, learning about UX/UI and interactions, and creating a full design process for you to use with all of your future projects and clients. We pretty much cover it all so that the next time you are in charge of designing a product you have the step by step outline and guide to work as a professional designer.We are going to teach you the skills that will allow you to charge a lot of money for your time. Not to compete for a few dollars an hour on some random freelancing websites. The goal is to give you the skills of a top designer, and along the way, we are going to design an actual product for a company that you will be able to add to your portfolio.This course is not about making you just watch along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner to someone that is a top Designer that can get hired! Design is a valuable skill that doesn’t get outdated easily like most technical skills. Trends change, but the skills and fundamentals you learn in this course will take you many years into the future. This course is for you if:- You are a complete beginner looking to become a designer and freelance- You are a designer who is looking to charge more for your work- You are a developer who is looking to improve their design skillsTaught By:Andrei is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO etc… He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life.Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time. Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities.Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way.Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.––––Daniel is a design leader in tech with extensive experience in helping startups build and iterate on their products. Daniel is passionate about teaching and empowering designers and working with other disciplines to build purposeful products that meet both user and business goals.His approach to design is always thoughtful and iterative. Daniel often finds himself working collaboratively with his team whether that is sketching concepts and flows or leading design strategy with team leads and external stakeholders.Daniel is a multi faceted designer who’s expertise expands across multiple design disciplines. This includes User Experience and Visual Design, User Research, Product Strategy, Lean and Agile Design Methodologies and much more. HIs work has helped to shape different solutions for a variety of industries such as housing, blockchain and health.When he is not building products, Daniel has spoke and mentored at different meetups and events. He aims to give back to the design community that he has learnt and continues to learn so much from. Daniel aims to always help, teach and support other designers in their careers.See you inside the courses!

Overview

Section 1: Introduction

Lecture 1 Course Outline

Lecture 2 Join Our Online Classroom!

Lecture 3 Exercise: Meet Your Classmates and Instructor

Lecture 4 Meeting The Client

Lecture 5 The 2 Paths

Lecture 6 Exercise: Building Your Logo

Lecture 7 Design Resources

Lecture 8 Designer vs Developer

Lecture 9 Skills To Be A Top Designer

Lecture 10 Monthly Coding Challenges, Free Resources and Guides

Section 2: Sketching

Lecture 11 Getting Ready For This Section

Lecture 12 Introduction To Sketching

Lecture 13 The Sketching Process

Lecture 14 Sketching User Flows

Lecture 15 Sketching User Flows 2

Lecture 16 Sketching User Flows 3

Lecture 17 Sketching User Flows 4

Lecture 18 Sketching Tips

Section 3: Inspiration

Lecture 19 How To Stay Inspired

Lecture 20 How To Find Inspiration

Section 4: Figma Basics

Lecture 21 Resources

Lecture 22 Introduction

Lecture 23 Plans and Signup

Lecture 24 Where to Use Figma

Lecture 25 Figma UI — Structure

Lecture 26 Figma UI — Files

Lecture 27 Figma UI — Toolbar

Lecture 28 Figma UI — Left Sidebar

Lecture 29 Figma UI — Right Sidebar

Lecture 30 Shapes and Tools — Frames

Lecture 31 Shapes and Tools — Groups

Lecture 32 Shapes and Tools — Basic Shapes and Boolean Operations

Lecture 33 Designing in Figma — Images

Lecture 34 Designing in Figma — Getting Started with Text

Lecture 35 Designing in Figma — Constraints

Lecture 36 Designing in Figma — Using Auto Layout

Lecture 37 Designing in Figma — Auto Layout Properties

Lecture 38 Resources and Collaboration — Community Files

Lecture 39 Resources and Collaboration — Community Plugins

Lecture 40 Resources and Collaboration — Sharing and Comments

Lecture 41 Project — What We Are Going to Build?

Lecture 42 Project — Creating a Logo Using Basic Shapes

Lecture 43 Project — Auto Layout Buttons

Lecture 44 Project — Creating a Responsive Navigation

Lecture 45 Project — Responsive Text

Lecture 46 Project — Imagery and Gradients

Lecture 47 Project — Strokes and Shapes

Lecture 48 Project — Layout and Responsiveness

Section 5: User Flows

Lecture 49 Getting Ready For This Section

Lecture 50 User Flows Explained

Lecture 51 The DOs and DON'Ts

Lecture 52 What We Are Going To Build

Lecture 53 Reusable User Flow Assets

Lecture 54 User Flows in Figma — Onboarding

Lecture 55 User Flows in Figma — Search

Section 6: Sitemaps

Lecture 56 Getting Ready For This Section

Lecture 57 Introduction To Sitemaps

Lecture 58 Creating A Basic Sitemap

Lecture 59 What We Will Learn

Lecture 60 Reusable Sitemap Assets

Lecture 61 Figma Check In — Basic Components and Variants

Lecture 62 Sitemaps in Figma — The Top Layer

Lecture 63 Sitemaps in Figma — Digging Deeper

Lecture 64 Sitemaps in Figma — Digging Deeper Cont.

Lecture 65 Tips for Creating Great Sitemaps

Section 7: Wireframes

Lecture 66 Getting Ready For This Section

Lecture 67 What Is A Wireframe?

Lecture 68 How To Create A Wireframe

Lecture 69 What We Will Learn

Lecture 70 Figma Check In — Basic Button Component

Lecture 71 Figma Check In — Variants

Lecture 72 How to Use Our Wireframe Components

Lecture 73 Wireframes — Home

Lecture 74 Wireframes — Cart

Lecture 75 Wireframes — Profile

Section 8: Prototyping

Lecture 76 Getting Ready For This Section

Lecture 77 What We Will Learn

Lecture 78 Figma Check In — Prototyping in Figma

Lecture 79 Prototyping in Figma — Flows and Starting Points

Lecture 80 Prototyping in Figma — Connections

Lecture 81 Prototyping in Figma — Interactions

Lecture 82 Prototyping in Figma — Animations

Lecture 83 Prototyping in Figma — Prototype Settings

Lecture 84 Prototyping in Figma — Prototype Presentation

Lecture 85 Project — Navigation

Lecture 86 Project — Removing an Item from Your Wishlist

Lecture 87 Project — Finding a Product

Lecture 88 Exercise: Imposter Syndrome

Section 9: Feedback

Lecture 89 Why Is Feedback Important?

Lecture 90 Constructive Feedback

Section 10: Spacing and Grids

Lecture 91 Getting Ready For This Section

Lecture 92 What Is A Grid?

Lecture 93 Grid Basics

Lecture 94 What We Will Learn

Lecture 95 Figma Check In — Fixed and Fluid Grids

Lecture 96 Figma Check In — Breakpoints

Lecture 97 Figma Check In — Grid Style

Lecture 98 Project — Mobile Layout Grid

Lecture 99 Project — Desktop Layout Grids

Lecture 100 Simple Rules to Follow

Section 11: Typography

Lecture 101 Getting Ready For This Section

Lecture 102 Serifs

Lecture 103 Sans Serifs

Lecture 104 Display & Mono

Lecture 105 Picking Typefaces

Lecture 106 What We Will Learn

Lecture 107 Figma Check In — Text Properties

Lecture 108 Exercise — Elevating a Brand

Lecture 109 Exercise — Typeface Scenarios

Lecture 110 Exercise — Google Fonts

Lecture 111 Project — Typeface Exploration

Lecture 112 Project — Pairing Font Families

Lecture 113 Project — Headings, Body and Labels

Lecture 114 Project — Typeface System

Lecture 115 Figma Check In — Text Styles

Section 12: Color

Lecture 116 Getting Ready For This Section

Lecture 117 Color Schemes

Lecture 118 Important Questions To Ask

Lecture 119 Creating Color Palettes

Lecture 120 What We Will Learn

Lecture 121 Figma Check In — Paints

Lecture 122 Exercise — Expanding Upon a Strict Color Palette

Lecture 123 Exercise — Creating a Color Palette

Lecture 124 Figma Check In — Color Styles

Lecture 125 Exercise — Using Color Styles

Lecture 126 Project — Primary and Neutrals

Lecture 127 Project — Accents

Section 13: Imagery and Iconography

Lecture 128 Getting Ready For This Section

Lecture 129 Visual Assets Introduction

Lecture 130 What We Will Learn

Lecture 131 Figma Check In — Image Plugins

Lecture 132 Figma Check In — Image Styles

Lecture 133 Figma Check In — Masks

Lecture 134 Exercise — Image Exploration

Lecture 135 Exercise — Text and Imagery Working Together

Lecture 136 Figma Check In — Illustration Plugins

Lecture 137 Exercise — Adding illustrations to your designs

Lecture 138 Figma Check In — Icon Plugins

Lecture 139 Figma Check In — Pen Tool

Lecture 140 Exercise — Custom Icons with the Pen Tool

Section 14: Forms and UI Elements

Lecture 141 Getting Ready For This Section

Lecture 142 What Are Forms + UI Elements?

Lecture 143 What We Will Learn

Lecture 144 Best Practices — Forms

Lecture 145 Best Practices — Basic and Advanced Inputs

Lecture 146 Best Practices — Inputs

Lecture 147 Best Practices — Buttons

Lecture 148 Figma Check In — Component Properties

Lecture 149 Properties vs. Variants

Lecture 150 Figma Check In — Button Component Properties

Lecture 151 Figma Check In — Button Variants

Lecture 152 Figma Check In — Combining Components

Lecture 153 Figma Check In — Form Component Possibilities

Lecture 154 Project — Registration Flow Part 1

Lecture 155 Project — Registration Flow Part 2

Lecture 156 Project — Registration Flow Part 3

Section 15: Accessibility

Lecture 157 Getting Ready For This Section

Lecture 158 What Is Accessibility?

Lecture 159 Assistive Technologies

Lecture 160 Visual Patterns For Accessibility

Lecture 161 Tools To Make Your Design Accessible

Lecture 162 Visual Patterns For Accessibility Part 2

Section 16: Design Patterns

Lecture 163 What Are Design Patterns?

Lecture 164 Why Are Design Patterns Valuable?

Lecture 165 How To Apply Design Patterns

Lecture 166 Analyzing Design Patterns

Lecture 167 Dissecting And Choosing Design Patterns

Section 17: Mobile Design

Lecture 168 Mobile Design Best Practices Part 1

Lecture 169 Mobile Design Best Practices Part 2

Section 18: Visual Style and Exploration

Lecture 170 Getting Ready For This Section

Lecture 171 What We Will Learn

Lecture 172 Design Fidelity

Lecture 173 Visual Exploration — Navigation

Lecture 174 Visual Exploration — Buttons

Lecture 175 Figma Check In — Effect Styles

Lecture 176 Visual Exploration — Product Cards

Lecture 177 Visual Exploration — Text Cards

Lecture 178 Screen Design — Home

Lecture 179 Screen Design — Product Page

Section 19: Motion and Microinteractions

Lecture 180 Getting Ready For This Section

Lecture 181 The Importance Of Motion

Lecture 182 What Is A Microinteraction?

Lecture 183 Why Microinteractions Are Important?

Lecture 184 What We Will Learn

Lecture 185 Figma Check In — Intro to Smart Animate

Lecture 186 Figma Check In — Smart Animate Properties

Lecture 187 Exercise — Parallax

Lecture 188 Exercise — New Message

Lecture 189 Exercise — Overlays

Lecture 190 Figma Check In — Interactive Components

Lecture 191 Exercise — Interactive Buttons

Lecture 192 Project — Parallax Welcome Screen

Lecture 193 Project — Drag Onboarding

Lecture 194 Project — Cart Overlay

Lecture 195 Project — Button Microinteraction

Section 20: Design Systems

Lecture 196 Getting Ready For This Section

Lecture 197 What We Will Learn

Lecture 198 Foundational Styles and Components vs. Product Specific Components

Lecture 199 Building Fidelity and Organizing Potential Components and Styles

Lecture 200 Foundational Styles and Components

Lecture 201 Components — Buttons

Lecture 202 Components — Cards

Lecture 203 Components — Headers

Lecture 204 Components — Inputs

Lecture 205 Components — List Items

Lecture 206 Components — Navigation

Lecture 207 Components — Misc. Elements

Section 21: Execution

Lecture 208 Getting Ready For This Section

Lecture 209 What We Will Learn

Lecture 210 Working Towards Our Final Designs

Lecture 211 Execution — Introduction Screen

Lecture 212 Execution — Onboarding Screens

Lecture 213 Execution — Registration Screens

Lecture 214 Execution — Home Screen

Lecture 215 Execution — Wishlist Screens

Lecture 216 Execution — Profile Screen

Lecture 217 Execution — Cart and Checkout

Lecture 218 Prototypes — Registration

Lecture 219 Prototypes — Adding to Cart

Lecture 220 Prototypes — Checkout

Lecture 221 Prototypes — Lottie Files Plugin

Lecture 222 Prototypes — Search and Filters

Section 22: Working With A Client Revisited

Lecture 223 Getting Ready For This Section

Lecture 224 The Product Alignment Canvas

Lecture 225 Project Goals

Lecture 226 Target Users

Lecture 227 User Journey Map

Lecture 228 Risky Assumptions

Lecture 229 What is a User Story Map?

Lecture 230 Creating a User Story Map

Section 23: Where To Go From Here?

Lecture 231 Is Bruno Happy?

Lecture 232 Project Handoff

Lecture 233 Next Step: Project Handoff

Lecture 234 Thank You!

Lecture 235 Learning Guideline

Lecture 236 Become An Alumni

Lecture 237 LinkedIn Endorsements

Section 24: Web Portfolio

Lecture 238 Getting Ready For This Section

Lecture 239 How To Export And Place Designs

Lecture 240 Content For Your Portfolio

Lecture 241 Where To Host Your Web Portfolio

Section 25: From Figma To Website: Building Our Landing Page

Lecture 242 Quick Note: Upcoming Videos

Lecture 243 Initial Setup - Figma Handoff

Lecture 244 Build UI - Adding Image Assets

Lecture 245 Build UI - Styling Image Assets

Section 26: Extra: How The Internet Works

Lecture 246 Quick Note: Upcoming Videos

Lecture 247 Browsing the Web

Lecture 248 Breaking Google

Lecture 249 Exercise: Break Google Yourself

Lecture 250 The Internet Backbone

Lecture 251 Traceroute

Lecture 252 Exercise: Running traceroute

Lecture 253 DEVELOPER FUNDAMENTALS: I

Lecture 254 What Does A Developer Do?

Lecture 255 Web Developer Monthly

Section 27: Extra: History Of The Web

Lecture 256 WWW vs Internet

Lecture 257 HTML, CSS, Javascript

Lecture 258 DEVELOPER FUNDAMENTALS: II

Lecture 259 Developer History

Lecture 260 Exercise: Adding CSS and JavaScript to Tim's website

Lecture 261 Optional Resource: More About the History of the Web

Section 28: Extra: HTML 5

Lecture 262 Build Your First Website

Lecture 263 Resources: Your Text Editor

Lecture 264 DEVELOPER FUNDAMENTALS: III

Lecture 265 Quick Note About w3schools

Lecture 266 How To Ask Questions

Lecture 267 HTML Tags

Lecture 268 HTML Tags 2

Lecture 269 Self Closing HTML Tags

Lecture 270 Anchor Tag

Lecture 271 Q&A: index.html

Lecture 272 Q&A: Relative vs Absolute Path

Lecture 273 HTML Forms

Lecture 274 HTML Forms 2

Lecture 275 Submitting A Form

Lecture 276 HTML Tags 3

Lecture 277 HTML vs HTML 5

Lecture 278 Copy A Website

Lecture 279 HTML Challenge

Lecture 280 HTML Lesson Files

Lecture 281 Exercise: HTML Quiz

Lecture 282 Optional Exercise: More HTML

Section 29: Extra: CSS 3

Lecture 283 Exercise Files: Code-Along

Lecture 284 Your First CSS

Lecture 285 CSS Properties

Lecture 286 CSS Selectors

Lecture 287 Optional Exercise: CSS Selectors

Lecture 288 Text and Font

Lecture 289 Images In CSS

Lecture 290 Box Model

Lecture 291 px vs em vs rem

Lecture 292 Optional: PX, EM, REM, %, VW, and VH

Lecture 293 Exercise: CSS Quiz

Lecture 294 Critical Render Path

Lecture 295 Exercise File: Code-Along Images

Lecture 296 Flexbox

Lecture 297 Optional Exercise: Flexbox Froggy

Lecture 298 CSS 3

Lecture 299 Optional Exercise: Mastering Transitions and Transforms

Lecture 300 Responsive UI

Lecture 301 Image Gallery Files

Lecture 302 Exercise: Robot Animation

Lecture 303 Exercise: Robot Animation Starter Files

Lecture 304 Solution: Robot Animation

Lecture 305 Optional Exercise: CSS

Section 30: Extra: Bootstrap, Templates, And Building Your Startup Landing Page

Lecture 306 Evolving Technology

Lecture 307 Bootstrap Introduction

Lecture 308 Bootstrap

Lecture 309 Bootstrap 5 Update

Lecture 310 Exercise: Changing Versions

Lecture 311 Bootstrap Grid

Lecture 312 Free Resources For Our Project

Lecture 313 Exercise: Startup Landing Page

Lecture 314 Exercise: Startup Landing Page 2

Lecture 315 Exercise: Startup Landing Page 3

Lecture 316 Quick Note: The hr tag

Lecture 317 Exercise: Startup Landing Page 4

Lecture 318 Exercise: Startup Landing Page 5

Lecture 319 Quick Note: Mailchimp

Lecture 320 Exercise: Adding Email Subscribe Form With MailChimp

Lecture 321 Quick Note: Upcoming Videos

Lecture 322 Exercise: Putting Your Website Online

Lecture 323 Exercise: Putting Your Website Online 2

Lecture 324 Quick Note: Upcoming Video

Lecture 325 DEVELOPER FUNDAMENTALS: IV

Lecture 326 Using Templates

Lecture 327 Resources for FREE Templates

Lecture 328 Startup Landing Pages by Students

Section 31: Extra: CSS Grid + CSS Layout

Lecture 329 Section Overview

Lecture 330 CSS Grid vs Flexbox vs Bootstrap

Lecture 331 Quick Note: grid-gap to gap

Lecture 332 CSS Grid 1

Lecture 333 CSS Grid 2

Lecture 334 CSS Grid 3

Lecture 335 CSS Grid 4

Lecture 336 CSS Grid 5

Lecture 337 Optional Exercise: CSS Grid

Lecture 338 Exercise: CSS Layout

Lecture 339 Solution: Navigation Bar

Lecture 340 Solution: Navigation Bar 2

Lecture 341 Solution: Cover

Lecture 342 Solution: Project Grid + Footer

Lecture 343 Quick Note: Upcoming Video

Lecture 344 Solution: Prettify

Lecture 345 The Truth About CSS

Section 32: BONUS SECTION

Lecture 346 Special Bonus Lecture

Anyone who wants to start a Web or Mobile Design business on the side as a freelancer, or work as a designer at a company,Web Developers and Mobile Developers wanting to add another valuable skill to their tool belt,Anyone who wants to get hired as a Web Designer, Mobile Designer, UI/UX Designer,Anyone who wants to learn about the latest CSS3 features like Flexbox, CSS Grid and CSS Variables as well as HTML5