- Decide for yourself which you like the best.
- Free tutorial
- Rating: 4.6 out of 54.6 (2,755 ratings)
- 91,497 students
- 3hr 26min of on-demand video
- Created by Gary Simon
- English
What you’ll learn
- Create a React App
- Create an Angular App
- Create a Vue.js App
- Create an Adobe XD Prototype Mockup
- Understand the core differences between React, Angular and Vue.js
Requirements
- HTML
- CSS
- Basic Javascript
- Adobe XD (Experience Design) for Mockup Process (Optional)
Description
With all of the various javascript libraries and frameworks, you might be a little bit confused as to where to begin. Right now, the three powerhouses in the javascript world are React, Angular and Vue.js.
Sometimes, the best course of action is to make up your own mind based on your own experiences.
And that’s exactly what this course will aim to do. We’re going to design and develop a single app in React, Angular and Vue.js.
The goal here is to help you determine which workflow you like best based on your own needs and preferences.
The following is the basic flow of what we’re going to learn in React, Angular, and Vue.js:
- Installing & Getting Started with a Project
- Component Structure
- Templating
- Styling
- Integrating CSS Frameworks
- Working with API’s
This will help you get a solid start with each of these javascript technologies, to the point at which you will walk away with your own opinions.
So, if you’re ready to learn, let’s get started!
Who this course is for:
- Intermediate Designer / Developer
Show less
Course content
4 sections • 30 lectures • 3h 26m total lengthCollapse all sections
Project Design9 lectures • 1hr 4min
- Project Introduction & Resource Files01:45
- Navigation Design10:48
- Hero Section09:28
- Supporting Content10:37
- Footer Design04:15
- FAQ Page06:45
- Mobile Home Page09:50
- Mobile Navigation05:17
- Mobile FAQ Page04:52
Vue.js9 lectures • 1hr 3min
- Installing Vue.js06:10
- Vue Components07:37
- Integrating a CSS Framework06:11
- Vue.js Navigation11:03
- Making the Navigation Function05:17
- Footer Integration03:38
- Hero Section07:24
- Supporting Content07:17
- FAQ Page07:56
React7 lectures • 52min
- Installing React04:13
- React Components11:44
- Integrating a CSS Framework06:55
- Header & Routing11:29
- Footer & Navigation07:19
- Home Page04:24
- FAQ Page05:26
Angular5 lectures • 28min
- Installing Angular04:07
- Angular Components05:02
- Routing & CSS Framework Integration04:35
- Header & Footer Integration06:02
- Home & FAQ Page08:42