Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Designing, Launching and Growing an Online Business
Welcome
What to expect in the course (12:55)
Designing your Product
Designing with no fluff (8:35)
What's up with Figma? (17:40)
Organize your ideas with an information architecture (8:28)
Mobile first isn’t just a fad (11:44)
Design components that scale (9:46)
Fail fast with rapid wireframing (15:23)
Choosing a simple color palette (15:16)
Choosing the right typography (5:17)
Unleashing developer tools for design inspiration (11:03)
Coming up with your design language (33:14)
Get a feel for your design on a mobile device (1:53)
So You Need a Logo?
What to consider when designing a logo (16:41)
Wow, that logo is terrible (11:10)
Planning and designing a good logo (23:56)
Logo Challenge
Exporting your sweet new logo (5:35)
Bonus: Icons are deceptively difficult (2:23)
HTML/CSS Basics and Not-So-Basics
WTF are HTML + CSS? (7:06)
Text editor: Which to use and why you need one (3:56)
From nothing to something: How to start an HTML/CSS project (7:17)
No forced memorization. Learn as you go. Reference when you need to. (3:08)
Common HTML Elements...and some CSS (46:14)
Make a basic navigation bar (22:38)
Making good buttons: 9+ examples with hover state (26:00)
Copying CSS attributes from Figma (2:04)
Styling Hierarchy: When to use classes, IDs, inline styling, and !important (11:01)
Adding a Google font to your website (8:19)
Letter/Word/Line spacing (4:05)
Adding Images (13:19)
Flexbox: Old faithful (13:06)
Enough to start: HTML/CSS Challege (15:30)
Shortcut: Reusable CSS variables (9:40)
Responsiveness: Media Queries (26:10)
Browser compatibility - Firefox, Safari, Chrome, etc. (15:31)
CSS Grid: The future (25:59)
Libraries, Frameworks, and Enhancements. Why/why not? (12:14)
Forget frameworks. How to set up your own modular CSS class structure. (0:41)
Bonus: Good artists copy... (12:31)
Bonus: How to make those trendy angled divs using CSS (0:16)
Bonus: Easy trick to make trendy sites using Figma + HTML + CSS (23:10)
Enough Javascript To Be Dangerous
Why designers don't need to be afraid of Javascript (18:01)
How Javascript works with HTML and CSS (16:26)
Making things move when users press buttons (16:11)
Build a functional navigation bar (22:20)
Listening for events (7:27)
Keeping your code organized (8:40)
Working with APIs (20:39)
Build a Telegram bot (18:57)
JQuery, React - why you probably don't need them (16:30)
Databases and Deploying Your App For The World To See
Databases for humans (9:04)
Set up a database to work with HTML, CSS and Javascript (7:30)
Create users for your product - storing emails and passwords (10:16)
Build a chat room app (37:31)
Code a blog that you can actually use or sell (37:49)
Hosting your app on a server so the world can access it (12:32)
Getting Your First Paying Customers
How to figure out the product you want to build (19:26)
Setting up a business entity: LLC, C-Corp, S-Corp. How and Why (9:01)
Grow before you launch: why and how (14:41)
Gettings opt-ins for your email list (9:57)
Opt in design inspiration from successful companies
Time to launch your product to your new audience (8:42)
Email launch sequence that leaves customers begging to pay you (10:08)
Growing Your Business
The reality of SEO (5:55)
Make SEO work for you: step 1 (25:29)
Make SEO work for you: step 2 (15:24)
Funnels for perpetual and automated product sales (9:21)
Last step in your funnel: closing the deal (21:14)
Bonus: Easy trick to make trendy sites using Figma + HTML + CSS
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock