Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Ultimate Web Designer & Developer Course
Introduction: Why This is The Only Design/Development Course You'll Ever Need
Course Introduction: All You Need to Know (2:06)
Download Course Files - The COMPLETE Directory!
What You Can Expect From This Course (1:31)
How to Get a Free Trial of Adobe Photoshop + Free Icons, Graphics & More! (2:04)
Price Calculator: Discover Your Hourly Rate & How Much You Should Charge! (2:33)
Intro Wrap Up: What You've Learned & What's Next (1:04)
Introduction to Visual Design
Section Intro: What You're Going to Learn (0:45)
The Basic Elements & Principles of Visual Design (5:51)
The Design "CRAP" Principles (1:59)
Typography Basics (3:01)
The Science of Colour (or Color) (5:33)
Designing with Grids (2:29)
Section Outro: Wrap Up, Further Learning & What's Next (0:51)
Introduction to Adobe Photoshop
Section Intro: The 80/20 Rule, Photoshop Basics, and More (1:29)
Creating a New Photoshop Document (4:51)
Photoshop Environment: The Toolbar - Part 1 (20:39)
Photoshop Environment: The Toolbar - Part 2 (14:44)
Photoshop Environment: Palettes (11:50)
Photoshop Environment: The Menu (12:14)
Photo Enhancement & Manipulation (17:00)
Photoshop Project #1: Create a New Graphic with Multiple Layers + Tutorial (7:08)
Photoshop Project #2: Design a Business Card + Tutorial (7:39)
Section Outro: Wrap Up, Further Learning & What's Next (0:21)
Introduction to Web Design (and more Photoshop)
Section Intro: Web Design Basics, Wireframing, Photoshop (0:32)
Web Design Terminology: The Jargon the Pros Use (4:44)
The Four Phases of a Web Design Project + Cost Estimates (7:42)
What is User Experience (UX) Design? (14:36)
The Anatomy of a Website Design (5:17)
The 960 Grid System + Free Photoshop Downloads (5:24)
Web Design Project #1: Design a Minimal Landing Page + Tutorial (17:42)
Web Design Project #2: Re-Design a Blog Landing Page (6:07)
Web Design Project #2: Tutorial (20:22)
Section Outro: Wrap Up, Further Learning & What's Next (0:26)
Advanced Web Design Challenge
Challenge Intro: How the Challenge Works (1:06)
Discovery Phase: Create a Sitemap (1:03)
Discovery Phase II: Sketch & Wireframe Your Design (0:36)
Creative Phase: Design Your Website in Photoshop (0:35)
Sharing, Collaborating & Getting Feedback on Your Design (0:43)
Challenge Wrap Up & What's Next (0:23)
Introduction to HTML
Section Intro: HTML Fundamentals, First Webpage, Course Files (0:33)
The Basics of HTML: Tags, Attributes, Elements (4:06)
Basic File & Folder Structure of a Website (4:34)
Your Must Have Tool: A Good Code Editor (5:57)
Hello World: Create Your Very First Web Page! (4:08)
Section Outro: Wrap Up, Further Learning & What's Next (0:32)
Intermediate HTML
Section Intro: HTML Tags, Code a Real Web Page (0:18)
Basic Structure of an HTML Document (5:10)
Heading & Paragraph Tags (6:27)
Using Emphasis & Strong Emphasis (4:35)
Hyperlinks (5:14)
Lists (5:52)
Images (9:47)
Tables (5:52)
Forms (14:00)
HTML Entities & "Special Characters" (3:19)
HTML Project: Code a Basic Web Page + Tutorial (9:23)
Section Outro: Wrap Up, Further Learning & What's Next (0:21)
Advanced HTML & HTML5
Section Intro: Advanced HTML Techniques, HTML5 (0:18)
IDs & Classes (4:54)
Span & Div Tags (8:53)
Intro to HTML5 Tags: Header, Footer, Nav, Section, Article, Aside & Time (15:35)
HTML5 Project: Build a Basic HTML5 Web Page + Tutorial (11:41)
Section Outro: Wrap Up, Further Learning & What's Next (0:33)
Expert HTML & HTML5
Section Intro: Expert HTML5 techniques (0:16)
New HTML5 Inputs (13:03)
Making Internet Explorer Compatible with HTML5 (4:23)
HTML5 Data Attribute (4:23)
Section Outro: Wrap Up, Further Learning & What's Next (0:48)
Introduction to CSS
Section Intro: Essentials of CSS + Download Course Files (0:43)
What is CSS? All the basics you need to know! (2:34)
Inheritance of Styles (1:24)
Measurements & The Box Model (7:44)
Inline CSS (5:12)
Internal CSS (5:53)
External CSS (8:11)
ID & Class Selectors (11:50)
Descendant Selectors (11:05)
Grouping Selectors (10:58)
Specificity (5:56)
CSS Project: Style an HTML Web Page + Tutorial (16:33)
Section Outro: Wrap Up, Further Learning & What's Next (0:57)
Intermediate CSS
Section Intro (0:15)
Colors (3:21)
Text Styling & Formatting (14:14)
Borders (6:51)
Background Images (10:14)
Styling Links (10:56)
Section Outro: Wrap Up, Further Learning & What's Next (0:16)
Advanced CSS
Section Intro (0:18)
Styling Web Forms (22:10)
Block, Inline and Inline-Block Elements (2:31)
Understanding Float & Clear (once and for all!) (21:11)
Relative, Absolute & Fixed Position (11:34)
CSS Project: Build the Google Home Page + Tutorial (Part I) (18:03)
CSS Project: Build the Google Home Page (Part II) (17:11)
Section Outro: Wrap Up, Further Learning & What's Next (0:23)
CSS Flexbox
Flex Container Properties (23:29)
Flex Item Properties: Understanding the Flex Property (19:53)
Flex Item Properties: The Order Property (4:15)
Flex Item Properties: Align-Self (3:28)
Expert CSS & CSS3
Section Intro: What is CSS3? + Course Files Download (0:26)
CSS3 Box Sizing & Round Corners (8:11)
CSS3 Colours & Gradients (9:19)
CSS3 Shadows (9:54)
CSS3 Columns (7:27)
CSS3 Animations & Transitions (18:46)
CSS3 Project #1: Create Animated Buttons + Tutorial (10:22)
CSS3 Project #2: Code an Orbiting Planet Animation + Tutorial (Part I) (15:37)
CSS3 Project #2: Code an Orbiting Planet Animation (Part II) (21:52)
Section Outro: Wrap Up, Further Learning & What's Next (0:42)
Advanced HTML & CSS Challenge
Your Challenge: Everything You Need to Know + Section Wrap Up (1:11)
Bonus Tutorial: How to Slice a Photoshop Design & Convert it to HTML & CSS (15:28)
Bonus Tutorial P2: How to Slice a Photoshop Design & Convert it to HTML & CSS (17:21)
Introduction to Javascript
Section Intro: What is Javascript, The 80/20 Rule + Course Files Download (1:11)
Internal & External Javascript (9:35)
Basic Syntax of Javascript (and many other programming languages) (6:53)
Javascript Output (5:38)
Javascript Variables (17:37)
Javascript Arrays (16:00)
Javascript Functions (8:22)
Javascript If / Else Statements (8:25)
Javascript Project: Program a Tip Calculator + Tutorial (17:49)
Javascript Project: Program a Tip Calculator, Part II (18:47)
Section Outro: Wrap Up, Further Learning & What's Next (0:50)
Introduction to jQuery
Section Intro: What is jQuery? + Course Files Download (0:23)
Download & Install jQuery (13:57)
The Simple Syntax of jQuery (9:59)
jQuery Selectors (7:39)
jQuery Event Methods (11:28)
Section Outro: Wrap Up & What's Next (0:15)
Intermediate jQuery
Section Intro: jQuery Deep Dive! (0:25)
jQuery Chaining (4:07)
Hiding, Showing & Fading Content with jQuery (7:51)
The jQuery Animate Method (10:13)
Modifying CSS with jQuery (8:44)
jQuery Project: Mini Race Car Game + Tutorial (24:27)
Section Outro: Wrap Up, Further Learning & What's Next (0:42)
jQuery UI (Advanced jQuery)
Section Intro: What is jQuery UI? + Course Files Download (0:46)
jQuery UI: Draggable (11:25)
jQuery UI: Droppable (7:10)
jQuery UI: Sortable (6:12)
jQuery UI: Accordion (5:41)
jQuery UI: Datepicker (9:29)
jQuery Project: To Do List Web Application + Tutorial (13:22)
Section Outro: Wrap Up, Further Learning & What's Next (0:39)
Responsive Design & Development using Bootstrap
Section Intro: What is Responsive Design & Bootstrap? + Course Files Download (2:11)
Getting Started with Bootstrap (11:19)
Quickly Prototype with the Free Examples (10:32)
Understanding the Bootstrap Grid System (15:55)
Responsive (and sexy) Forms (23:13)
Responsive Tables, Buttons and Images (13:02)
Helper Classes & Responsive Utilities (7:35)
Using Glyphicons (Font Icons) (5:36)
Bootstrap Navbar (18:10)
Bootstrap Modal Window (9:14)
Bootstrap ScrollSpy (9:30)
Togglable Tabs (6:47)
Sliding Carousel (12:41)
Bootstrap Project: Code a "Hipster" Startup Website + Tutorial (16:37)
Bootstrap Project: Startup Website, Part 2 (15:47)
Section Outro: Wrap Up, Further Learning & What's Next (1:21)
Advanced Bootstrap Challenge
Your Challenge: Convert Your Custom Website Into a Responsive Bootstrap Site (2:01)
Web Hosting & Domains
Section Intro: What is Web Hosting? (1:14)
Purchasing a Bundled Domain Name & Hosting Package (11:34)
The Hosting Control Panel (a.k.a. cPanel) (6:17)
Understanding FTP & How to Upload a Website to Your Live Server (10:07)
Section Outro: Wrap Up, What's Next + Bonus (Free) Web Hosting (0:31)
Introduction to PHP
Section Intro: What is PHP & What Does It Do? + Course Files Download (0:44)
Basic PHP Syntax (8:38)
PHP Variables & Constants (6:05)
PHP Arrays (Associative & Multi-Dimensional) (17:35)
PHP Project: Program an App to fix "Click Bait Headlines" + Tutorial (20:10)
PHP Project: Click Bait Headlines, Part 2 (10:19)
Section Outro: Wrap Up & What's Next (0:21)
Intermediate PHP
Section Intro: Let's dive deeper into PHP (0:21)
If, Else and Elseif Statements (14:05)
PHP Loops: While, For, Foreach & Do While (12:56)
PHP Functions & Arguments (10:34)
$_GET and $_POST (18:42)
PHP Project: Convert a Static Website into a Dynamic PHP Site + Tutorial (18:03)
Section Outro: Wrap Up, Further Learning & What's Next +Bonus (Free) PHP Course! (1:14)
Introduction to MySQL Databases
Section Intro: What is MySQL? + Course Files Download (0:53)
Creating Your First MySQL Database + phpMyAdmin Overview (18:16)
Establishing a MySQL Connection with PHP (9:41)
Selecting Data from a Database and Displaying it on Your Web Page (13:02)
Insert Data into Your Database from a Web Page (21:15)
Password Hashing (for securely storing passwords) (8:45)
Using PHP Sessions to Store Global Variables (8:56)
MySQL Project #1: Code a Login Form, Profile Page & Logout + Tutorial (21:56)
MySQL Project #2.1: Client Address Book - Planning our Application (6:13)
MySQL Project #2.2: Client Address Book - Build the Login Sequence (20:43)
MySQL Project #2.3: Client Address Book - Logout Sequence & Display Clients (11:42)
MySQL Project #2.4: Client Address Book - Adding Clients (10:07)
MySQL Project #2.5: Client Address Book - Editing Clients (11:20)
MySQL Project #2.6: Client Address Book - Deleting Clients (7:32)
Section Outro: Wrap Up, Further Learning & What's Next (0:30)
Advanced PHP & MySQL Challenge
Your Challenge: Convert Your Custom Static Website into a Dynamic Website (3:41)
WordPress Websites
Section Intro: What is WordPress? (1:03)
How to Start a WordPress Blog in 5-Minutes (4:28)
The Dashboard (7:47)
Using Free and Premium Plugins to Achieve Any Feature You Desire (6:09)
Using Free and Premium Themes to Quickly Make Gorgeous Websites (3:06)
Theme Showcase: "X" Theme - The Ultimate All-in-one WordPress DIY Theme (4:43)
The Importance of 24/7 WordPress Security (6:50)
Quickly Start an eCommerce Online Store (5:54)
Section Outro: Wrap Up, Further Learning, What's Next + Course Discount (1:03)
Career Development: How to Start Your Web Design / Development Career
Section Intro: The Career Options Available to You as a Web Designer & Developer (0:53)
The Importance of "Cultivating" Your Career (2:40)
What Does Success Mean To You? (4:19)
Freelancing: Should You Work For Free? (2:57)
Freelancing: Should You Quit Your Job? (3:43)
Free eBook Download: Cultivate a Successful Freelance Career
Where To Find Web Design & Development Jobs: Part-time, Full-time & Freelance (11:12)
4 Valuable Tips for Crafting the Perfect Résumé (4:37)
The Grande Finale: Where Do You Go From Here? (3:37)
Bootstrap Project: Startup Website, Part 2
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock