Sale!

Complete Next.js with React & Node – Beautiful Portfolio App – Udemy

(10 customer reviews)

$19

Categories: , Tag:

Description

What you’ll learn

  • Develop serverless & classical web applications with the latest Next JS & React
  • Understand web concepts clearly by creating real-world applications
  • Create SEO (Search Engine Optimisation) and Isomorphic Friendly Applications
  • Establish yourself in field of the exciting Next and React web development environment

Is this course right for you?

If you plan to start your career as a developer or want to improve your programming skills, this course is right for you. Learn how to build an amazing portfolio website you can share with your colleagues or future employers.

Get all you need to start web development in one course! Start with Web Development technologies to more advanced topics until your application is deployed to Heroku or Vercel and accessible online on the internet.

This resource is the only thing you need to start Web Development with Next.js, React, and Node. During this course, you will get the confidence and skills required to start your own projects. You will get the right mindset to apply for a developer career and improve modern frameworks like Next.js, React.js, and Node.

What is Next.js?

Next.js is React framework that provides infrastructure and simple development experience for server-side rendered(SSR) applications.

  • An intuitive page-based routing system (with support for dynamic routes)

  • Pre-rendering, both static generation (SSG) and server-side rendering (SSR) are supported on a per-page basis.

Course Structure is the following:

  • [Project 1]: Resource Application (Beginners)

  • [Project 2]: Portfolio Application (Beginners/Intermediate)

  • [Project 3]: Movie Application (Legacy code, Beginners)

  • [Project 4]: Portfolio Application (Legacy code, Beginners/Intermediate)

What are we going to work on?

Resource Project

This project is covering basic concepts. You will learn how React and Next JS works.

You will understand the state and props.

This project’s main point is to understand basic concepts that will prepare you for the second application.

Portfolio Project

First, we are going to integrate the base layout of the application. We will break the layout into small pieces, and we will create lots of reusable components such as a navbar, portfolio card, and many others. I will explain how server-side rendering works, how to use different data fetching techniques, and the differences and benefits of fetching on the server versus the client.

The first big feature we will be working on will be authentication. The Auth0 provider will handle authentication. Nevertheless, there will be a lot’s work to handle.

Users will be able to register and login and experience feature only for authenticated users. You will learn how to restrict access to pages and manage authentication state through your application, resulting in UI changes of the application layout.

Next, we will work on portfolio features. We will implement functionality to create a portfolio, and I will explain to you how to manage forms easily. Then we will take a look at update functionality, where I will show you how to populate inputs with existing data. At the end of the section, we will work on delete functionality. All of the features will be reactive and updating view in real-time, and You will learn how to create fast static pages with new Next.js functions.

The blog feature will be the biggest one. Users will be able to create blogs using a slate editor that offers different formatting options. Each blog will be saved initially as a draft blog, and it will be a user’s responsibility to publish it. For this purpose, we will create a dashboard page displaying all user blogs to publish or make a draft from the blog. All Published blogs will be highlighted on the blogs page and created as static pages assuring better performance. We will create delete and update functionality as well.

Next, we will work on SEO(search engine optimization) improvements. I will explain to you the basics of SEO and how to get it working with Next.js.

The last section will be covering deployment. Express API server will be deployed to Heroku. Next.js portfolio application will be deployed to the serverless Vercel platform, making our application super fast on the internet.

Who this course is for:

  • Starting as well as experienced developers interested in modern frameworks as Next, React and Node.
  • This course is for everyone eager to understand how a javascript frameworks work.
  • Taking this course will enable you explain before difficult concepts to your fellow colleagues in simple way.

Course content

  • Introduction
  • [Project 1]: Init the Project
  • [Project 1]: State & Props
  • [Project 1]: Layout
  • [Project 1]: Data fetching
  • [Project 1]: Forms & Create Resource
  • [Project 1]: Post Request
  • [Project 1]: Resource Details
  • [Project 1]: Resource Edit
  • [Project 1]: Active Resource

10 reviews for Complete Next.js with React & Node – Beautiful Portfolio App – Udemy

  1. Donny Phan

    Super practical. Lessons are catered towards anyone looking to find work in this industry. It felt very comprehensive and gave me a broad understanding of the programming spectrum

  2. Madhav raj Verma

    Thanks for your great effort. i am fully satisfied with this course the way you teach and your explanation are very clear ,The content you provide in your course no one can do this at this price.

  3. Sachin Gupta

    I really didn’t want to leave a low rating as Angela is a great teacher. The 1st half of this course was terrific. The 2nd half was terrible. Under the justification of “teaching students how to figure things out on their own”, pretty much all videos and all explanations were dropped. You were just told what to do, given links to documentation and told to figure it out on your own. I understand doing that to some degree, but to revert to that entirely for nearly half the content barely makes this a course. It’s just a list of things for you to learn, then you’re left on your own to learn them. The 2nd half was so bad, especially the data science component, that I didn’t bother finishing the course.

  4. Vincent Beaudet

    Amazing 40 days course.
    Angela is a great teacher.
    The other 60 days are all about web developement, interacting with web pages, on your own with little to no explanations. I did not expect that at all. I wanted to learn more about software and scripting.
    This left me disappointed , confused and i started to doubt myself. Not a fun experience after the amount of effort i’v put in this course.

    Exercices format and explanations for the first 40 days were worth it tho.

  5. Ben K

    Not just an introduction to python, but really helps you learn fundamental aspects of python and coding in general. Some parts may require some knowledge on the subject (data science comes to mind) and there is quite some web development in the course. So, a few areas were not completely to my liking (I would have liked to see it done differently), but this course deserves the 5 stars in my opinion.

  6. Omid Alikhel

    I found the method a bit difficult when a code is written and then changed back to something different, with no enough explanation of how something happened and where it came from or a step by step explanation of why something is happening, i have no doubt in the instructors talent, but we are beginners!

  7. Devang Jain

    The course is not updated and most of the solution codes don’t work and there are no video solutions towards the end

  8. Szymon Kozak

    I think that the course tutor is really good in giving right information to learn at the right time. Thanks to this fact, my understanding of coding in python after 29 days of learning is above my expectations.

  9. Begoña Ruiz Diaz

    Ha sido la mejor elección que podría haber hecho.

  10. Vaibhav Sachdeva

    I want to thank Angela for making such an amazing course. It really helped me explore more things with python.

Add a review

Your email address will not be published.