Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
If innovation and creativity in technology attracts you and developing impressive webpages are your passion, then this specialization is for you.
Front-end developers are skilled professionals who are experts in combining the art of designing with the science of programming. The skills acquired in this field presents copious opportunities for individuals like you in the field of web application development.
This Specialization transforms learners with no programming background into front-end Web developers who can build highly engaging consumer-facing, rich front-end Single Page Application (SPA).
Syllabus
- Course 1: Introduction to building Web Pages using HTML5 and CSS3
- Course 2: Developing Responsive Web Pages Using HTML5 and CSS3
- Course 3: Building Interactive Web Pages Using Modern JavaScript
- Course 4: Building Interactive User Interfaces Using React Library
- Course 5: Building User Interfaces Using Functional React Components
- Course 6: Building High Quality User Experience Using Material UI
- Course 7: Building Navigational Workflows Using React
- Course 8: Capstone Project
Courses
-
Web content is accessed by millions across the globe every day. Attractive web pages help businesses grow and provide an omnipresent experience to the viewers. In this course you will get an understanding on how HTML5 is used to structure simple web pages from scratch and how CSS3 enhances their appearance. The customized learning environment and step-by step teaching approach of this course augments the learning experience. The real-world scenarios and challenges presented during the course will train you to resolve the different challenges that front-end engineers stumble upon in their work life.
-
Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web. In this course, you will learn to use JavaScript to add behavior to your web pages. You will create web content that is more interactive by adding animations, menus, scrolling text, interactive maps, and other kinds of lively content. All major web browsers have a dedicated JavaScript engine to execute the code on the user's device
-
The number of mobile users has increased exponentially over the past few years. Shopping, social connect, entertainment and other activities are just a few clicks away for these mobile users. A responsive web design adjusts the layout and appearance of the web pages to suit the resolution and width of the screens. This makes a web page look attractive on devices with diverse screen sizes. Designing a well-organized, responsive, and user-friendly web page has therefore become the need of the hour. This course will guide you to develop websites that adapt to the device size of the visitor’s viewport and provide users an optimal experience.
-
A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient. React, a popular JavaScript library is used for developing complex user interfaces for single page applications (SPAs). Facebook, Instagram, Netflix, Airbnb etc., are some of the famous websites that use React. In this course, you will learn to construct an SPA by developing reusable and testable React Class components. The library helps you explore React features that enhance the performance of web applications by enabling partial page updates.
-
A user experience is built upon a user’s experiences and interactions with a product, system, or service. Providing high quality digital experiences in a web application involves writing CSS codes which focus on display, navigation, actions, input, and communication. However, CSS has its own set of challenges which can be addressed using Material UI design library. This course will enable you to use CSS-in-JS and work with design systems like Material UI to quickly develop high quality React applications.
-
React Components are generally implemented using Classes. Although they work well, they have their own set of limitations. The stateful logic provided by the class components lack reusability. To enhance the productivity, codes developers are expected to develop codes with reusability. This course will enable you to develop simple, readable, React components with reusable stateful logic using JavaScript functions and React Hooks. You will also explore the different React Hooks and test the stateful logic.
-
Forms are an essential part of modern-day workflow. They are the primary medium of collecting, validating, and storing user data to provide great user experience. React library helps in developing forms using controlled components. Alternatively, open-source Libraries like Formik can be used for handling form input validations and form submissions efficiently. Additionally, React library is supported by React Router library which facilitates developers to rapidly enable routing between components. In this course, you will explore React forms, Formik library and React Router library for creating navigational workflows.
Taught by
NIIT StackRoute