Vanilla JavaScript Projects

• Understanding Asynchronous JavaScript: Learn how to manage asynchronous operations using the event loop, setTimeout, and setInterval, and explore the challenges and solutions associated with asynchronous programming.
• Mastering the DOM: Gain insights into the Document Object Model (DOM) to interact with and manipulate HTML documents, including event handling and attribute modification.
• Exploring Browser APIs: Discover how to use various Browser APIs, such as the window and document objects, and learn how to apply these APIs in real-world projects.
• Applying Object-Oriented and Functional Programming: Develop a deep understanding of JavaScript's object-oriented and functional programming paradigms, including the use of prototypes, classes, inheritance, and higher-order functions.
• Utilizing Modern JavaScript Tooling: Get hands-on experience with modern JavaScript development tools like Vite, npm, and ESLint, and learn how to set up, build, and deploy projects using these tools.
• Developing with Node.js: Explore how to run JavaScript outside the browser using Node.js, manage packages with npm, and create server-side applications.
• Building and Deploying Projects: Create and deploy a variety of JavaScript projects, including a dark mode switcher, modal dialogs, and a full camera app, using GitHub Actions for automation and deployment.

The "Vanilla JavaScript Projects" course by Anjana Vakil is designed to enhance your JavaScript skills through a series of practical projects. You'll work on tasks like creating a dark mode switcher and building a camera app, all while deepening your understanding of asynchronous JavaScript, the DOM, and modern JavaScript tooling. Additionally, you'll gain experience with Node.js and GitHub Actions for deploying your applications.

• Frontend developers looking to strengthen their JavaScript fundamentals.
• Developers interested in building practical web applications with JavaScript.
• Individuals seeking to learn modern JavaScript development tools and techniques.
• Beginners to intermediate developers who want to explore JavaScript outside the browser.

• Basic understanding of HTML, CSS, and JavaScript.
• Familiarity with web development concepts and tools.
• Access to a code editor like Visual Studio Code.

• Introduction to Advanced JavaScript: Overview of JavaScript's advanced features, functional programming, object-oriented programming, and browser APIs.
• The DOM and Event Handling: Understanding the DOM and how JavaScript interacts with HTML elements, including event handling techniques.
• Asynchronous JavaScript and Browser APIs: Exploring asynchronous programming, the event loop, and various browser APIs for enhanced interactivity.
• Object-Oriented and Functional Programming: Deep dive into JavaScript's programming paradigms, including closures, scope, prototypes, and classes.
• JavaScript Outside the Browser with Node.js: Introduction to Node.js for server-side development, including npm and custom scripts.
• Modern JavaScript Development and Tooling: Utilizing Vite, ESLint, Prettier, and other modern tools to build and deploy JavaScript projects.
• Deployment and GitHub Actions: Configuring projects for production environments and automating deployment using GitHub Actions.