In this module, students will gain a foundational understanding of HTML and CSS and learn how to use these technologies to create a basic web page. HTML provides the structure and content of a web page, while CSS is used to add visual styling and layout. Through hands-on exercises and projects, students will learn how to create a basic web page that is well-structured and visually appealing. By the end of the module, students will have a solid understanding of the basic building blocks of web development and will be ready to move on to more advanced topics.
The JavaScript Fundamentals 1 module is designed to provide students with a solid foundation in the basic concepts and syntax of the JavaScript programming language. Students will start by learning about values and variables and how to work with different data types, including strings, numbers, and booleans. The module will also cover operators and expressions, conditional statements, loops, and functions. Throughout the module, students will engage in hands-on practice and coding challenges to reinforce their learning and build their skills. By the end of the module, students will have a good understanding of the fundamental concepts of JavaScript and be able to write simple programs using the language.
The Advanced JavaScript module builds on the foundational knowledge covered in the previous JavaScript Fundamentals module. Students will learn more complex concepts such as functions, arrays, objects, and loops, and gain a deeper understanding of how to use them effectively in their code. The module also covers the use of strict mode and arrow functions, which are important tools for writing efficient and error-free JavaScript code. Through practice exercises and coding challenges, students will develop their skills in advanced JavaScript concepts and techniques.
In the Tools & Workflow module, students will be introduced to the different tools and techniques that can help them improve their development process. They will learn how to set up a development environment using tools like Prettier and VS Code, which can help streamline their workflow and automate certain tasks. The module will also cover the basics of Node.js, a popular JavaScript runtime that can be used to build scalable applications. In addition, students will learn different debugging techniques to help them diagnose and fix errors in their code. They will also be introduced to online resources like Google, StackOverflow, and MDN, which can provide answers to common questions and help solve problems. Overall, this module will help students develop the skills they need to work efficiently and effectively as a web developer.
In this module, students will dive into the basics of working with the Document Object Model (DOM) and handling events in JavaScript, which are essential skills for building dynamic and interactive web pages. The module covers the principles of selecting and manipulating elements on a webpage, including the use of CSS selectors and common DOM methods like getElementById() and querySelector(). Students will also learn about event handling and how to respond to user input by listening for and triggering events like mouse clicks and key presses. In addition, students will explore how to dynamically update styles and content on a webpage by manipulating the DOM with JavaScript.
In this module, students will gain a deeper understanding of how the JavaScript programming language works. They will learn about the JavaScript engine, which is responsible for executing code, and the runtime, which provides an environment for executing code. The module covers execution contexts and scope, which define where variables and functions are accessible, as well as the ‘this’ keyword, which is used to refer to the current object in a method. Students will also learn about the differences between primitive and reference types, which are essential concepts for working with data in JavaScript.
In this module, students will gain a deeper understanding of modern JavaScript features that are commonly used in web development. They will learn about important data structures in JavaScript such as arrays, objects, sets, and maps, and how to work with them effectively. Additionally, students will learn about modern JavaScript operators such as the spread operator, nullish coalescing operator, and logical assignment operators, and how to use them to write concise and efficient code. The module will also cover various string methods in JavaScript, providing students with a comprehensive understanding of manipulating strings in JavaScript.
In the functions module, students will delve deeper into JavaScript functions and learn more advanced concepts such as default parameters, first-class and higher-order functions, and closures. These concepts will enable students to write more powerful and efficient code, and to better understand how JavaScript functions work. Through practical examples and coding challenges, students will apply these concepts to real-world problems and develop their problem-solving skills. By the end of the module, students will have a solid understanding of JavaScript functions and how to use them effectively in their web development projects.
In the Arrays module, students will learn about one of the most essential data structures in JavaScript: arrays. The module covers the basics of working with arrays, including creating, accessing, and modifying array elements. Students will also be introduced to the many array methods available in JavaScript, such as map(), filter(), reduce(), and sort(). They will learn how to use these methods effectively to perform data transformations and solve real-world problems. The module also covers the concept of method chaining, which allows multiple array methods to be applied to an array in a single statement. Finally, students will apply what they’ve learned to build a banking app that utilizes arrays to manage customer account data.
The Numbers, Dates, and Timers module provides an in-depth understanding of how to work with numbers, dates, and timers in JavaScript. Students will learn about different data types for numbers, methods for converting and formatting them, and how to perform mathematical operations with them. They will also learn how to work with dates, including formatting and manipulation, and explore the Intl object for date formatting. Additionally, students will learn about timers in JavaScript, including the setTimeout and setInterval functions and how to use them for various purposes like scheduling function execution and creating animations.
The Advanced Dom & Events”module is the next step in building on the learners’ knowledge and understanding of the Document Object Model (DOM) and event handling in JavaScript. Through a hands-on project, “Bankist” Website, learners will get a chance to apply the advanced concepts they learned throughout the module and build a fully functional banking website. The module covers a wide range of topics, including DOM selection, creation, deletion, and styling of elements, working with attributes and classes, event handling, event propagation, delegation, traversing, and more. By the end of this module, students will have a solid understanding of how to create interactive and dynamic web pages using advanced DOM and event handling techniques in JavaScript.
The Object-Oriented Programming in JavaScript module introduces students to the basics of OOP in JavaScript, covering topics such as constructor functions, prototypes, and prototypal inheritance. The module then moves on to more advanced topics like ES6 classes, setters and getters, static methods, and object.create. Students will also explore inheritance between classes, encapsulation, chaining methods, and private class fields and methods. By the end of the module, students will have a solid understanding of how OOP can be used in JavaScript to write more efficient and maintainable code.
This module is designed to provide students with hands-on experience building a real-world web application from scratch. Throughout this module, students will learn how to plan and structure a web project, work with front-end development technologies like HTML, CSS, and JavaScript, and integrate APIs and libraries like Leaflet into their application. They will also learn how to manage data using localStorage, a built-in web API for client-side data storage, and how to incorporate user input validation and error handling. By the end of this module, students will have a solid understanding of how to build complex web applications that integrate with external services and technologies.
In this module, you’ll learn how to work with asynchronous JavaScript and interact with APIs using AJAX calls. You’ll learn about Promises, a modern way of handling asynchronous code that simplifies the process of making requests to servers and handling the responses. Additionally, you’ll learn how to use the more recent Async/Await syntax to work with asynchronous JavaScript code in a more synchronous and readable way. By the end of this module, you’ll be equipped with the skills necessary to build web applications that interact with servers and APIs.
The Modern JavaScript module provides a comprehensive overview of the latest developments in JavaScript. In this module, students will gain knowledge about various modern features of JavaScript that are essential for web development. The module starts with an introduction to modules in JavaScript and covers exporting and importing in ES6 modules, the module pattern, and CommonJS modules. Additionally, students will be introduced to NPM, a popular package manager for JavaScript libraries. With this module, students will gain knowledge about the latest trends and techniques in JavaScript development, which will help them to write more efficient and modular code.
The Modern Web App Development module is designed to provide students with an opportunity to apply their front-end web development skills to build a modern web application. The project involves building a recipe application that includes functionality for searching, viewing, and uploading recipes. The module covers a variety of topics including API integration, MVC architecture, event handling patterns, and more. Students will use the latest tools and techniques in front-end web development, such as React, Redux, Webpack, and Babel, to build a feature-rich and responsive web application. By the end of the module, students will have gained valuable experience working with modern web development tools and techniques, and will have a completed project to showcase their skills.
In this module, you will learn the basics of using Git and GitHub for version control and collaboration in a software development project. You will learn how to create and manage Git repositories, commit changes, work with branches, and collaborate with others using pull requests. You will also learn how to use GitHub as a remote repository hosting service and manage issues and projects. Additionally, you will learn how to deploy web applications using Netlify, a cloud-based service that simplifies the process of deploying and hosting web applications.
The conclusion module of this front-end web development certificate provides students with an opportunity to reflect on their learning journey and consolidate their knowledge. In this module, learners will review the core concepts covered throughout the course, including HTML, CSS, JavaScript, and modern front-end development tools and techniques. They will also receive guidance on creating a personal portfolio to showcase their newly acquired skills to potential employers or clients. Additionally, the module will cover topics such as career development, job search strategies, and interview preparation, helping students take the next steps towards their goals as a front-end web developer. The conclusion module will be a valuable and rewarding experience for learners, bringing their learning journey full circle and setting them up for success in the field of front-end web development.
