Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML5 + CSS3 + Bootstrap
Welcome
Welcome to the HTML5 + CSS3Course + 3 Tips for Better Learning (2:34)
How to Install Brackets & Start Editing Websites in HTML5 + CSS3 Programming (5:04)
DOWNLOAD: HTML Cheat Sheets | HTML5 + CSS3 Programming Course
Quick Hello from Phil | HTML5 + CSS3 Programming Course (1:42)
HTML 5
Intro to the HTML Section | HTML5 + CSS3 Programming Course (0:47)
What is HTML? See how it's used EVERYWHERE! | HTML5 + CSS3 Programming Course (10:40)
Case Study: Changing the President's Tweets | HTML5 + CSS3 Programming Course (2:28)
Start a New HTML File & Use Tags | HTML5 + CSS3 Programming Course (11:37)
Header Tags in HTML5 + CSS3: How to use them + why they are important (5:23)
Case Study: Using Header Tags to Improve SEO | HTML5 + CSS3 Programming Course (7:22)
HTML5 + CSS3 Edit Text: Spacing, Styles, Paragraphs and more! (8:31)
Links: Create Clickable Text-based Hyperlinks | HTML5 + CSS3 Programming Course (9:00)
Images: Add Images to Your Website with HTML | HTML5 + CSS3 Programming Course (9:48)
HTML5 + CSS3 Case Study: Add an Clickable Image to My Website (6:44)
Lists: Create Bullet-Point and Numbered Lists with HTML (4:09)
Challenge Exercise 1: Build Your First Basic Website with HTML (15:59)
Outro: Congrats, you know the basics of HTML! | HTML5 + CSS3 Programming Course (0:55)
HTML Source Code | HTML5 + CSS3 Programming Course
Basic HTML for WordPress Users | HTML5 + CSS3 Programming Course
CSS 3
Intro to CSS | HTML5 + CSS3 Programming Course (3:43)
How to Add CSS Styles | HTML5 + CSS3 Programming Course (16:09)
HTML5 + CSS3 Case Study: Change the Header Style for My Website (5:30)
Classes and Ids | HTML5 + CSS3 Programming Course (7:27)
Borders | HTML5 + CSS3 Programming Course (5:32)
Sizing | HTML5 + CSS3 Programming Course (4:14)
HTML5 + CSS3 Padding and Margin: Putting Space Between Elements (7:15)
HTML5 + CSS3 Case Study: Using Padding & Margins to Adjust My Website (4:11)
HTML5 + CSS3 Text Styles: Alignment, Justification, and more! (4:26)
Divs: Add Styling to a Group of HTML Code | HTML5 + CSS3 Programming Course (7:57)
HTML5 + CSS3 Positioning: Move Around Elements on Your Screen (7:35)
Hover: Change the Style while Hovering | HTML5 + CSS3 Programming Course (2:32)
Easily Center Elements with CSS | HTML5 + CSS3 Programming Course (2:30)
Fonts: Change the Font of Your Website | HTML5 + CSS3 Programming Course (5:42)
Challenge Exercise 2: Create a Website with CSS (23:29)
Outro: Congrats, you know the basics of CSS! | HTML5 + CSS3 Programming Course (0:56)
Bootstrap
Intro to Bootstrap | HTML5 + CSS3 Programming Course (1:44)
Bootstrap Fix | HTML5 + CSS3 Programming Course
Install Bootstrap: Get Started with Bootstrap | HTML5 + CSS3 Programming Course (10:08)
Indenting and Containers | HTML5 + CSS3 Programming Course (7:19)
The Grid System: Make Your Website Responsive | HTML5 + CSS3 Programming Course (16:25)
Images: Add Images with Bootstrap | HTML5 + CSS3 Programming Course (6:46)
HTML5 + CSS3 Buttons: Create Beautiful Buttons with Bootstrap (6:13)
HTML5 + CSS3 Challenge Exercise 3: Create a Website with Bootstrap (11:05)
HTML5 + CSS3 Outro: Congrats, you know the basics of Bootstrap! (1:04)
Bootstrap Source Code | HTML5 + CSS3 Programming Course
Project 1 - Design a Landing Page
Intro to Website Project 1 | HTML5 + CSS3 Programming Course (1:11)
Sketch Your Website | HTML5 + CSS3 Programming Course (4:53)
Design the Top Section of Your Website | HTML5 + CSS3 Programming Course (16:18)
Polish the Top Section of Your Website | HTML5 + CSS3 Programming Course (5:53)
Add Images to Your Website | HTML5 + CSS3 Programming Course (10:59)
Add Main Points to Your Website | HTML5 + CSS3 Programming Course (14:07)
HTML5 + CSS3 Collect Emails: Add an Email Opt-in Form to Your Website (10:44)
HTML5 + CSS3 Challenge Exercise 4: Create Your Own Landing Page (3:01)
Outro | HTML5 + CSS3 Programming Course (1:37)
Project 2 - Business Website
Intro | HTML5 + CSS3 Programming Course (1:03)
Sketch | HTML5 + CSS3 Programming Course (2:55)
Fancy Font Logo | HTML5 + CSS3 Programming Course (7:00)
Carousel Basics | HTML5 + CSS3 Programming Course (10:27)
Carousel Extras | HTML5 + CSS3 Programming Course (8:48)
Text on Images | HTML5 + CSS3 Programming Course (15:03)
Phone GlypIcon | HTML5 + CSS3 Programming Course (3:53)
Google Maps | HTML5 + CSS3 Programming Course (12:47)
Font Awesome | HTML5 + CSS3 Programming Course (9:02)
Challenge | HTML5 + CSS3 Programming Course (8:05)
Outro | HTML5 + CSS3 Programming Course (1:02)
Chicken King Source Code| HTML5 + CSS3 Programming Course
Project 3 - Portfolio
Intro | HTML5 + CSS3 Programming Course (0:53)
Sketch | HTML5 + CSS3 Programming Course (8:01)
Jumbotron | HTML5 + CSS3 Programming Course (10:13)
NavBar | HTML5 + CSS3 Programming Course (23:41)
Panels | HTML5 + CSS3 Programming Course (11:19)
Challenge | HTML5 + CSS3 Programming Course (12:34)
Outro | HTML5 + CSS3 Programming Course (1:13)
Rick or Nick Source Code | HTML5 + CSS3 Programming Course
Hosting - Getting Your Website on the Internet
Intro | HTML5 + CSS3 Programming Course (1:16)
Bluehost | HTML5 + CSS3 Programming Course (6:11)
Uploading | HTML5 + CSS3 Programming Course (5:24)
Random Tips | HTML5 + CSS3 Programming Course (10:35)
Outro | HTML5 + CSS3 Programming Course (1:03)
Bonuses
Bonus Lecture: Learn More from Phil + Video School
Bonus Lecture: Nick | HTML5 + CSS3 Programming Course
HTML5 + CSS3 Buttons: Create Beautiful Buttons with Bootstrap
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock