Front-End Web Development with React
Develop your skills to build a front-end website using React with the Front-End Web Development with React online course.
Intermediate
Online
4 Weeks
3,878 INR Quick Facts
| Medium Of Instructions | Mode Of Learning | Mode Of Delivery |
|---|---|---|
| English | Self Study | Video and Text Based |
Course Overview
Front-End Web Development with React is a certification course, available on the platform Coursera, administered by the Hong Kong University of Science and Technology (HKUST) that provides numerous online courses on science and technology to students in Asia and around the globe. Front-End Web Development with React Certification Syllabus will walk the learners through many Javascript-based front-end application developments.
By joining the Front-End Web Development with React Certification, administered by Coursera, the candidates will be able to make a thorough understanding of React library and React components, Flux architecture, Redux, and whatnot. Front-End Web Development with React Certification by Coursera will enable the students to explore React animation support and to develop the skills of coming up with React-Redux-powered applications.
The Highlights
- Provided by Coursera
- Offered by HKUST
- Flexible Deadlines
- Nearly 36 hours to complete
- Intermediate Level Course
- Shareable Certificate
- Financial Aid Available
- 100% Online Course
Programme Offerings
- English videos with multiple subtitles
- practice quizzes
- Graded Assignments with peer feedback
- graded Quizzes with feedback
- Graded Programming Assignments
Courses and Certificate Fees
| Certificate Availability | Certificate Providing Authority |
|---|---|
| yes | Coursera |
Front-End Web Development with React Certification Fee
Course Title | Total Fee in INR |
Course Fee, 1 month | Rs. 3,878 |
Course Fee, 3 months | Rs. 7,757 |
Course Fee, 6 months | Rs. 11,636 |
Eligibility Criteria
Academic Qualifications
The Front-End Web Development with React Certification Course is open for candidates who had already completed the previous course in the specialization of Bootstrap 4 and have the working knowledge of Bootstrap 4. Plus, the working knowledge of JavaScript is considered to be an optional prerequisite for the programme.
Certification Qualifying Details
After the course along with the assignments, and assessments are completed, the students get successful in receiving the Front-End Web Development with React certification by Coursera.
What you will learn
By enrolling in the Front-End Web Development with React Training, the learned will have in-depth knowledge of the following concepts:
- React library
- React
- Front-end application development
- Flux architecture
- Redux
Who it is for
Front-End Web Development with React Classes is meant for all the students who want to learn Front-End Web Development using React, particularly, the professionals like programmers and developers.
Admission Details
Step 1 -First, the candidates are requested to register and sign up on https://www.coursera.org/ to avail of the courses offered on Coursera.
Step 2 - After activating the Coursera account, the candidate can sign in.
Step 3 - Then, the candidate can search the ‘ Hong Kong University of Science and Technology in the search column, and then, the courses offered by the Hong Kong University of Science and Technology will be available on the screen.
Step 4 - Then, look for the course ‘Front-End Web Development with React’ in the list and click on it.
Step 5- Then, the page of the course will come to the screen, and then, click on the option ‘enrol’. The students can just audit the course without paying the fee or pay the mentioned amount of fee.
The Syllabus
Videos
- Welcome to Front-End Web Development with React
- How to Use the Learning Resources
- What is Full-Stack Web Development?
- Exercise (Video): Setting up Git
- Exercise (Video): Basic Git Commands
- Exercise (Video): Online Git Repositories
- Node.js and NPM
- Exercise (Video): Setting up Node.js and NPM
- Exercise (Video): Basics of Node.js and NPM
- Front-end JavaScript Frameworks and Libraries Overview
- Introduction to React
- Exercise (Video): Getting Started with React
- React App Overview
- Introduction to JSX
- Exercise (Video): Configuring your React Application
- React Components
- Exercise (Video): React Components Part 1
- React Components: State and Props
- Exercise (Video): React Components Part 2
- React Components: Lifecycle Methods Part 1
- Assignment 1 Requirement (Video): React Components
Readings
- Welcome to Front-End Web Development with React: Additional Resources
- Full-Stack Web Development: The Big Picture: Objectives and Outcomes
- Full Stack Web Development: Additional Resources
- Setting up Your Development Environment: Git and Node: Objectives and Outcomes
- Setting up your Development Environment
- Exercise (Instructions): Setting up Git
- Exercise (Instructions): Basic Git Commands
- Exercise (Instructions): Online Git Repositories
- Exercise (Instructions): Setting up Node.js and NPM
- Exercise (Instructions): Basics of Node.js and NPM
- Setting up your Development Environment: Git and Node: Additional Resources
- Introduction to React: Objectives and Outcomes
- Exercise (Instructions): Getting Started with React
- Exercise (Instructions): Configuring your React Application
- Introduction to React: Additional Resources
- React Components: Objectives and Outcomes
- Exercise (Instructions): React Components Part 1
- Exercise (Instructions): React Components Part 2
- React Components: Additional Resources
- Assignment 1: React Components: Additional Resources
- Ideation: Objectives and Outcomes
- Ideation Report Template
- Ideation: Additional Resources
Videos
- Presentational and Container Components
- Exercise (Video): Presentational and Container Components
- React Components: Lifecycle Methods Part 2
- Functional Components
- Exercise (Video): Functional Components
- React Virtual DOM
- Exercise (Video): Header and Footer
- React Router
- Exercise (Video): React Router
- Single Page Applications
- Exercise (Video): Single Page Applications Part 1
- React Router: Parameters
- Exercise (Video): Single Page Applications Part 2
- Assignment 2: React Router and Single Page Applications
Readings
- React Component Types: Objectives and Outcomes
- Exercise (Instructions): Presentational and Container Components
- Exercise (Instructions): Functional Components
- React Component Types: Additional Resources
- React Router: Objectives and Outcomes
- Exercise (Instructions): Header and Footer
- Exercise (Instructions): React Router
- React Router: Additional Resources
- Single Page Applications: Objectives and Outcomes
- Exercise (Instructions): Single Page Applications Part 1
- Exercise (Instructions): Single Page Applications Part 2
- Single Page Applications: Additional Resources
- Assignment 2: React Router and Single Page Applications: Additional Resources
- UI Design and Prototyping: Objectives and Outcomes
- UI Design and Prototyping Report Template
- UI Design and Prototyping: Additional Resources
Videos
- Controlled Forms
- Exercise (Video): Controlled Forms
- Exercise (Video): Controlled Form Validation
- Uncontrolled Components
- Exercise (Video): Uncontrolled Forms
- The Model-View-Controller Framework
- The Flux Architecture
- Introduction to Redux
- Exercise (Video): Introduction to Redux
- React Redux Forms
- Exercise (Video): React Redux Form
- Exercise (Video): React Redux Form Validation
- Assignment 3: React Forms and Redux
Readings
- Controlled Forms: Objectives and Oute
- Exercise (Instructions): Controlled Forms
- Exercise (Instructions): Controlled Form Validation
- Controlled Forms: Additional Resources
- Uncontrolled Forms: Objectives and Outcomes
- Exercise (Instructions): Uncontrolled Forms
- Uncontrolled Forms: Additional Resources
- Introduction to Redux: Objectives and Outcomes
- Exercise (Instructions): Introduction to Redux
- Introduction to Redux: Additional Resources
- React Redux Form: Objectives and Outcomes
- Exercise (Instructions): React Redux Form
- Exercise (Instructions): React Redux Form Validation
- React Redux Form: Additional Resources
- Assignment 3: React Forms and Redux: Additional Resources
Videos
- Redux Actions
- Exercise (Video): Combining Reducers
- Exercise (Video): Redux Actions
- Redux Thunk
- Exercise (Video): Redux Thunk
- Exercise (Video): React-Redux-Form Revisited
- Networking Essentials
- Brief Representational State Transfer (REST)
- Exercise (Video): Setting up a Server using json-server
- Promises
- Fetch
- Exercise (Video): Fetch from Server
- Exercise (Video): Fetch Handling Errors
- Exercise (Video): Fetch Post Comment
- React Animations
- Exercise (Video): React Animations
- Exercise (Video): React Animation Components
- Assignment 4: Redux, Client-Server Communication and Fetch
- Introduction to Webpack
- Exercise (Video): Building and Deploying the React Application
Readings
- Redux Actions: Objectives and Outcomes
- Exercise (Instructions): Combining Reducers
- Exercise (Instructions): Redux Actions
- Redux Actions: Additional Resources
- Redux Thunk: Objectives and Outcomes
- Exercise (Instructions): Redux Thunk
- Exercise (Instructions): React-Redux-Form Revisited
- Redux Thunk: Additional Resources
- Client-Server Communication: Objectives and Outcomes
- Exercise (Instructions): Setting up a Server using json-server
- Client-Server Communication: Additional Resources
- Fetch: Objectives and Outcomes
- Exercise (Instructions): Fetch from Server
- Exercise (Instructions): Fetch Handling Errors
- Exercise (Instructions): Fetch Post Comment
- Fetch: Additional Resources
- React Animations: Objectives and Outcomes
- Exercise (Instructions): React Animations
- Exercise (Instructions): React Animation Components
- React Animations: Additional Resources
- Assignment 4: Redux, Client-Server Communication and Fetch: Additional Resources
- Building and Deployment: Objectives and Outcomes
- Exercise (Instructions): Building and Deploying the React Application
- Building and Deployment: Additional Resources
- Project Implementation: Objectives and Outcomes
- Final Report Template
Instructors
Hong Kong University of Science and Technology, Hong Kong Frequently Asked Questions (FAQ's)
The duration of the programme is about 36 hours.
The online course is offered by the Hong Kong University of Science and Technology.
The programme is tutored by Jogesh K. Muppala who is the Associate Professor in the Department of Computer Science and Engineering at the Hong Kong University of Science and Technology.
The subtitles are available in the languages of Arabic, French, Portuguese (European), Italian, Vietnamese, German, Russian, English and Spanish.
No, the students are not rendered job assistance after the course.