001 Course Outline.mp4 (74.6 MB)
MP4
002 Join Our Online Classroom!.mp4 (94.18 MB)
MP4
004 Meeting The Client.mp4 (15.92 MB)
MP4
005 The 2 Paths.mp4 (5.68 MB)
MP4
006 Exercise Building Your Logo.mp4 (13.3 MB)
MP4
008 Designer vs Developer.mp4 (22.89 MB)
MP4
009 Skills To Be A Top Designer.mp4 (61.11 MB)
MP4
010 ZTM Resources.mp4 (61.68 MB)
MP4
002 Introduction To Sketching.mp4 (20.14 MB)
MP4
003 The Sketching Process.mp4 (63.54 MB)
MP4
004 Sketching User Flows.mp4 (103.5 MB)
MP4
005 Sketching User Flows 2.mp4 (37.51 MB)
MP4
006 Sketching User Flows 3.mp4 (126.74 MB)
MP4
007 Sketching User Flows 4.mp4 (240.38 MB)
MP4
008 Sketching Tips.mp4 (106.54 MB)
MP4
001 How To Stay Inspired.mp4 (42.68 MB)
MP4
002 How To Find Inspiration.mp4 (202.61 MB)
MP4
002 Introduction.mp4 (26.67 MB)
MP4
003 Plans and Signup.mp4 (17.63 MB)
MP4
004 Where to Use Figma.mp4 (8.69 MB)
MP4
005 Figma UI — Structure.mp4 (23.34 MB)
MP4
006 Figma UI — Files.mp4 (24.63 MB)
MP4
007 Figma UI — Toolbar.mp4 (37.76 MB)
MP4
008 Figma UI — Left Sidebar.mp4 (32.3 MB)
MP4
009 Figma UI — Right Sidebar.mp4 (114.32 MB)
MP4
010 Shapes and Tools — Frames.mp4 (13.99 MB)
MP4
011 Shapes and Tools — Groups.mp4 (9.96 MB)
MP4
012 Shapes and Tools — Basic Shapes and Boolean Operations.mp4 (23.06 MB)
MP4
013 Designing in Figma — Images.mp4 (62.3 MB)
MP4
014 Designing in Figma — Getting Started with Text.mp4 (28.63 MB)
MP4
015 Designing in Figma — Constraints.mp4 (15.35 MB)
MP4
016 Designing in Figma — Using Auto Layout.mp4 (21.4 MB)
MP4
017 Designing in Figma — Auto Layout Properties.mp4 (27.85 MB)
MP4
018 Resources and Collaboration — Community Files.mp4 (51.79 MB)
MP4
019 Resources and Collaboration — Community Plugins.mp4 (49.31 MB)
MP4
020 Resources and Collaboration — Sharing and Comments.mp4 (20.71 MB)
MP4
021 Project — What We Are Going to Build.mp4 (8.5 MB)
MP4
022 Project — Creating a Logo Using Basic Shapes.mp4 (33.48 MB)
MP4
023 Project — Auto Layout Buttons.mp4 (24.78 MB)
MP4
024 Project — Creating a Responsive Navigation.mp4 (46.25 MB)
MP4
025 Project — Responsive Text.mp4 (25.4 MB)
MP4
026 Project — Imagery and Gradients.mp4 (63.42 MB)
MP4
027 Project — Strokes and Shapes.mp4 (55.76 MB)
MP4
028 Project — Layout and Responsiveness.mp4 (58.64 MB)
MP4
002 User Flows Explained.mp4 (22 MB)
MP4
003 The DOs and DON'Ts.mp4 (11.13 MB)
MP4
004 What We Are Going To Build.mp4 (8.84 MB)
MP4
005 Reusable User Flow Assets.mp4 (26.6 MB)
MP4
006 User Flows in Figma — Onboarding.mp4 (54.49 MB)
MP4
007 User Flows in Figma — Search.mp4 (53.64 MB)
MP4
002 Introduction To Sitemaps.mp4 (5.79 MB)
MP4
003 Creating A Basic Sitemap.mp4 (15.65 MB)
MP4
004 What We Will Learn.mp4 (5.14 MB)
MP4
005 Reusable Sitemap Assets.mp4 (37.71 MB)
MP4
006 Figma Check In — Basic Components and Variants.mp4 (36.04 MB)
MP4
007 Sitemaps in Figma — The Top Layer.mp4 (28.47 MB)
MP4
008 Sitemaps in Figma — Digging Deeper.mp4 (18.57 MB)
MP4
009 Sitemaps in Figma — Digging Deeper Cont.mp4 (39.53 MB)
MP4
010 Tips for Creating Great Sitemaps.mp4 (14.66 MB)
MP4
002 What Is A Wireframe.mp4 (26.87 MB)
MP4
003 How To Create A Wireframe.mp4 (37.04 MB)
MP4
004 What We Will Learn.mp4 (17.96 MB)
MP4
005 Figma Check In — Basic Button Component.mp4 (26.65 MB)
MP4
006 Figma Check In — Variants.mp4 (21.9 MB)
MP4
007 How to Use Our Wireframe Components.mp4 (23.5 MB)
MP4
008 Wireframes — Home.mp4 (49.38 MB)
MP4
009 Wireframes — Cart.mp4 (46.17 MB)
MP4
010 Wireframes — Profile.mp4 (38.95 MB)
MP4
002 What We Will Learn.mp4 (15.04 MB)
MP4
003 Figma Check In — Prototyping in Figma.mp4 (17.9 MB)
MP4
004 Prototyping in Figma — Flows and Starting Points.mp4 (17.52 MB)
MP4
005 Prototyping in Figma — Connections.mp4 (9.06 MB)
MP4
006 Prototyping in Figma — Interactions.mp4 (10.18 MB)
MP4
007 Prototyping in Figma — Animations.mp4 (12.2 MB)
MP4
008 Prototyping in Figma — Prototype Settings.mp4 (11.25 MB)
MP4
009 Prototyping in Figma — Prototype Presentation.mp4 (17.78 MB)
MP4
010 Project — Navigation.mp4 (35.43 MB)
MP4
011 Project — Removing an Item from Your Wishlist.mp4 (33.61 MB)
MP4
012 Project — Finding a Product.mp4 (43.54 MB)
MP4
013 Exercise Imposter Syndrome.mp4 (36.62 MB)
MP4
001 Why Is Feedback Important.mp4 (18.4 MB)
MP4
002 Constructive Feedback.mp4 (41.47 MB)
MP4
002 What Is A Grid.mp4 (39.05 MB)
MP4
003 Grid Basics.mp4 (21.58 MB)
MP4
004 What We Will Learn.mp4 (3.31 MB)
MP4
005 Figma Check In — Fixed and Fluid Grids.mp4 (18.49 MB)
MP4
006 Figma Check In — Breakpoints.mp4 (19.6 MB)
MP4
007 Figma Check In — Grid Style.mp4 (20.39 MB)
MP4
008 Project — Mobile Layout Grid.mp4 (42.31 MB)
MP4
009 Project — Desktop Layout Grids.mp4 (24.97 MB)
MP4
010 Simple Rules to Follow.mp4 (34.67 MB)
MP4
002 Serifs.mp4 (13.09 MB)
MP4
003 Sans Serifs.mp4 (10.74 MB)
MP4
004 Display & Mono.mp4 (16.21 MB)
MP4
005 Picking Typefaces.mp4 (6.38 MB)
MP4
006 What We Will Learn.mp4 (4.4 MB)
MP4
007 Figma Check In — Text Properties.mp4 (27.7 MB)
MP4
008 Exercise — Elevating a Brand.mp4 (63.07 MB)
MP4
009 Exercise — Typeface Scenarios.mp4 (42.49 MB)
MP4
010 Exercise — Google Fonts.mp4 (55.62 MB)
MP4
011 Project — Typeface Exploration.mp4 (47.9 MB)
MP4
012 Project — Pairing Font Families.mp4 (85.83 MB)
MP4
013 Project — Headings, Body and Labels.mp4 (53.61 MB)
MP4
014 Project — Typeface System.mp4 (45.14 MB)
MP4
015 Figma Check In — Text Styles.mp4 (67.35 MB)
MP4
002 Color Schemes.mp4 (12.98 MB)
MP4
003 Important Questions To Ask.mp4 (21.33 MB)
MP4
004 Creating Color Palettes.mp4 (9.89 MB)
MP4
005 What We Will Learn.mp4 (3.82 MB)
MP4
006 Figma Check In — Paints.mp4 (18.72 MB)
MP4
007 Exercise — Expanding Upon a Strict Color Palette.mp4 (38.41 MB)
MP4
008 Exercise — Creating a Color Palette.mp4 (13.69 MB)
MP4
009 Figma Check In — Color Styles.mp4 (20.6 MB)
MP4
010 Exercise — Using Color Styles.mp4 (90.39 MB)
MP4
011 Project — Primary and Neutrals.mp4 (24.12 MB)
MP4
012 Project — Accents.mp4 (22.95 MB)
MP4
002 Visual Assets Introduction.mp4 (19.25 MB)
MP4
003 What We Will Learn.mp4 (14.4 MB)
MP4
004 Figma Check In — Image Plugins.mp4 (28.89 MB)
MP4
005 Figma Check In — Image Styles.mp4 (26.32 MB)
MP4
006 Figma Check In — Masks.mp4 (15.96 MB)
MP4
007 Exercise — Image Exploration.mp4 (39.97 MB)
MP4
008 Exercise — Text and Imagery Working Together.mp4 (95.15 MB)
MP4
009 Figma Check In — Illustration Plugins.mp4 (37.91 MB)
MP4
010 Exercise — Adding illustrations to your designs.mp4 (45.14 MB)
MP4
011 Figma Check In — Icon Plugins.mp4 (12.34 MB)
MP4
012 Figma Check In — Pen Tool.mp4 (51.66 MB)
MP4
013 Exercise — Custom Icons with the Pen Tool.mp4 (126.31 MB)
MP4
002 What Are Forms + UI Elements.mp4 (17 MB)
MP4
003 What We Will Learn.mp4 (8 MB)
MP4
004 Best Practices — Forms.mp4 (25.94 MB)
MP4
005 Best Practices — Basic and Advanced Inputs.mp4 (20.56 MB)
MP4
006 Best Practices — Inputs.mp4 (59.35 MB)
MP4
007 Best Practices — Buttons.mp4 (13.79 MB)
MP4
008 Figma Check In — Component Properties.mp4 (21.4 MB)
MP4
009 Properties vs Variants.mp4 (11.46 MB)
MP4
010 Figma Check In — Button Component Properties.mp4 (20.42 MB)
MP4
011 Figma Check In — Button Variants.mp4 (27.68 MB)
MP4
012 Figma Check In — Combining Components.mp4 (27.2 MB)
MP4
013 Figma Check In — Form Component Possibilities.mp4 (45.96 MB)
MP4
014 Project — Registration Flow Part 1.mp4 (59.65 MB)
MP4
015 Project — Registration Flow Part 2.mp4 (52.18 MB)
MP4
016 Project — Registration Flow Part 3.mp4 (35.46 MB)
MP4
002 What Is Accessibility.mp4 (22.8 MB)
MP4
003 Assistive Technologies.mp4 (18.11 MB)
MP4
004 Visual Patterns For Accessibility.mp4 (25.05 MB)
MP4
005 Tools To Make Your Design Accessible.mp4 (49.4 MB)
MP4
006 Visual Patterns For Accessibility Part 2.mp4 (37.69 MB)
MP4
001 What Are Design Patterns.mp4 (36.92 MB)
MP4
002 Why Are Design Patterns Valuable.mp4 (9.71 MB)
MP4
003 How To Apply Design Patterns.mp4 (20.1 MB)
MP4
004 Analyzing Design Patterns.mp4 (51.49 MB)
MP4
005 Dissecting And Choosing Design Patterns.mp4 (80.06 MB)
MP4
001 Mobile Design Best Practices Part 1.mp4 (54.65 MB)
MP4
002 Mobile Design Best Practices Part 2.mp4 (64.76 MB)
MP4
002 What We Will Learn.mp4 (16.51 MB)
MP4
003 Design Fidelity.mp4 (42.57 MB)
MP4
004 Visual Exploration — Navigation.mp4 (82.4 MB)
MP4
005 Visual Exploration — Buttons.mp4 (48.08 MB)
MP4
006 Figma Check In — Effect Styles.mp4 (11.16 MB)
MP4
007 Visual Exploration — Product Cards.mp4 (75.8 MB)
MP4
008 Visual Exploration — Text Cards.mp4 (58.72 MB)
MP4
009 Screen Design — Home.mp4 (119.87 MB)
MP4
010 Screen Design — Product Page.mp4 (55.18 MB)
MP4
002 The Importance Of Motion.mp4 (76.64 MB)
MP4
003 What Is A Microinteraction.mp4 (40.16 MB)
MP4
004 Why Microinteractions Are Important.mp4 (34.9 MB)
MP4
005 What We Will Learn.mp4 (11.57 MB)
MP4
006 Figma Check In — Intro to Smart Animate.mp4 (7.8 MB)
MP4
007 Figma Check In — Smart Animate Properties.mp4 (14.23 MB)
MP4
008 Exercise — Parallax.mp4 (37.49 MB)
MP4
009 Exercise — New Message.mp4 (59.21 MB)
MP4
010 Exercise — Overlays.mp4 (20.56 MB)
MP4
011 Figma Check In — Interactive Components.mp4 (22.84 MB)
MP4
012 Exercise — Interactive Buttons.mp4 (80.7 MB)
MP4
013 Project — Parallax Welcome Screen.mp4 (23.68 MB)
MP4
014 Project — Drag Onboarding.mp4 (83.7 MB)
MP4
015 Project — Cart Overlay.mp4 (47.55 MB)
MP4
016 Project — Button Microinteraction.mp4 (85.41 MB)
MP4
002 What We Will Learn.mp4 (5.91 MB)
MP4
003 Foundational Styles and Components vs Product Specific Components.mp4 (20.46 MB)
MP4
004 Building Fidelity and Organizing Potential Components and Styles.mp4 (33.4 MB)
MP4
005 Foundational Styles and Components.mp4 (60.78 MB)
MP4
006 Components — Buttons.mp4 (46.99 MB)
MP4
007 Components — Cards.mp4 (82.52 MB)
MP4
008 Components — Headers.mp4 (64.07 MB)
MP4
009 Components — Inputs.mp4 (63.53 MB)
MP4
010 Components — List Items.mp4 (47.1 MB)
MP4
011 Components — Navigation.mp4 (97.01 MB)
MP4
012 Components — Misc Elements.mp4 (31.58 MB)
MP4
002 What We Will Learn.mp4 (17.39 MB)
MP4
003 Working Towards Our Final Designs.mp4 (83.23 MB)
MP4
004 Execution — Introduction Screen.mp4 (32.93 MB)
MP4
005 Execution — Onboarding Screens.mp4 (100.8 MB)
MP4
006 Execution — Registration Screens.mp4 (154.05 MB)
MP4
007 Execution — Home Screen.mp4 (98.88 MB)
MP4
008 Execution — Wishlist Screens.mp4 (55.53 MB)
MP4
009 Execution — Profile Screen.mp4 (106.35 MB)
MP4
010 Execution — Cart and Checkout.mp4 (100.29 MB)
MP4
011 Prototypes — Registration.mp4 (68.27 MB)
MP4
012 Prototypes — Adding to Cart.mp4 (32.36 MB)
MP4
013 Prototypes — Checkout.mp4 (36.73 MB)
MP4
014 Prototypes — Lottie Files Plugin.mp4 (25.31 MB)
MP4
015 Prototypes — Search and Filters.mp4 (44.16 MB)
MP4
002 The Product Alignment Canvas.mp4 (27.63 MB)
MP4
003 Project Goals.mp4 (40.83 MB)
MP4
004 Target Users.mp4 (61.65 MB)
MP4
005 User Journey Map.mp4 (83.37 MB)
MP4
006 Risky Assumptions.mp4 (26.45 MB)
MP4
007 What is a User Story Map.mp4 (22.1 MB)
MP4
008 Creating a User Story Map.mp4 (46.35 MB)
MP4
001 Is Bruno Happy.mp4 (6.4 MB)
MP4
002 Project Handoff.mp4 (14.67 MB)
MP4
004 Thank You!.mp4 (6.46 MB)
MP4
002 How To Export And Place Designs.mp4 (89.54 MB)
MP4
003 Content For Your Portfolio.mp4 (160.65 MB)
MP4
004 Where To Host Your Web Portfolio.mp4 (80.04 MB)
MP4
002 -template-splash-page.zip (1.69 MB)
ZIP
002 Initial Setup - Figma Handoff.mp4 (134.63 MB)
MP4
003 Build UI - Adding Image Assets.mp4 (101.36 MB)
MP4
004 Build UI - Styling Image Assets.mp4 (53.94 MB)
MP4
002 Browsing the Web.mp4 (42.12 MB)
MP4
003 Breaking Google.mp4 (29.56 MB)
MP4
005 The Internet Backbone.mp4 (97.31 MB)
MP4
006 Traceroute.mp4 (41.06 MB)
MP4
008 DEVELOPER FUNDAMENTALS I.mp4 (28.79 MB)
MP4
009 What Does A Developer Do.mp4 (16.93 MB)
MP4
001 WWW vs Internet.mp4 (54.31 MB)
MP4
002 HTML, CSS, jаvascript.mp4 (73.85 MB)
MP4
003 DEVELOPER FUNDAMENTALS II.mp4 (13.23 MB)
MP4
004 Developer History.mp4 (12.16 MB)
MP4
001 Build Your First Website.mp4 (88.63 MB)
MP4
003 DEVELOPER FUNDAMENTALS III.mp4 (32.42 MB)
MP4
006 HTML Tags.mp4 (116.45 MB)
MP4
007 HTML Tags 2.mp4 (10.65 MB)
MP4
008 Self Closing HTML Tags.mp4 (50.87 MB)
MP4
009 Anchor Tag.mp4 (47.64 MB)
MP4
010 Q&A index html.mp4 (11.49 MB)
MP4
011 Q&A Relative vs Absolute Path.mp4 (60.86 MB)
MP4
012 HTML Forms.mp4 (109.79 MB)
MP4
013 HTML Forms 2.mp4 (33.54 MB)
MP4
014 Submitting A Form.mp4 (115.27 MB)
MP4
015 HTML Tags 3.mp4 (42.91 MB)
MP4
016 HTML vs HTML 5.mp4 (64.61 MB)
MP4
017 Copy A Website.mp4 (50.97 MB)
MP4
018 HTML Challenge.mp4 (6.93 MB)
MP4
019 html-files.zip (2.47 KB)
ZIP
001 project-files.zip (2.84 KB)
ZIP
002 Your First CSS.mp4 (127.53 MB)
MP4
003 CSS Properties.mp4 (150.3 MB)
MP4
004 CSS Selectors.mp4 (286.1 MB)
MP4
004 CSS-Cheat-Sheet txt.zip (1.13 KB)
ZIP
006 Text and Font.mp4 (137.64 MB)
MP4
007 Images In CSS.mp4 (83.98 MB)
MP4
008 Box Model.mp4 (35.06 MB)
MP4
009 px vs em vs rem.mp4 (16.36 MB)
MP4
012 Critical Render Path.mp4 (18.52 MB)
MP4
013 picture-links txt.zip (1.16 KB)
ZIP
014 Flexbox.mp4 (119.21 MB)
MP4
014 picture-links txt.zip (1.16 KB)
ZIP
016 CSS 3.mp4 (92.46 MB)
MP4
018 Responsive UI.mp4 (13.1 MB)
MP4
019 image-gallery.zip (1.59 KB)
ZIP
020 Exercise Robot Animation.mp4 (3.05 MB)
MP4
020 robot.zip (1.86 KB)
ZIP
021 robot.zip (1.86 KB)
ZIP
022 robotfriend.zip (1.88 KB)
ZIP
001 Evolving Technology.mp4 (23.47 MB)
MP4
002 Bootstrap Introduction.mp4 (43.54 MB)
MP4
004 Bootstrap.mp4 (128.62 MB)
MP4
005 Bootstrap 5 Update.mp4 (40.94 MB)
MP4
007 Fast and the Furious Bootstrap.mp4 (90.37 MB)
MP4
009 Bootstrap Grid.mp4 (52.78 MB)
MP4
011 Exercise Startup Landing Page.mp4 (7.47 MB)
MP4
011 startup-files-start.zip (61.7 KB)
ZIP
012 Exercise Startup Landing Page 2.mp4 (39.04 MB)
MP4
013 Exercise Startup Landing Page 3.mp4 (108.52 MB)
MP4
015 Exercise Startup Landing Page 4.mp4 (85.85 MB)
MP4
017 Exercise Startup Landing Page 5.mp4 (148.18 MB)
MP4
017 startup-of-the-year-master.zip (63.04 KB)
ZIP
020 Exercise Adding Email Subscribe Form With MailChimp.mp4 (81.93 MB)
MP4
022 Exercise Putting Your Website Online.mp4 (55.74 MB)
MP4
023 Exercise Putting Your Website Online 2.mp4 (31.7 MB)
MP4
025 DEVELOPER FUNDAMENTALS IV.mp4 (69.63 MB)
MP4
026 Using Templates.mp4 (40.88 MB)
MP4
001 Section Overview.mp4 (11.52 MB)
MP4
002 CSS Grid vs Flexbox vs Bootstrap.mp4 (53.92 MB)
MP4
004 CSS Grid 1.mp4 (89.32 MB)
MP4
004 files.zip (2.29 KB)
ZIP
005 CSS Grid 2.mp4 (34.17 MB)
MP4
006 CSS Grid 3.mp4 (94.41 MB)
MP4
007 CSS Grid 4.mp4 (83.93 MB)
MP4
008 CSS Grid 5.mp4 (14.62 MB)
MP4
008 files-1.zip (2.45 KB)
ZIP
010 Exercise CSS Layout.mp4 (13.06 MB)
MP4
010 project-start.zip (680.36 KB)
ZIP
011 Solution Navigation Bar.mp4 (50.28 MB)
MP4
012 Solution Navigation Bar 2.mp4 (28.22 MB)
MP4
013 Solution Cover.mp4 (44.1 MB)
MP4
014 project-layout.zip (681.2 KB)
ZIP
014 Solution Project Grid + Footer.mp4 (95.59 MB)
MP4
016 project-prettify.zip (681.41 KB)
ZIP
016 Solution Prettify.mp4 (76.01 MB)
MP4
017 The Truth About CSS.mp4 (13.53 MB)
MP4