Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
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)
Growing with Google and FB ads: why or why not
Growing with Google and FB ads: how
Making money without adding new customers
Lifecycle emails that automate your entire business
Get big by staying small
Making things move when users press buttons
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock