Hours of Content: 10

Requirements
Basic computer skills

Hi and welcome to the HTML/CSS Bootcamp course, where we’ll walk through the same course I teach code bootcamp students around the world. My name is Jordan Hudgens, and I’ll be your instructor for the course. In addition to being the lead instructor for devCamp I’ve also been building web applications for over a decade for organizations such as Eventbrite and Quip.

After you have completed this course you will be able to build real world websites and learn the same concepts taught at the devCamp code camps. Additionally, because this is a project based course, after you’ve gone through the lessons you will have a full website portfolio.

We’ll start out by working through the syntax and best practices for HTML and CSS, including a strong focus on industry practices that are expected by web developers. After traversing the basics we’re going to build five real world websites. By taking a project based approach you will learn practical skills that you can translate directly into your own applications. For the project sections of the course we’ll: build the Google, Pinterest, and Tesla homepages, completely from scratch. Additionally, we’ll walk through how to build an HTML email. And our final project will be a social network homepage that I hired a designer to create specifically for this course.

Additionally you will learn concepts such as:

• How to create a responsive website that renders a different layout for smartphones, tablets and desktop browsers.
• Building HTML forms for getting user input.
• Creating CSS based animations for adding a unique design to websites.
• Work with the Twitter Bootstrap HTML/CSS framework to build modern websites.
• As helpful as it is to follow along with step by step guides, I have higher expectations for this course. My goal is that you will learn, not only how to follow along, but that you’ll learn how the principles of HTML and CSS work at their core. This is a vital point of differentiation between this course and other front end tutorials I’ve come across.

There are no technical pre-requisites to this course. The ideal student is an individual who wants to learn how to build and style websites, with a focus on real world development. Throughout the lessons I switch between a Mac and PC and you can use either operating system to follow along with the course material.

Each lesson of the course is paired with the source code that I used in the lecture so you can check your work. Additionally, the course has quizzes and coding challenges that will help reinforce your knowledge.

Please feel free to review the course curriculum and I look forward to going through the material with you on your development journey!

Who is the target audience?
Anyone interested in learning what it takes to build websites with HTML and CSS

Guide to HTML

• Start 1. Tools We’ll Use in the Course (3:52)
• Start 2. Basic HTML Website Structure (3:47)
• Start 3. HTML5 Layout Cheat Sheet
• Start 4. Working with the HTML Head Tag (6:57)
• Start 5. Creating Page Components with the Div Tag (6:41)
• Start 6. Implementing Inline Components with the Span Tag (4:56)
• Start 7. Integrate Headings into Web Pages (5:02)
• Start 8. Using Multi Line Content with Paragraph Tags (5:25)
• Start 9. Working with HTML Hyperlinks (4:38)
• Start 10. Adding Page Breaks with the Horizontal Rule Tag (2:12)
• Start 11. Integrating Line Breaks into HTML Pages (2:58)
• Start 12. Creating HTML Numbed Lists (3:47)
• Start 13. Working with Bullet Point Lists in HTML (5:45)
• Start 14. Working with Bold HTML Styles (4:13)
• Start 15. Using the Italic Style for Text (2:27)
• Start 16. Comprehensive Set of HTML Style Tags (9:05)
• Start 17. How to Add Images to Websites (6:16)
• Start 18. Mapping Links on Images (10:42)
• Start 19. How to work with Custom Tags in HTML (2:59)
• Start 20. Adding Comments to HTML Code (8:56)
• Start 21. Guide to Using Web Developer Tools (12:33)
• Start 22. Working with HTML IDs (5:47)
• Start 23. Working with HTML Classes (4:11)

Guide to CSS Styles

• Start 24. Implementing Inline CSS Styles (7:52)
• Start 25. Using Embedded CSS Styles (6:37)
• Start 26. Using CSS Best Practices with External Stylesheets (7:21)
• Start 27. How to Use CSS Selectors (10:06)
• Start 28. Using CSS Webkit Animations (5:17)
• Start 29. How to Add a Background Image to a Website (6:46)
• Start 30. Adding CSS Border Styles to HTML Elements (4:09)
• Start 31. Rounding Div Corners with Border Radius Styles (5:45)
• Start 32. Customizing Height and Width Attributes in CSS (5:16)
• Start 33. How to Implement Custom Fonts in HTML and CSS (7:05)
• Start 34. How to Add Custom Font Styles in CSS (6:55)
• Start 35. How to Properly Center Div Elements on a Page (9:35)
• Start 36. Working with CSS Pseudo Class Selectors (6:51)
• Start 37. Implementing Ease In Animations with CSS (6:22)
• Start 38. Customizing Bullet Points Using CSS (2:33)
• Start 39. Using the CSS Float Property to Align Page Elements (4:54)

Guide to HTML Tables

• Start 40. Introduction to HTML Tables (6:25)
• Start 41. How to Style HTML Headers (3:09)
• Start 42. Styling Table Rows (5:55)
• Start 43. Working with Column Spans (4:24)
• Start 44. How to Customize Row Sizes in HTML Tables (4:55)

Within 24 hours after you order, Tanga will send you an email containing a voucher and instructions on how to redeem
FINAL SALE – NO RETURNS