Web Applications
Prereq
Prerequisites Many different tools and skills are needed when developing web applications. Review the tools and skills we will be using throughout the course.
Development Tools
Review Topics
Week 1
JavaScript Review This week we will review the JavaScript basics, including conditional statements, loops, functions, and data types like strings, arrays, and objects.
Topics
- JavaScript Conditional Statements
- Conditional Operator
- JavaScript Loops
- JavaScript Functions
- JavaScript Strings
- JavaScript String Methods
- JavaScript Arrays
- JavaScript Array Methods
- JavaScript Objects
- JavaScript Object Methods
Additional Resources
Week 2
Modern JavaScript This week we will explore the latest JavaScript syntax and techniques for creating modern web applications.
Topics
- Arrow Functions
- Destructuring
- Spread Syntax
- Declarative vs Imperative
- Functional Array Methods
- JavaScript Modules
Additional Resources
Week 3
JavaScript Frameworks This week we jump into the world of JavaScript Frameworks by receiving an introduction to React and JSX.
Topics
Additional Resources
Week 4
Build Tools This week we will discuss the purpose and advantages of using build tools and learn how to use Vite to create and develop a React application.
Topics
Additional Resources
Week 5
Reusable Components This week we will learn how to pass data and content from the parent to the child component. We will also discuss conditional and list rendering of components.
Topics
Additional Resources
Week 6
Dynamic Components This week we will move beyond static content and components and learn how to react to the user's actions and create dynamic components.
Topics
Additional Resources
Week 7
Shared State This week we will discuss how to share state between components and make state persistent. We will also explore the steps for structuring a React application.
Topics
Additional Resources
Week 9
State Management This week we will explore new tools to better manage state in a React application.
Topics
Additional Resources
Week 10
Route Management This week we discuss route management and learn how to create single-page applications using React Router.
Topics
Additional Resources
Week 11
Remote State Hosting This week we explore moving state management to an external source. We will learn how to create and integrate a Firestore database into our web application.
Topics
Additional Resources
Week 12
Remote State Management This week we continue our exploration of moving state to a remote server by learning how to manage data in a Firestore database.
Topics
Additional Resources
Week 13
App Deployment This week we discuss deploying our web application. We will learn to publish our web application Firebase for the world to see.
Topics
Additional Resources