FreeCourseSite com Udemy - Complete Web Design from Figma to Webflow to Freelancing

1. 01 - Getting Started/001 What is Webflow.mp4132.73MB
2. 01 - Getting Started/003 Webflow Teaser.mp444.46MB
3. 02 - PART 1 SECRETS OF GOOD DESIGN/001 Intro to Good Design.mp455.77MB
4. 02 - PART 1 SECRETS OF GOOD DESIGN/002 Getting started with Figma.mp447.74MB
5. 03 - Layout is King/001 It All Starts With Alignment & Grid.mp469.98MB
6. 03 - Layout is King/002 Practice Alignment & Grid.mp445.99MB
7. 03 - Layout is King/004 Importance of Visual Hierarchy.mp464.85MB
8. 03 - Layout is King/005 Practice Visual Hierarchy.mp472.57MB
9. 03 - Layout is King/007 Beware of Optical Illusions.mp421.16MB
10. 03 - Layout is King/008 Proximity.mp411.64MB
11. 04 - How to Use Typography Beautifully/001 Intro to Typography.mp417.56MB
12. 04 - How to Use Typography Beautifully/002 Typeface Comes With a Personality.mp413.71MB
13. 04 - How to Use Typography Beautifully/003 Typeface Categories.mp443.6MB
14. 04 - How to Use Typography Beautifully/004 Practice Typeface Personality.mp445.51MB
15. 04 - How to Use Typography Beautifully/005 Setting type.mp453.85MB
16. 04 - How to Use Typography Beautifully/006 Practice Setting type.mp448.84MB
17. 04 - How to Use Typography Beautifully/007 Two fonts only.mp421.65MB
18. 04 - How to Use Typography Beautifully/008 Where to Find Fonts.mp446.65MB
19. 04 - How to Use Typography Beautifully/009 Practice Typeface Pairing.mp467.32MB
20. 05 - The Art of Color/001 Intro to Colors.mp414.81MB
21. 05 - The Art of Color/002 Sampling Colors.mp425.86MB
22. 05 - The Art of Color/003 Practice Sampling Colors.mp4122.08MB
23. 05 - The Art of Color/004 Fine-tuning Colors.mp422.77MB
24. 05 - The Art of Color/005 Practice Fine-tuning Colors.mp424.14MB
25. 05 - The Art of Color/006 Color Hunting.mp436.15MB
26. 05 - The Art of Color/007 Brand Colors.mp446.47MB
27. 06 - How to Use Photos to Create Mouthwatering Websites/001 Intro to Photos.mp46.62MB
28. 06 - How to Use Photos to Create Mouthwatering Websites/002 Image Overlays.mp429.52MB
29. 06 - How to Use Photos to Create Mouthwatering Websites/003 Practice Image Overlays.mp469.77MB
30. 06 - How to Use Photos to Create Mouthwatering Websites/004 Photo Cropping Techniques - Extreme Crop.mp429.01MB
31. 06 - How to Use Photos to Create Mouthwatering Websites/005 Photo Cropping Techniques - Soft Crop.mp438.81MB
32. 06 - How to Use Photos to Create Mouthwatering Websites/006 Practice Photo Cropping.mp4102.7MB
33. 06 - How to Use Photos to Create Mouthwatering Websites/007 Rule of Thirds.mp433.89MB
34. 06 - How to Use Photos to Create Mouthwatering Websites/008 Unbox it!.mp443.45MB
35. 06 - How to Use Photos to Create Mouthwatering Websites/009 Pick Photos Like a Pro.mp454.75MB
36. 06 - How to Use Photos to Create Mouthwatering Websites/010 Where to Find Photos.mp462.61MB
37. 06 - How to Use Photos to Create Mouthwatering Websites/011 Practice Finding Photos.mp454.72MB
38. 07 - 6 Design Tricks Every Designer Should Know/001 Intro to Design Tricks.mp49.2MB
39. 07 - 6 Design Tricks Every Designer Should Know/002 Contrast.mp424.12MB
40. 07 - 6 Design Tricks Every Designer Should Know/003 White Space.mp448.67MB
41. 07 - 6 Design Tricks Every Designer Should Know/004 Repetition.mp434.02MB
42. 07 - 6 Design Tricks Every Designer Should Know/005 Consistency.mp447.16MB
43. 07 - 6 Design Tricks Every Designer Should Know/006 Overlapping.mp419.61MB
44. 07 - 6 Design Tricks Every Designer Should Know/007 Practice Overlapping.mp43.24MB
45. 07 - 6 Design Tricks Every Designer Should Know/008 Tension.mp422.12MB
46. 07 - 6 Design Tricks Every Designer Should Know/009 Practice Tension.mp433.94MB
47. 08 - PART 2 PRACTICE DESIGN LIKE AN ARTIST/001 Intro to Design Practice.mp46.89MB
48. 09 - Practice by Mimicking Pros/001 Mimic Method.mp4100.08MB
49. 09 - Practice by Mimicking Pros/002 The Biggest SECRET of Great Designers Inspiration.mp475.71MB
50. 09 - Practice by Mimicking Pros/003 Practice Mood Board.mp469.57MB
51. 09 - Practice by Mimicking Pros/004 Practice Figma Homepage Design.mp456.21MB
52. 10 - Designing Your First Beautiful Web Page/001 Chat App homepage design Part 1.mp473.86MB
53. 10 - Designing Your First Beautiful Web Page/002 Chat App homepage design Part 2.mp4136.7MB
54. 10 - Designing Your First Beautiful Web Page/003 Chat App homepage design Part 3.mp4107.87MB
55. 10 - Designing Your First Beautiful Web Page/004 Chat App homepage design Part 4.mp4144.06MB
56. 11 - PART 3 WEB DEVELOPMENT (WEBFLOW)/001 Intro to Webflow Development.mp48.91MB
57. 12 - How Web Pages Work/001 Webflow Designer Intro.mp414.65MB
58. 12 - How Web Pages Work/002 HTML & CSS.mp433.98MB
59. 12 - How Web Pages Work/003 The Box Model.mp45.9MB
60. 12 - How Web Pages Work/004 Element Hierarchy.mp418.08MB
61. 13 - Building Your First Web Page/001 Section & Div Block.mp418.58MB
62. 13 - Building Your First Web Page/003 Size Settings.mp457.37MB
63. 13 - Building Your First Web Page/004 Padding & Margins.mp465.14MB
64. 13 - Building Your First Web Page/006 Web Typography.mp432.33MB
65. 13 - Building Your First Web Page/008 Buttons and Links.mp422.46MB
66. 13 - Building Your First Web Page/010 CSS Classes.mp425.46MB
67. 13 - Building Your First Web Page/011 Canvas Settings.mp432.3MB
68. 13 - Building Your First Web Page/012 Images.mp436.23MB
69. 13 - Building Your First Web Page/013 Float, Columns, Display.mp459.72MB
70. 13 - Building Your First Web Page/014 Flexbox.mp450.72MB
71. 13 - Building Your First Web Page/016 Webflow Debugging Checklist.mp4205.74MB
72. 13 - Building Your First Web Page/018 Navbar (Chat App).mp476.06MB
73. 13 - Building Your First Web Page/019 Hover.mp453.89MB
74. 13 - Building Your First Web Page/020 Middle Section (Chat App).mp462.7MB
75. 13 - Building Your First Web Page/021 HTML Tags.mp472.05MB
76. 13 - Building Your First Web Page/022 Combo Classes.mp454.43MB
77. 13 - Building Your First Web Page/023 CTA Section (Chat App).mp4130.84MB
78. 13 - Building Your First Web Page/024 Footer (Chat App).mp4107.17MB
79. 14 - Responsive Web Design Beautiful on Any Device/001 Intro to Responsive Web Design.mp442.04MB
80. 14 - Responsive Web Design Beautiful on Any Device/002 Responsive Hero Section - Tablet.mp430.04MB
81. 14 - Responsive Web Design Beautiful on Any Device/003 Responsive Hero Section - Mobile 1.mp432.09MB
82. 14 - Responsive Web Design Beautiful on Any Device/004 Responsive Hero Section - Mobile 2.mp417.08MB
83. 14 - Responsive Web Design Beautiful on Any Device/005 Responsive Nav Menu (Chat App).mp452.21MB
84. 14 - Responsive Web Design Beautiful on Any Device/006 Responsive Overflow.mp437.06MB
85. 14 - Responsive Web Design Beautiful on Any Device/007 Responsive CTA Section (Chat App).mp436.94MB
86. 14 - Responsive Web Design Beautiful on Any Device/008 Responsive Footer (Chat App).mp459.82MB
87. 15 - Going Live Launching Your First Web Page/001 Going Live SEO (Chat App).mp441.61MB
88. 15 - Going Live Launching Your First Web Page/002 Going Live Publishing (Chat App).mp451.49MB
89. 15 - Going Live Launching Your First Web Page/003 Webflow Editor.mp431.93MB
90. 16 - PART 4 CLIENT PROJECT FROM START TO FINISH/001 Intro to Client Project.mp434.5MB
91. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/001 Good Design Process.mp4161.59MB
92. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/002 Project Brief.mp485.1MB
93. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/003 Mood Board.mp452.6MB
94. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/004 Why Wireframing.mp4129.05MB
95. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/005 Figma Styles.mp415.61MB
96. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/006 Figma Components.mp419.89MB
97. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/007 Wireframe Kit.mp439.85MB
98. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/008 Wireframes – Homepage Part 1.mp4135.82MB
99. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/009 Wireframes – Homepage Part 2.mp475.81MB
100. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/010 Wireframes – Post Page.mp464.38MB
101. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/011 Wireframes – Blog.mp440MB
102. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/012 Team App Homepage Design Part 1.mp4147.82MB
103. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/013 Team App Homepage Design Part 2.mp4164.23MB
104. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/014 Team App Homepage Design Part 3.mp487.45MB
105. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/015 Team App Blog Post Design.mp439.04MB
106. 17 - Nail the Designs Project Brief, Mood Board, Wireframes, Design/016 Team App Blog Design.mp4144.14MB
107. 18 - Development From Designs to Functional Website/001 Intro.mp423.02MB
108. 18 - Development From Designs to Functional Website/002 Background Styles.mp486.1MB
109. 18 - Development From Designs to Functional Website/004 Navbar (Team App).mp4114.7MB
110. 18 - Development From Designs to Functional Website/005 Hero Content (Team App).mp496.26MB
111. 18 - Development From Designs to Functional Website/006 Forms.mp4163.1MB
112. 18 - Development From Designs to Functional Website/007 Mockup Section – Part 1 (Team App).mp4141.03MB
113. 18 - Development From Designs to Functional Website/008 Mockup Section – Part 2 (Team App).mp442.91MB
114. 18 - Development From Designs to Functional Website/009 Photo Sections (Team App).mp444.24MB
115. 18 - Development From Designs to Functional Website/010 Slider Component.mp433.96MB
116. 18 - Development From Designs to Functional Website/011 Testimonial Slider (Team App).mp495.09MB
117. 18 - Development From Designs to Functional Website/012 Positioning.mp435.93MB
118. 18 - Development From Designs to Functional Website/013 Slider Arrows.mp440.95MB
119. 18 - Development From Designs to Functional Website/014 Footer (Team App).mp457.93MB
120. 18 - Development From Designs to Functional Website/015 Footer Form (Team App).mp462.48MB
121. 19 - Interactions Breathing Life Into Your Website/001 Interactions Intro.mp418.66MB
122. 19 - Interactions Breathing Life Into Your Website/002 Card Interaction.mp4122.39MB
123. 19 - Interactions Breathing Life Into Your Website/003 Arrow Interaction – Part 1.mp420.9MB
124. 19 - Interactions Breathing Life Into Your Website/004 Arrow Interaction – Part 2.mp461.81MB
125. 20 - Responsive Web Design (Team App Website)/001 Responsive Navbar (Team App).mp442.43MB
126. 20 - Responsive Web Design (Team App Website)/002 Responsive Hero (Team App).mp439.46MB
127. 20 - Responsive Web Design (Team App Website)/003 Responsive Mockup Section (Team App).mp440.1MB
128. 20 - Responsive Web Design (Team App Website)/004 Responsive Body (Team App).mp456.74MB
129. 20 - Responsive Web Design (Team App Website)/005 Responsive Testimonials & Footer (Team App).mp437.48MB
130. 21 - Blog & CMS Going From Static to Dynamic Website/001 CMS & Dynamic Content.mp44.66MB
131. 21 - Blog & CMS Going From Static to Dynamic Website/002 Webflow CMS.mp431.66MB
132. 21 - Blog & CMS Going From Static to Dynamic Website/003 CMS Items.mp422.91MB
133. 21 - Blog & CMS Going From Static to Dynamic Website/004 Collection Page.mp426.1MB
134. 21 - Blog & CMS Going From Static to Dynamic Website/005 Blog Navbar & Headline.mp429.2MB
135. 21 - Blog & CMS Going From Static to Dynamic Website/006 Blog Author & Date Block.mp420.24MB
136. 21 - Blog & CMS Going From Static to Dynamic Website/007 Reference Field.mp423.91MB
137. 21 - Blog & CMS Going From Static to Dynamic Website/008 Dynamic Styles.mp413.27MB
138. 21 - Blog & CMS Going From Static to Dynamic Website/009 Blog Main Image.mp426.62MB
139. 21 - Blog & CMS Going From Static to Dynamic Website/010 Rich Text.mp4133.53MB
140. 21 - Blog & CMS Going From Static to Dynamic Website/011 Blog Author Block Bottom.mp437.03MB
141. 21 - Blog & CMS Going From Static to Dynamic Website/012 Symbols.mp462.64MB
142. 21 - Blog & CMS Going From Static to Dynamic Website/013 Blog Responsive Post Page.mp443.93MB
143. 21 - Blog & CMS Going From Static to Dynamic Website/014 Blog Homepage.mp482.38MB
144. 21 - Blog & CMS Going From Static to Dynamic Website/015 Collection List.mp4124.32MB
145. 21 - Blog & CMS Going From Static to Dynamic Website/016 Pagination.mp486.08MB
146. 21 - Blog & CMS Going From Static to Dynamic Website/017 Blog Responsive Homepage.mp449.15MB
147. 22 - Going Live Your Fully Functional Dynamic Website/001 SEO & Publish (Team App).mp460.24MB
148. 22 - Going Live Your Fully Functional Dynamic Website/002 Form Submissions.mp424.72MB
149. 22 - Going Live Your Fully Functional Dynamic Website/003 Custom Domain.mp460.71MB
150. 23 - PART 5 SECRETS OF MAKING MONEY FREELANCING/001 Intro to Freelancing.mp430.81MB
151. 24 - Stunning Portfolio Website Made for You/001 Portfolio Website.mp492.19MB
152. 24 - Stunning Portfolio Website Made for You/002 Portfolio Website Tour.mp436.85MB
153. 24 - Stunning Portfolio Website Made for You/003 Installing Portfolio Website.mp478.61MB
154. 25 - Where to Find Freelance Work/001 Finding work – Online.mp4149.41MB
155. 25 - Where to Find Freelance Work/002 Finding work – Studios.mp4144.95MB
156. 25 - Where to Find Freelance Work/003 Finding work – Networking.mp469.91MB
157. 25 - Where to Find Freelance Work/004 Finding work – Conclusion.mp411.54MB
158. 26 - 28 Tips to Win on Upwork/001 Upwork Overview.mp440.05MB
159. 26 - 28 Tips to Win on Upwork/002 Tips 1-3 Getting your profile approved.mp490.22MB
160. 26 - 28 Tips to Win on Upwork/003 Tips 4-9 Create a profile that attracts clients.mp499.3MB
161. 26 - 28 Tips to Win on Upwork/004 Tips 10-12 Get the best match badge.mp411.98MB
162. 26 - 28 Tips to Win on Upwork/005 Tips 13-14 Propose the right price.mp484.27MB
163. 26 - 28 Tips to Win on Upwork/006 Tips 15-16 Be the freelancer they can't resist.mp4134.64MB
164. 26 - 28 Tips to Win on Upwork/007 Tips 17-22 Write damn good cover letters.mp4123.76MB
165. 26 - 28 Tips to Win on Upwork/008 Tips 23-25 Don't get yourself suspended.mp4120.5MB
166. 26 - 28 Tips to Win on Upwork/009 Tips 26-28 Don't get scammed.mp465.24MB
167. 27 - Pricing, Proposal Template, & More/001 Pricing How much do you charge.mp4204.86MB
168. 27 - Pricing, Proposal Template, & More/002 Pricing Hourly vs Fixed Rate.mp446.59MB
169. 27 - Pricing, Proposal Template, & More/003 Proposal Template Fixed Rate.mp4104.15MB
170. 27 - Pricing, Proposal Template, & More/004 Proposal Template Hourly Rate.mp413.13MB
171. 27 - Pricing, Proposal Template, & More/005 Freelance Contract.mp4119.13MB
172. 27 - Pricing, Proposal Template, & More/006 Selling Webflow to Clients.mp4213.02MB
173. 27 - Pricing, Proposal Template, & More/007 Client Billing Feature.mp458.89MB
174. 28 - PART 6 ADVANCED/001 Intro to Advanced.mp440.45MB
175. 28 - PART 6 ADVANCED/003 Webflow Custom Modal (Pop-Up).mp4166.26MB
176. 28 - PART 6 ADVANCED/004 Webflow Custom Code Embed - Commenting Plugin (Needs a Paid Plan).mp448.88MB
177. 28 - PART 6 ADVANCED/005 Photoshop How To Create a Stretch Crop.mp471.65MB
178. 28 - PART 6 ADVANCED/006 Photoshop How to Cut Out an Image (Unboxing).mp4171.9MB
179. 28 - PART 6 ADVANCED/007 Photoshop Stick Out Tutorial.mp477.24MB