In this module we will set up our development environments using VSCode, Git and NodeJS

In this module, students will dive into the world of JavaScript, one of the most popular programming languages for building dynamic and interactive web applications. They will gain a solid understanding of JavaScript fundamentals and learn how to work with various data types, such as strings, numbers, booleans, and arrays. Students will explore the power of functions and scope, mastering the ability to write reusable blocks of code and understanding how variables are scoped within different parts of a program. They will also discover the importance of conditionals and loops for creating decision-making and repetitive structures in their code. Additionally, students will explore objects, a key concept in JavaScript, and learn how to use them to organize and manipulate complex data structures.

Furthermore, students will gain hands-on experience with important development tools and techniques. They will learn about CLI (Command-Line Interface) commands, which are essential for interacting with their development environment and executing JavaScript code from the terminal. Students will also discover useful keyboard shortcuts that will boost their productivity and efficiency while writing code. Throughout the module, they will work with strings and variables, understanding how to manipulate text and store and retrieve data in JavaScript. They will also explore concepts such as null, undefined, and not defined, which are crucial for handling and managing variable values. By the end of this module, students will have a solid foundation in JavaScript programming, equipped with the knowledge and skills to create interactive web applications and embark on their journey as JavaScript developers.

In this module, students will explore the core building blocks of modern web design: HTML and CSS. They will learn how to create structured and semantically meaningful web pages using HTML, the markup language that defines the structure and content of a webpage. Students will master the art of creating various HTML elements, organizing them in a logical hierarchy, and applying attributes to control their appearance and behavior. They will also discover the power of CSS (Cascading Style Sheets), a language that allows them to style and visually enhance their web pages. Through hands-on exercises and projects, students will learn how to use CSS selectors, properties, and values to create visually appealing layouts, customize fonts, colors, and backgrounds, and apply stunning visual effects.

Moreover, students will delve into Flexbox, a flexible layout model that revolutionizes how web pages are designed and structured. They will learn how to use Flexbox to create responsive and adaptive layouts that automatically adjust to different screen sizes and devices. Students will gain a deep understanding of Flexbox's properties and concepts, such as flex containers and flex items, and learn how to align and distribute elements within a layout, create flexible grids, and control the flow and order of content. By the end of this module, students will have the skills and knowledge to build beautiful and responsive web pages, empowering them to bring their creative ideas to life in the digital realm.

In this module, we will marry the two concepts of Javascript and HTML&CSS by manipulating and providing interactivity to web pages.

In module 5, we’ll take everything we’ve learned in the previous modules and build a fully functioning calculator with a visually appealing interface.