- Course Orientation
- This section is worth skimming through, but it's all just basic "intro to the course" content. Nothing technical is covered.
- Watch the Intro to Coding Exercises video for a guide on how to use the brand new interactive coding exercises
- Intro To The Web
- Covers very similar topics to the original course: how the internet works, how the web works, etc. Nothing to worry about re-watching.
- The only real difference is that the course now uses VSCode.
- HTML: The Essentials
- This section has been completely re-recorded, but it covers all the same basics as the original course: what is html, MDN, boilerplate, etc.
- Out of all the content in this section, I would take a look at the new interactive coding exercises sprinkled throughout.
- HTML Next Steps
- This section covers some topics that were not included in the original course:
- Sup & Sub Elements - not very important, but they are a new addition to the course.
- Entity Codes - Worth checking out
- Semantic Markup - most important topic in this section that was not covered in the original course
- Screen Reader Demonstration - quick demo of how semantic elements impact accessibility for people using screen readers.
- HTML Forms and Tables
- Overall this section goes into far more detail on forms and tables than the original course did, but none of the changes are absolutely critical.
- More in-depth tables content - thead, tfoot, colspan, rowspan, etc.
- More types of form inputs covered - range, color, etc.
- Intro to CSS
- All new videos, but topics very similar to original course
- If you went through the original course's intro to CSS section, there is nothing new covered here! Just new videos on the same material.
- Check out the coding exercises!
- CSS Selectors
- The new course goes into way more detail on CSS selectors, specifically pseudo elements and pseudo classes
- Box Model
- Far more detail on the box model properties
- New video on how the display property influences box model properties
- New focus on CSS units including ems, rems, etc.
- Other Useful CSS Properties
- This section includes many topics not covered in the original course. None of them are crucial, but they are definitely worth your time!
- transitions
- The position property
- Opacity
- Detailed look at the background properties and gradients
- transform - my favorite css property!
- Responsive CSS & Flexbox
- This entire section and topic is new to the course
- Definitely check out all the flexbox content is you're new to flexbox!
- Also focus on the media queries videos
- Pricing Panel Project
- A flexbox demo project. Just a codealong, nothing critical.
- Bootstrap
- All new videos, but topics very similar to original course.
- All content is bootstrap 4 (with some v5 alpha). The original course used v3 and then I added in a v4 update section.
- JavaScript Basics
- This section covers very basic JS concepts - primitives and variables. The critical change is that now I use let and const. If you are unfamiliar, definitely check out the videos on let and const.
- JavaScript Strings
- Covers very similar content compared to original course, except for the addition of string template literals. Definitely check that video out!
- Boolean Logic
- In the original course, this content was combined with loops to form one large section. In the new course, I've moved them into separate and expanded sections. I noticed many students struggling to pick up loops and conditionals, so hopefully the additional content and attention helps in the new course.
- Arrays
- The section on arrays is now much more detailed than in the original course, but covers similar content.
- There is one video on using const with arrays that is worth checking out if you are new to const.
- Objects
- The original course crammed a lot of concepts into the single objects section. In the new course, I've pulled out a lot of content is longer sections later in the course. This section just covers the basics of object literals.
- Loops
- Like the original course, I cover for and while loops. Nothing new there
- What is new is the addition of for...of loops. I would check out the video on it! It's very useful and easy to learn!
- Introducing Functions
- This functions covers the very basics of functions: executing them, arguments, and return values. No new concepts that were not covered in the original course. Lots of new coding exercises though!