Web Unit 1 Sprint 3

In Sprint 3, we explore advanced JavaScript concepts and advanced CSS layout techniques. This sprint builds upon the foundations learned in previous sprints and introduces concepts that are essential for modern web development.

You'll learn about object-oriented programming principles in JavaScript, advanced function techniques, practical JavaScript patterns used in real-world applications, and modern layout approaches with CSS Flexbox.

Module 1: Advanced Objects

Dive into advanced JavaScript object concepts including object properties, methods, constructors, prototypes, and inheritance patterns.

Building objects with functionality using methods
Understanding the this keyword within object methods
Creating object instances using classes and constructors
Working with mutable and immutable values
Understanding object references vs. primitive value types

View Module 1

Module 2: Advanced Functions

Explore advanced function concepts including arrow functions, variable parameter handling, closures, and functional programming patterns.

Arrow function syntax and lexical this binding
Working with default and rest parameters
Using callback functions and higher-order functions
Understanding closures and scope
Implementing functional programming patterns

View Module 2

Module 3: JavaScript in the Wild

Learn practical JavaScript patterns and techniques commonly used in real-world applications, making your code more concise, readable, and maintainable.

Destructuring assignment with objects and arrays
Using the ternary operator for concise conditionals
Asynchronous JavaScript with timeouts and events
Creating shallow copies of arrays and objects
Practical application of modern JavaScript features

View Module 3

Module 4: HTML & CSS III

Master advanced CSS concepts including the cascade, box model, and modern layout techniques with Flexbox.

Understanding the CSS cascade and specificity
Working with the box model and box-sizing property
Creating flexible layouts with Flexbox
Using advanced CSS selectors and combinators
Implementing responsive design principles

View Module 4

Code-Alongs

Practical coding exercises that demonstrate the concepts covered in the modules through hands-on examples and guided implementation.

Applying advanced object patterns
Implementing functional programming techniques
Using modern JavaScript features in real scenarios
Creating flexible layouts with CSS Flexbox

View Code-Alongs

Sprint Challenge

Test your knowledge with a comprehensive challenge that combines all the concepts learned in this sprint. The challenge will assess your understanding of advanced objects, functions, modern JavaScript patterns, and CSS layout techniques.

View Sprint Challenge