Libraries and Frameworks for Frontend Development
This course is designed for individuals who want to learn how to build robust and scalable web applications using Angular and React. Throughout the course, you will learn the fundamental concepts of front-end development and understand how to create dynamic and interactive user interfaces. In the first module, "React for Frontend development," we'll dive deep into the React library. You will be introduced to its fundamentals, such as components, state, props, and JSX.
Monthly Subscription Starting at AED 99 + VAT
- Level Professional
- Duration 15 hours
- Course by Board Infinity
-
Offered by
About
This course is designed for individuals who want to learn how to build robust and scalable web applications using Angular and React. Throughout the course, you will learn the fundamental concepts of front-end development and understand how to create dynamic and interactive user interfaces. In the first module, "React for Frontend development," we'll dive deep into the React library. You will be introduced to its fundamentals, such as components, state, props, and JSX. This understanding will enable you to craft user interfaces that are both interactive and dynamic, setting the stage for efficient web applications. The second module, "Angular for Frontend Development," transitions to Angular, an equally compelling but distinct framework for building scalable web applications. Here, you'll immerse yourself in the core concepts of Angular, encompassing components, modules, directives, services, and templates. With hands-on exercises, you'll gain proficiency in constructing robust applications that are both modular and maintainable. Finally in the third module, "Building a Dynamic Website." This module synthesizes the knowledge you've acquired, guiding you through the process of creating a full-fledged website. By integrating the functionalities from React and Angular, you will see firsthand how these tools can come together to produce powerful user experiences. By the end of the course, you will have a thorough understanding of how to use Angular and React to develop high-quality and responsive web applications.Modules
Introduction to the course
-
2
Videos
-
1
Readings
-
1
Discussion
1
Discussions
- Meet and Greet
2
Videos
- Course Introduction
- Instructor Introduction Video
1
Readings
- Syllabus
React Basics
-
4
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- React Basics - Practice Quiz
4
Videos
- What you will learn in this Lesson
- Introduction to React
- Virtual DOM in react.js
- Setting up React.js
1
Readings
- Read More about React
Intermediate React concepts
-
6
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- React Intermediate - Practice Quiz
6
Videos
- What you will learn in this Lesson
- React Directory structure
- JSX in React JS
- React Components
- React Props
- React States
1
Readings
- Further Reads on React
React Hooks & Redux
-
6
Videos
-
2
Readings
-
1
Assignment
1
Assignment
- React - Graded Quiz
6
Videos
- What you will learn in this Lesson
- React useEffect Hook
- Making API Calls with useEffect Hook
- useContext Hook
- React Redux
- Application of React Redux
2
Readings
- Learn more about Hooks and Redux
- Tell us what you think!
Understanding Angular components and modules
-
5
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- Angular Components - Practice Quiz
5
Videos
- What you will learn in this Lesson
- Angular Life Cyle
- Angular Decorators
- Angular Component
- Angular Module
1
Readings
- Learn more about Angular components and modules
Angular Databinding
-
6
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- Angular Databinding - Practice Quiz
6
Videos
- What you will learn in this Lesson
- Angular Data Binding (One way and Two way Data Binding)
- Angular Interpolation
- Angular Property Binding
- Angular Event Binding
- Angular Data Binding - Two way data binding (ngModel)
1
Readings
- Read more on Data Binding
Angular Directives
-
5
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- Angular Directives - Practice Quiz
5
Videos
- What you will learn in this Lesson
- What are Angular Directives
- Angular Structural Directives
- Angular nglf Directive
- Angular ngStyle Directive
1
Readings
- Learn more about Directives
Angular Pipes & Forms
-
5
Videos
-
1
Readings
-
1
Assignment
1
Assignment
- Angular - Graded Quiz
5
Videos
- What you will learn in this Lesson
- Angular Pipes
- Angular Forms
- Angular Template Driven Form
- Angular Reactive Form
1
Readings
- Read more on Pipes and Forms
Setting up the project
-
3
Videos
3
Videos
- Project Overview
- Creating Folder Structure
- Creating Nav Bar Component
Adding Required Components
-
3
Videos
3
Videos
- Creating Home Component
- Building Tech Stack Component
- Creating Experience Component
Finishing the Project
-
2
Videos
-
1
Readings
-
1
PeerReview
1
Peer Review
- Final Project - Building Front-End of a Website
2
Videos
- Creating Project Component
- Adding Scroll to top feature
1
Readings
- Provide your feedback!
Auto Summary
Unlock the potential of web development with the "Libraries and Frameworks for Frontend Development" course, perfect for IT and Computer Science enthusiasts. This comprehensive course, offered by Coursera and tailored for professional-level learners, focuses on mastering two of the most powerful tools in frontend development: Angular and React. In this engaging journey, you'll start with the "React for Frontend Development" module, where you will delve into the essentials of the React library. Gain a solid understanding of components, state, props, and JSX to create dynamic and interactive user interfaces that elevate web applications. Next, transition into the "Angular for Frontend Development" module. Here, you will explore the core concepts of Angular, including components, modules, directives, services, and templates. Through practical exercises, you'll learn to build scalable and maintainable web applications that stand out. The final module, "Building a Dynamic Website," brings it all together. Apply your newfound skills to create a fully functional website, integrating the strengths of both React and Angular. This hands-on project will solidify your ability to deliver high-quality, responsive web applications. Spanning a comprehensive 900-hour curriculum, this course is available with a Starter subscription, making it accessible and flexible for your learning needs. Whether you're a seasoned professional looking to upgrade your skills or a newcomer eager to enter the world of web development, this course equips you with the proficiency to excel in the dynamic field of frontend development. Join now and transform your ability to create innovative web applications!
Board Infinity