Awesome Nextjs With React And Node Amazing Portfolio App

Course

AWESOME NEXTJS WITH REACT AND NODE AMAZING PORTFOLIO APP

Category

React and Node JS Software Training

Eligibility

Graduates and Technology Aspirants

Mode

Regular Offline and Online Live Training

Batches

Week Days and Week Ends

Duration :

30 to 45 days

React and Node JS What will you learn?

•Learn to write React and Node JSFunctions.
•Learn how to use advanced React and Node JS functions.
•Become a better developer by mastering React and Node JS fundamentals
•Learn about each and every major React and Node JS component.
•Learn how to design and create a React and Node JS app
•Learn React and Node JS from Scratch, Start from basic to advanced level
•Learn the Ins and Outs of React and Node JS in few Hours
•How to setup a React and Node JS script and Interface in real time development.
•Learn how to code in React and Node JS. This class is set up for complete beginners!

awesome nextjs with react and node amazing portfolio app Training Features

•Get job-ready for an in-demand career
•Resume & Interviews Preparation Support
• Helps you stand out in a competitive market
•Trainer support after completion of the course
•Highly Experienced Trainer with 10+ Years in MNC Company
•Project manager can be assigned to track candidates’ performance
•Every class will be followed by practical assignments which aggregates to minimum 60 hours.
•The course is all about familiarizing the trainees with simpler and smarter ways to develop the skills required for Implementation.

Who are eligible for React and Node JS

•.Net, Asp.net, C#, Angular, React, .Net Developer, Ui, Ui Development, Single Page Application, Sql, Product Development
•Devops, Javascript, Aws, Amazon Ec2, Angularjs, Vuejs, React.js, Node.js, Ansible, Docker, Startup, Architectural Design, Machine Learning, Python, Cloud
•Java Developer, Quality Assurance, Core Java, Spring Mvc, Spring Boot, hibernate, jpa, Web Services, json, maven, angularjs, mysql, Sql Server, Tomcat, Uml
•php, wordpress, drupal, Iphone Developer, Android, Java, Team Management, Android Developer, Mobile Application Development
•Xml Publisher, Php Developer, Android Application Development, Html Tagging, E-publishing, Software Development

AWESOME NEXTJS WITH REACT AND NODE AMAZING PORTFOLIO APP Topics

[Promo]: Introduction Video
•[Optional]: How to get Help
•NEW Next JS 9 – Basics
•Application Initialization
•Create index page
•Functional Components
•Class Components
•Reusable Components
•Some basics styles
•What is the State
•Let’s mutate State
•Common mistakes with State
•State of functional component
•What are props
•How web app works
•Iterate over list of data
•Shorten Function
•Move movie data to Store
•Get movie data + Promises
•Use Effect
•Get movies in class component
•Catch error in Promise
•Get initial props
•More pages, more links
•App container
•App container props
•Detail page of movie
•Get movie by id
•Fix links in detail page
•Finishes detail page
•Get images from movies
•Display cover images
•Get categories
•Modal implementation + Close Modal
•Form to create movie & Containment
•Get values from the form
•Handle genre changes
•Handle form submit
•Close Modal & Uncontrolled data functionality
•Provide ID of movie
•Base server implementation
•More about Server
•Getting movies from server
•Saving movies
•Delete movie
•Edit page for movie
•Provide data to Edit page
•Final touches on Update movies functionality
•Navigation fixes
•Starting with filtering
•Filtering finished
•Styling improvements
•API Endpoints
•Post endpoint
•Next.js Starting Portfolio + Basics
•Project Init
•More pages + Header
•Base Layout
•Styles
•Post Data
•Portfolio Detail
•Get portfolio by ID
•Custom server
•Next routes
•Reactstrap
•Fonts
•Cleanup + Debugging
•Proper layout
•Typed.js Library
•Header Integration part 1
•Header Integration part 2
•Base Page Component and Default Props
•Authentication with Auth0
•Auth Start, Login and Logout Buttons
•Auth0 App Creation and Service
•Handle Authentication and Callback Page
•Callback Page and Redirect User
•Google Setup Auth0
•Save Tokens in Cookies
•Display/Hide Login Buttons
•Get Cookies from Server / Client
•Inform Header About Authentication
•Verify Token Expiration Time Improvement
•Auth Debugging & Display User
•JWKS verify token signature
•JWKS Debugging and Explanation
•Decoded Token Fix!
•Secret Protected Page
•(HOC) High Order Components – Start
•withAuth HOC – getInitialProps
•Secret Endpoint Server
•CheckJWT Intro to Middlewares
•CheckJWT Real Middleware part 1
•CheckJWT Real Middleware part 2
•Axios Auth Headers
•Authorise Request in Get Initial Props
•Roles in Auth0
•HOC to check a Role
•Server Side Role Authorization
•Portfolio Feature
•Different Headers
•Portfolio Card Styling
•React Simple Form
•More Input Types
•Formik Intro
•Formik Specific Inputs
•Formik + Bootstrap
•Formik Separate Component
•Validate Form with Formik
•Date Picker Component
•Style Date Picker
•On Change Event Explanation
•Date Validation
•Disable End Date
•Portfolio Styling Changes + Small Refactor
•Database Changes
•MongoDB Intro
•Config Folder Dev.js
•Book Model + Post Route
•Books More Endpoints
•Books Routes & Controllers
•Portfolio Model
•Portfolios Controllers & Routes
•Portfolio Update & Delete Endpoint
•Get Portfolios on Client Side
•Create Portfolio from Client App
•Handle Error in Create Form
•Fix Validation + Redirect
•Portfolio Update Page, Get Portfolio By Id
•Initial Values in Portfolio Form
•Update Portfolio on Client
•Testing Update Functionality
•UI Buttons Navigation
•Hide Buttons for not Logged in Users
•Delete Portfolio Client
•Portfolio Modal Intro
•Fill Modal with Portfolio Data
•Stop Propagation on Click
•Sort Date & Hide Initial Date Fix
•Blog Feature – Slate Editor
•Blog Listing
•Blog Listing Login Button Fix
•Slate Editor Intro
•Event Handler in Slate
•Custom Blocks Slate
•Custom Marks Slate
•Hover Menu Start
•Hover Menu Debugging
•Hover Menu Block Buttons
•Block Formatting Debugging
•Styling Improvement of Editor
•Advance Blog Feature
•Blog Model
•Date Fix in Model
•POST Blog Endopoint
•Get Blog By Id Endpoint
•Controll Menu
•Save Blog part 1
•Save Blog part 2
•Save Blog part 3
•Serialise & Deserialise Introduction
•Serialise Rules Fix
•Serialise to HTML
•Save Blog Action
•Disable Save Button while Saving
•Blog Editor Update Page
•Initial Value for Blog Editor Page
•Redirect After Save
•Save Blog – Lock the request
•Update Blog Server
•Update Blog Client
•Save Blog Shortcut
•Blog Toaster Messages
•User Blogs Dashboard Page
•Get User Specific Blogs
•Display User Blogs
•Dropdown Menu for the Blog Init
•Dynamic Options for Dropdown Menu
•Dropdown Handlers
•Learn about Slug
•Publish Draft Blogs
•Delete and Get Published Blogs on the Server
•Delete Blog from the App
•Get & Display Published Blogs
•Detail Blog Page – Get Page by Slug
•Detail Blog Page Complete
•Recap of Section part 1
•Recap of Section part 2
•Page UX Improvement
•About Page
•Flipping Card part 1
•Flipping Card part 2
•Flipping Card part 3
•Active Link part 1
•Active Link part 2
•Dropdown Blogs for Site Owner
•Dropdown Blogs Styling Fixes
•Set Interval Animation Fix
•Dropdown Menu on Smaller Screens Fix
•Height of the Image on Smaller Screens
•CV Page
•SEO Improvements
•Title Explanation
•Don’t forget about •Open Graph
•Robots
•Cannonical & H1 & alt
•Favicon
•Get Ready for Deploy
•Small pre-deploy Changes
•Setup Environment Variables
•Setup Namespace
•Mongo DB & Auth0 Production Setup
•First Deployment
•Performance Improvements – Images & JS
•Optimise CSS
•Load fonts on Client
•Deploy & Test after Fonts
•Google Fonts & Deploy
•Final Deploy and Test
•Header Title Fix
•Final Words
•[Optional]: Setup For Busy Developers
•Setup Completed Project