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

Additional Content

Practice coding with exercises and examples.

Practice Problems

Test your knowledge with the sprint challenge project.

Sprint Challenge

Additional Resources

MDN Web Docs - JavaScript Classes MDN Web Docs - Arrow Functions MDN Web Docs - Destructuring Assignment MDN Web Docs - Flexbox CSS-Tricks - A Complete Guide to Flexbox Eloquent JavaScript (Free Book) Flexbox Froggy - A Game for Learning Flexbox