Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

React, Angular, Node In-Depth Guide: Beginner to Pro (2018)

via Udemy

Overview

Master Angular (Angular 5, Angular 6,incl. Angular 7), React + Redux (React 16) & Node. Stripe, AWS, Express included.

What you'll learn:
  • Develop powerful, modern, real-world web applications with React, Angular and Node
  • Completely understand the processes and architecture of Angular, React and Node
  • Use gained knowledge to create your own web applications in most demanded frameworks on the market
  • Establish yourself in field of the exciting Angular, React and Node web development environment
  • Become fluent in concepts and tools like Redux, MongoDb, Amazon S3, JWT tokens, Postman, ES6 and more

If you are planning to start your careeras a developer or you just wantto improve your programming skills, then this course is right for you.Get all you need to start webdevelopment in one course! and many related technologies of Web Development to more advanced topics until our application will be deployed to Heroku and accessible online on the internet.

This resource is the only thing you need in orderto start Web Development with Angular, React and Node and during this course you will get confidence and skills required to startyour own projects, you willget theright mindset to apply for a developer career and to improve in modern frameworks like Angular, React andNode,

We will start very easily in Angular and React, in which we will create a layout of our application. I will explain toyou how to create basic components, servicesand reusable code. I will also talk about routing in SPA (single page application).

Furthermore,we will work on a detail page of a rental property in which we will work with 3rdparty Google Map API and we will display thelocation of a rental property on a map.

Later in this course, we will take a look on authentication with JWT (json web tokens) on the client/server side.

Next, we will work on a core application functionality to book rental property for certain numbers of nights. We will integrateinteresting features to our application, calendar for choosing dates of stay, modal window to confirm bookings and toast messages in order to enhance interactivity of the application and we will gomore into advanced concepts of Angular, React andNode.

After the booking sectionwe will take alook on search and create rental functionality. We will search for rentals by city. We will learn how to integrate new features to the working code.

Our last section will be a manage section where we will work on functionality to display userbookings and rentals, availability to list and remove them.

After manage section we will prepare our applications to be ready for deploy to Heroku.We will do additional production setup of Angular, React and Node applications. After all of the necessary changes we will finally deploy our applications to Heroku and we will make them available online on the internet.

Development process is not finished with a deploy section. This course offers for you constant update of new features. Next we will work on very interesting feature for update rental properties. On Rental Update feature you will learn how to create powerful reusable components in your application and how to create good lookingupdate components.

After update section we will work on interesting feature for an image upload. We will learn how to upload images to Amazon S3. Before uploading our image to Amazon S3 we will also take care of cropping and processing our image.

During this course we will be switching from our frontend applicationto our backend Node.js application. ThisNode application will be responsible for handling and storing our business data in MongoDB.


-------------Brief Curriculum - Listed Important Features YouWill Learn-------------

  • [JS,ES6]-Intro To ES6(Classes, Variables, Callbacks, Arrow Functions, Inheritance,Async, Promises, Observables)

  • [Angular]-IntroToAngular(Components, Services, Modules, Routing, Bootstrap, Life CycleFunctions, Passing Data, Links, Types, Observables)

  • [Node] - Intro toNode(Express Framework, Server Creation, Postman, MongoDB, Routing, Handle Errors)

  • [Angular] - RentalMap(Proxy, Cors,Pipe, FontAwesome, Map Component, 3rd Party Service,Geolocation,Google MapsAPI,Caching)

  • [Node] - Authentication(JWT, Encryption, Middleware)

  • [Angular] - Authentication(Reactive Forms, Template Forms, Validation, JWT,Guards, Interceptor)

  • [Node] - Bookings(Book a rental property, Server Validation)

  • [Angular] - Bookings(Date Range Picker, Book a rental property, Modals,Toast Messages)

  • [Angular+Node] - Search, CreateRental

  • [Angular + Node] - Manage Section

  • [Angular] - Deployment(Heroku, ProductionServer Setup)

  • [React]-IntroToReact(Components,JSX,Redux,State, Props, Bootstrap, Life CycleFunctions,Link To, Render)

  • [Node] - Intro toNode(Same as Section 3.)

  • [React] - RentalMap(Proxy, Cors,HOC, Composition, FontAwesome, Map Component, 3rd Party Service, Google MapsAPI,Caching,Geolocation)

  • [Node] - Authentication(Same as section 5.)

  • [React] - Authentication(ReduxForms,Validation, JWT,ProtectedGuards, Axios Interceptor)

  • [Node] - Bookings(Same as section 7.)

  • [React] - Bookings(Date Range Picker, Book a rental property, Modals,Toast Messages)

  • [React +Node] - Search, CreateRental

  • [React + Node] - Manage Section

  • [React] - Deployment(Heroku, ProductionServer Setup)

  • [Angular - Bonus] - UpdateFeature(Editable Components, Reusability, Inheritance, Subject)

  • [Angular - Bonus] - Crop and UploadImageFeature(Amazon S3, Learn how to send an image in request)

  • [Angular - Bonus] - Payment(Stripe)

  • [Angular - Bonus] - Migrate to Angular 6


Look at some reviews of my students:

Really he knows what features we want also his performance in Q & A section was so fast. I was shocked. his teaching style is like a real. I highly recommend to the new user who wants to learn all the combination such as react node and angular. also, one more thing he tries to give the response out of this framework such as if you get stuck in javascript, react native and so on. you won't be regret after purchasing his course. I guaranteed 100%.


I took this course because the MERN stack project presented in the previews looked much more in depth and had way more features compared to other courses and projects I have seen before. This course has not disappointed so far. His use of the Google Maps API, HOC's, Authentication, etc for the course project are some of the coolest features and best code I have seen written for MERN in a while. My constructive feedback for this course is that the way the Instructor explains the basics of React, Redux, HOC's in the beginning are too fast paced and do not provide enough detail. This was not an issue for me as I am well versed in React already, and simply wanted to IMPROVE my React skills rather than relearn the basics. The instructor is passionate, responds quickly to questions, and is continually adding new features such as Image Uploads for the project which I am super excited for. I will definitely be keeping an eye out for future content by this instructor. TLDR: This course is great for increasing your React Skills and creating an Awesome MERN Project. However, if you are trying to learn the basics of React, I would suggest other courses.

Very good and interesting course, I as a beginner I did not have any problem to start programming without problems! a man jumps into it, and it is a fascinating and seductive beautifully illustrated. I'm still in the middle yet, but I can not wait for another lesson! For me nicely done! keep up with good work :)


Get all you need to start web development in one course.

You will pay once and you will get a lifetime access to this up-to-date course.


You have nothing to loose, you can only gain.

Do not forget that you are protected by 1 month money-back guarantee.

Taught by

Filip Jerga

Reviews

4.8 rating at Udemy based on 854 ratings

Start your review of React, Angular, Node In-Depth Guide: Beginner to Pro (2018)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.