Skip to content
UdemyAngularPaid courseAll LevelsCertificate

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

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

Created by: Filip Jerga

Last updated March 2020

icon
What you will 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

How it compares

Against the other 95 rated Udemy courses in Angular on CourseDuck:

  • Rating4.6 out of 5higher than 76% of them
  • Reviews875#50 of 96 by number of reviews
  • Length63 hourslonger than 100% of them
  • Last updatedMarch 2020earlier than 57% of them

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 92 / 100

icon
Course Description

If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you.Get all you need to start web development 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 order to start Web Development with Angular, React and Node and during this course you will get confidence and skills required to start your own projects, you will get the right mindset to apply for a developer career and to improve in modern frameworks like Angular, React and Node,

We will start very easily in Angular and React, in which we will create a layout of our application. I will explain to you how to create basic components, services and 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 3rd party Google Map API and we will display the location 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 integrate interesting 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 go more into advanced concepts of Angular, React and Node.

After the booking section we will take a look 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 user bookings 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 looking update 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 application to our backend Node.js application. This Node application will be responsible for handling and storing our business data in MongoDB.


------------- Brief Curriculum - Listed Important Features You Will Learn -------------

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

  • [Angular] - Intro To Angular (Components, Services, Modules, Routing, Bootstrap, Life Cycle Functions, Passing Data, Links, Types, Observables)

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

  • [Angular] - Rental Map (Proxy, Cors, Pipe, Font Awesome, Map Component, 3rd Party Service, Geolocation, Google Maps API, 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, Create Rental

  • [Angular + Node] - Manage Section 

  • [Angular] - Deployment (Heroku, Production Server Setup)

  • [React] - Intro To React (Components, JSX, Redux, State, Props, Bootstrap, Life Cycle Functions, Link To, Render)

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

  • [React] - Rental Map (Proxy, Cors, HOC, Composition, Font Awesome, Map Component, 3rd Party Service, Google Maps API, Caching, Geolocation)

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

  • [React] - Authentication (Redux Forms, Validation, JWT, Protected Guards, Axios Interceptor)

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

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

  • [React + Node] - Search, Create Rental

  • [React + Node] - Manage Section 

  • [React] - Deployment (Heroku, Production Server Setup)

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

  • [Angular - Bonus] - Crop and Upload Image Feature (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%.


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Filip Jerga

Hi, I’m Filip Jerga, an experienced software engineer and freelance developer with a Master’s degree in Artificial Intelligence. Over the years, I’ve worked on a wide range of technologies and projects, from C++ development for ultrasound devices to building modern mobile and web applications using React and Angular.

My career has equipped me with deep technical expertise and a passion for teaching. I take pride in explaining programming concepts in a clear, detailed, and engaging way, making them accessible to learners of all levels. I invite you to join my course, where I’ve dedicated great effort to delivering hands-on, practical insights into web and software development.

icon
More courses by Filip Jerga

$11.99

$89.99

$54.99

icon
More Angular courses

Free

$129.99

$14.99

$13.99

$84.99

Free

icon
Reviews

4.6

875 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Mauricio Morinelli on 2/26/2019

This is an awesome course, i would recommend it to anyone. Why is this awesome? Because it gives you a look on what you would encounter in real life, client based projects. Filip not only teaches you the tech aspect, but it also shows how to think when solving a task. With this course you will be able to develop a great app, from start to finish, and get a small glimpse of how the industry look like when developing. You get the main idea on how to build something on your own, and the fundamentals to improve it on your own as needed. I found everything i was looking for on this course. 62 hours long so far, so you can tell how much effort Filip put into this. My congratulations to you, Filip. Keep up with the great work!

By Andrew Smith on 1/27/2019

This course and instructor are something special. I've taken many fantastic courses on Udemy from a variety of instructors. This course takes it to another level. There's a ton of useful content. Not only does it walk through coding an extremely robust professional quality application, but along the way I've also finally started to really understand the React design pattern. Filip does a great job of explaining the why and the how behind everything. He is extremely helpful and responsive to students. You'll learn about best practices to manage your workflow, effectively use source control, structure your code, and deploy to a production environment. By the end you'll have a really impressive app and the knowledge of how to build something similar on your own. Highly, highly recommended.

By Rodrigo Villalobos Sãnchez on 12/3/2018

Filip is an Angular master, I would 't take this course if you are new to javascript or programming in general as there are some concepts that can get very confusing if you don't understand what Filip is Talking about. However, the number of exercises, the explanations, the speed of his responses on his slack channel, and the efficiency of his code have made of this course one of the best ones I have ever taken in my life. I would 100% take this web development course rather than taking a diploma at a university. I speak from experience, I learned more on Filip's course than in one year on a web development course. Keep the good work Filip!!

By Gabor Pehl on 11/29/2018

I really like the idea the All in One course, but unfortunately, you can do just angular if you don't do node which is really upsetting especially if you're not interested in Node YET, and also need an update a re-record some of the lectures. Filip could be a good teacher he just needs to restructure his course. (I would start with Node so if someone not interested like me could skip that part and make it available to download it so I still can follow React and Angular part.) Thanks

By Ryan T on 11/15/2018

I love how simply and clearly Filip describes new topics with wireframes, take somewhat complex topics and summarizing them down into understandable chunks (ie description of how redux works, how state works and how props are passed around, etc). That provides a lot of value to me. I only have one small suggestion, and that is the same suggestion that I've given in the other class I've taken with Filip, and that is to please utilize a little bit more "assignments" where the students have to problem solve for themselves to try to make something before you explain it. I sometimes try to force myself to try to do something before you do it, but its even better when you force your students to come up with more solutions themselves before you explain it, I find it increases learning ;)

By Michael Berger on 8/27/2018

This is my second Udemy course after I took a best-selling web development course which was a big disappointment due to lack of depth, focus, and outdated technologies. Fortunately, this course proves to be the opposite: very focused, very professional and very up-to-date, although not perfect from the "explanation level" point of view, but it seems to me this is something Filip can easily improve, by writing down the explanation text, structuring his thoughts and so on. I can clearly see that Filip has a great, deep knowledge of the technologies he is teaching, he has invested a lot of time in his "state-of-the-art" wireframes, which give a very good idea of how the data flows. In this regard, what I'm missing - is some top-framework-wireframe and/or some explanation of how the framework works as a whole. For example, the angular concept of modules and exports/imports is not explained on the higher level - just on examples. I know, there are links - but I do expect the lecturer to give a short theoretical introduction. And i would prefer a top-down explanation, that is - starting from the framework overall structure and then going into details. The beginning of the course (javascript) was hard for me, the material was hard, but still, maybe could be better explained. But after the first chapters - i completely changed my mind about this course. It's very important to mention that the support Filip provides but answering the questions in-depth is outstanding and you can feel he really cares about teaching and about his students, something I did not feel on the other course I had taken here. Another great thing: the first time I feel that I learn real-world practices, that is real-world setup for the app, including pushing to Git, the folder structure, the code structure: everything is professional and according to the best practices. So great job, Filip! Keep improving

By Ellie Han on 8/22/2018

This is a really good course for those who wants to learn something about angular and react. The project is very popular, with both MEAN and MERN stack, which also provide the comparison between them for better understanding. To be honest, I learn web development , including angular and node.js in university. But I learn more from this course. Filip is very responsive. He explained everything clearly in detail. He responded very fast if you have any questions. I'm almost done with this course and I also have some advice for Filip: 1. It would be better to add english caption for your next course:> 2. Maybe you can add more lectures based on this project, such as real-time chatting with socket.io, mocha testing... which could make this fancy project even better. And we can learn more stuffs. I like everything about this course. I'm really looking forward to Filip next course!

By Hussain Ujjainwala on 8/5/2018

Filip is amazing, form his coding one can really tell how experienced he is, his coding practice is awesome he explains everything in detail and precisely. Also, he really did a lot of efforts, I mean 3 in one course Angular, React and Node is like a dream come true. His explanation fits beginners to experts. So beginners don't think just dive in believe me after completing this course you will be mastered ;) and experts don't think this guy will polish your coding standards. Thanks, Filip for all your efforts Happy Teaching, Happy Coding. Peace :)

By Kevin Nguyen on 7/18/2018

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.

By Jess Bo on 6/30/2018

I am relatively new to web development and this course helped me pump up. It’s a very thorough, well explained and in depth course. Filip has a nice and clear way of explaining both beginner and more advanced concepts. He really did a great job here - you receive a lot of content for your money. Also, the diagrams are really helpful for figuring out what's going on. Thank you Filip for spending the time to develop this material - I highly recommend this course! Love it! I like the updated content as well

By Gabriel Garcia Fernandez

It's a very complete course!

By Yeondam Park

Filip's approach to teach people is awesome. 100% satisfied and confidently recommend to others. He knows how to teach people.

Showing 12 of 54 reviews