English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 82 lectures (8h 38m) | 6.98 GB
Quickly learn HTML5 and CSS3 + Bootstrap – the basics of Web Development – to design your own responsive websites.
Do you want to learn how to build your own websites?
Do you want to become a web developer?
Do you just want to know how to customize the design of a website created with WordPress (or other web-builder) so it looks like you want it to?
HTML & CSS are the basic building blocks of the website world! And this is the perfect course for you to dive right in and learn them.
Why should you enroll in this course?
1. It’s great for absolute beginners, with NO coding or web development experience required!
Many of the other courses on HTML5 and CSS3 on Udemy are too advanced, or use language that is confusing to a beginner. We break down every definition and step of the process so you never get lost.
2. Project-based learning. Plus it’s free to build websites!
Learning is better when you’re actually doing. As you follow along with each section of the course, you’ll be building your own websites. Plus, we’ll be using free applications to do so – Brackets and Google Chrome. No matter what type of computer you have – Windows, Mac, Linux – you can get started.
Seriously, within the first hour of the course, you’ll be building your own basic websites!
3. No more boring lectures!
If you’ve watched other HTML5 and CSS3 courses or tutorials before, you know that it can be difficult to make it interesting and fun. The instructors Nick and Phil strive to make each lesson fun and interesting, so you feel like you’re actually learning something new… and progressing… all while having fun!
4. Real world case studies!
It’s great to learn how to use HTML and CSS, but it’s even better if you know how what you are learning applies to real-world websites. Throughout the entire course, Nick shows how real websites are using HTML and CSS today. Phil follows up with personal case studies of how even beginner’s can use HTML and CSS to customize their own websites.
WHAT WILL YOU LEARN IN THIS COURSE?
Start by understanding how to use HTML5, CSS3, and Bootstrap
Each section builds upon the previous ones to give you a complete understanding of the basics of HTML, CSS, and Bootstrap
Once you are in the Bootstrap section, you’ll learn how to quickly develop and design beautiful responsive websites
Finally, you’ll put all your knowledge together with full website projects such as creating a modern landing page
IS THIS THE PERFECT COURSE FOR YOU?
YES – if you are a complete beginner with no experience building a website.
YES – if you already know some HTML and CSS, but want to learn everything from the ground up so you know how to build a complete website.
YES – if you don’t necessarily want to be a web developer, but want to understand how HTML and CSS work so you can customize your own WordPress site (or other type of website)
NO – if you already know the basics of HTML and CSS. If that’s the case, we recommend a more advanced HTML and CSS course.
What you’ll learn
- You will learn how to build a custom website with HTML, CSS, and Boostrap
- You will learn real-world skills to build professional and modern websites
- You will learn the basic building blocks to becoming a web developer
- You will learn to build websites while you learn each building block – HTML, CSS, Bootstrap
- You will get bonus downloadable cheat sheets and guides to help you quickly design your websites
- You will learn how to use each skill in the real world with case studies
- You will learn basic web design tips so your websites look and act professionally
Table of Contents
Welcome
1 Welcome to the HTML5 + CSS3Course + 3 Tips for Better Learning
2 How to Install Brackets & Start Editing Websites in HTML5 + CSS3 Programming
3 DOWNLOAD HTML Cheat Sheets HTML5 + CSS3 Programming Course
4 Quick Hello from Phil HTML5 + CSS3 Programming Course
5 Tips to Improve Your Course Taking Experience HTML5 + CSS3 Programming Course
HTML 5
6 Intro to the HTML Section HTML5 + CSS3 Programming Course
7 What is HTML See how it’s used EVERYWHERE! HTML5 + CSS3 Programming Course
8 Case Study Changing the President’s Tweets HTML5 + CSS3 Programming Course
9 Start a New HTML File & Use Tags HTML5 + CSS3 Programming Course
10 Header Tags in HTML5 + CSS3 How to use them + why they are important
11 Case Study Using Header Tags to Improve SEO HTML5 + CSS3 Programming Course
12 HTML5 + CSS3 Edit Text Spacing, Styles, Paragraphs and more!
13 Links Create Clickable Text-based Hyperlinks HTML5 + CSS3 Programming Course
14 Images Add Images to Your Website with HTML HTML5 + CSS3 Programming Course
15 HTML5 + CSS3 Case Study Add an Clickable Image to My Website
16 Lists Create Bullet-Point and Numbered Lists with HTML
17 Challenge Exercise 1 Build Your First Basic Website with HTML
18 Outro Congrats, you know the basics of HTML! HTML5 + CSS3 Programming Course
19 HTML Source Code HTML5 + CSS3 Programming Course
20 Basic HTML for WordPress Users HTML5 + CSS3 Programming Course
CSS 3
21 Intro to CSS HTML5 + CSS3 Programming Course
22 How to Add CSS Styles HTML5 + CSS3 Programming Course
23 HTML5 + CSS3 Case Study Change the Header Style for My Website
24 Classes and Ids HTML5 + CSS3 Programming Course
25 Borders HTML5 + CSS3 Programming Course
26 Sizing HTML5 + CSS3 Programming Course
27 HTML5 + CSS3 Padding and Margin Putting Space Between Elements
28 HTML5 + CSS3 Case Study Using Padding & Margins to Adjust My Website
29 HTML5 + CSS3 Text Styles Alignment, Justification, and more!
30 Divs Add Styling to a Group of HTML Code HTML5 + CSS3 Programming Course
31 HTML5 + CSS3 Positioning Move Around Elements on Your Screen
32 Hover Change the Style while Hovering HTML5 + CSS3 Programming Course
33 Easily Center Elements with CSS HTML5 + CSS3 Programming Course
34 Fonts Change the Font of Your Website HTML5 + CSS3 Programming Course
35 Challenge Exercise 2 Create a Website with CSS
36 Outro Congrats, you know the basics of CSS! HTML5 + CSS3 Programming Course
Bootstrap
37 Intro to Bootstrap HTML5 + CSS3 Programming Course
38 Bootstrap Fix HTML5 + CSS3 Programming Course
39 Install Bootstrap Get Started with Bootstrap HTML5 + CSS3 Programming Course
40 Indenting and Containers HTML5 + CSS3 Programming Course
41 The Grid System Make Your Website Responsive HTML5 + CSS3 Programming Course
42 Images Add Images with Bootstrap HTML5 + CSS3 Programming Course
43 HTML5 + CSS3 Buttons Create Beautiful Buttons with Bootstrap
44 HTML5 + CSS3 Challenge Exercise 3 Create a Website with Bootstrap
45 HTML5 + CSS3 Outro Congrats, you know the basics of Bootstrap!
46 Bootstrap Source Code HTML5 + CSS3 Programming Course
Project 1 – Design a Landing Page
47 Intro to Website Project 1 HTML5 + CSS3 Programming Course
48 Sketch Your Website HTML5 + CSS3 Programming Course
49 Design the Top Section of Your Website HTML5 + CSS3 Programming Course
50 Polish the Top Section of Your Website HTML5 + CSS3 Programming Course
51 Add Images to Your Website HTML5 + CSS3 Programming Course
52 Add Main Points to Your Website HTML5 + CSS3 Programming Course
53 HTML5 + CSS3 Collect Emails Add an Email Opt-in Form to Your Website
54 HTML5 + CSS3 Challenge Exercise 4 Create Your Own Landing Page
55 Outro HTML5 + CSS3 Programming Course
Project 2 – Business Website
56 Intro HTML5 + CSS3 Programming Course
57 Sketch HTML5 + CSS3 Programming Course
58 Fancy Font Logo HTML5 + CSS3 Programming Course
59 Carousel Basics HTML5 + CSS3 Programming Course
60 Carousel Extras HTML5 + CSS3 Programming Course
61 Text on Images HTML5 + CSS3 Programming Course
62 Phone GlypIcon HTML5 + CSS3 Programming Course
63 Google Maps HTML5 + CSS3 Programming Course
64 Font Awesome HTML5 + CSS3 Programming Course
65 Challenge HTML5 + CSS3 Programming Course
66 Outro HTML5 + CSS3 Programming Course
67 Chicken King Source Code HTML5 + CSS3 Programming Course
Project 3 – Portfolio
68 Intro HTML5 + CSS3 Programming Course
69 Sketch HTML5 + CSS3 Programming Course
70 Jumbotron HTML5 + CSS3 Programming Course
71 NavBar HTML5 + CSS3 Programming Course
72 Panels HTML5 + CSS3 Programming Course
73 Challenge HTML5 + CSS3 Programming Course
74 Outro HTML5 + CSS3 Programming Course
75 Rick or Nick Source Code HTML5 + CSS3 Programming Course
Hosting – Getting Your Website on the Internet
76 Intro HTML5 + CSS3 Programming Course
77 Bluehost HTML5 + CSS3 Programming Course
78 Uploading HTML5 + CSS3 Programming Course
79 Random Tips HTML5 + CSS3 Programming Course
80 Outro HTML5 + CSS3 Programming Course
Bonuses
81 Bonus Lecture Learn More from Phil + Video School
82 Bonus Lecture Nick HTML5 + CSS3 Programming Course
Resolve the captcha to access the links!