Smart Frontend Development using Libraries
Smart Frontend Development using Libraries
This course is part of Modern Web Development: Advanced HTML & CSS Specialization
Instructor: Board Infinity
Included with
Learn more
Recommended experience
Recommended experience
What you'll learn
Master the intricacies of React, learning components, state management, and JSX, to craft interactive user interfaces with ease.
Delve deep into Angular's architecture, from components and directives to services, optimizing web applications for scalability and robustness.
Construct simple web pages with responsive layouts, interactive features, and dynamic content to enrich user experience.
Acquire hands-on experience in end-to-end front-end project development, equipping you with a promising career as a front-end developer.
Skills you'll gain
Details to know
13 assignments
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 3 modules in this course
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. Disclaimer: This is an independent educational resource created by Board Infinity for informational and educational purposes only. This course is not affiliated with, endorsed by, sponsored by, or officially associated with any company, organization, or certification body unless explicitly stated. The content provided is based on industry knowledge and best practices but does not constitute official training material for any specific employer or certification program. All company names, trademarks, service marks, and logos referenced are the property of their respective owners and are used solely for educational identification and comparison purposes.
In this module, you will be introduced to the basics of React, a popular JavaScript library used for building user interfaces. You will learn about the key concepts of React, such as components, state, props, and JSX, and understand how they work together to create dynamic and interactive UIs.
What's included
15 videos4 readings4 assignments1 discussion prompt1 plugin
15 videosβ’Total 83 minutes
- Introduction to Reactβ’4 minutes
- Virtual DOM in react.jsβ’4 minutes
- Setting up React.jsβ’5 minutes
- What you will learn in this Lessonβ’1 minute
- React Directory structureβ’5 minutes
- JSX in React JSβ’6 minutes
- React Componentsβ’7 minutes
- React Propsβ’6 minutes
- React Statesβ’8 minutes
- What you will learn in this Lessonβ’1 minute
- React useEffect Hookβ’10 minutes
- Making API Calls with useEffect Hookβ’7 minutes
- useContext Hookβ’8 minutes
- React Reduxβ’5 minutes
- Application of React Reduxβ’5 minutes
4 readingsβ’Total 100 minutes
- Syllabusβ’10 minutes
- Read More about Reactβ’30 minutes
- Further Reads on Reactβ’30 minutes
- Learn more about Hooks and Reduxβ’30 minutes
4 assignmentsβ’Total 105 minutes
- Practice Quiz: React Basicsβ’15 minutes
- Practice Quiz: React Intermediateβ’15 minutes
- Practice Quiz: React Hooks & Reduxβ’15 minutes
- React - Graded Quizβ’60 minutes
1 discussion promptβ’Total 10 minutes
- Meet and Greetβ’10 minutes
1 pluginβ’Total 5 minutes
- Quick Course Check-Inβ’5 minutes
This module is designed to provide learners with a comprehensive introduction to Angular, a popular JavaScript framework used for building dynamic and scalable web applications. Throughout the module, learners will gain hands-on experience working with Angular and will develop a deep understanding of its core features and capabilities. The module will cover the key concepts of Angular, including components, modules, directives, services, and templates. Learners will understand how to use these concepts to create complex web applications that are modular, maintainable, and easy to test. By the end of the module, learners will be proficient in creating robust and scalable web applications using Angular. They will be able to apply best practices and design patterns to build high-quality applications that meet the needs of their clients and users.
What's included
21 videos4 readings5 assignments
21 videosβ’Total 97 minutes
- What you will learn in this Lessonβ’1 minute
- Angular Life Cyleβ’8 minutes
- Angular Decoratorsβ’6 minutes
- Angular Componentβ’7 minutes
- Angular Moduleβ’5 minutes
- What you will learn in this Lessonβ’1 minute
- Angular Data Binding (One way and Two way Data Binding)β’6 minutes
- Angular Interpolationβ’5 minutes
- Angular Property Bindingβ’5 minutes
- Angular Event Bindingβ’5 minutes
- Angular Data Binding - Two way data binding (ngModel)β’4 minutes
- What you will learn in this Lessonβ’1 minute
- What are Angular Directivesβ’5 minutes
- Angular Structural Directivesβ’4 minutes
- Angular nglf Directiveβ’5 minutes
- Angular ngStyle Directiveβ’6 minutes
- What you will learn in this Lessonβ’1 minute
- Angular Pipesβ’4 minutes
- Angular Formsβ’5 minutes
- Angular Template Driven Formβ’6 minutes
- Angular Reactive Formβ’8 minutes
4 readingsβ’Total 120 minutes
- Learn more about Angular components and modulesβ’30 minutes
- Read more on Data Bindingβ’30 minutes
- Learn more about Directivesβ’30 minutes
- Read more on Pipes and Formsβ’30 minutes
5 assignmentsβ’Total 120 minutes
- Practice Quiz: Understanding Angular components and modulesβ’15 minutes
- Practice Quiz: Angular Databindingβ’15 minutes
- Practice Quiz: Angular Directivesβ’15 minutes
- Practice Quiz: Angular Pipes & Formsβ’15 minutes
- Angular - Graded Quizβ’60 minutes
The module will cover the key concepts and tools necessary for front-end project development. Learners will gain hands-on experience working with popular front-end libraries and frameworks, and they will learn how to integrate these libraries into their projects to create powerful and dynamic user interfaces. By the end of the module, learners will have completed a full-scale front-end project that they can add to their portfolio. They will have a deep understanding of the end-to-end process of front-end project development. They will also have a solid foundation in front-end development and be well-prepared to pursue a career as a front-end developer.
What's included
8 videos4 assignments
8 videosβ’Total 86 minutes
- Project Overviewβ’6 minutes
- Creating Folder Structureβ’7 minutes
- Creating Nav Bar Componentβ’7 minutes
- Creating Home Componentβ’12 minutes
- Building Tech Stack Componentβ’11 minutes
- Creating Experience Componentβ’19 minutes
- Creating Project Componentβ’13 minutes
- Adding Scroll to top featureβ’11 minutes
4 assignmentsβ’Total 105 minutes
- Practice Quiz: Setting up the projectβ’15 minutes
- Practice Quiz: Adding Required Componentsβ’15 minutes
- Practice Quiz: Finishing the Projectβ’15 minutes
- Graded Quiz - Building a Dynamic websiteβ’60 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Instructor
Offered by
Explore more from Mobile and Web Development
- B
Board Infinity
Course
- B
Board Infinity
Course
Why people choose Coursera for their career
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you canβt afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, youβll find a link to apply on the description page.
More questions
Financial aid available,
