Close
    Close full mode
    logoYonisfy

    Full Stack JS NanoDegree

    Git RepositoryContribute on Github
    Last update: a minute ago by mohammedelzanatyReading time: 4 min
    This is the boat I made with ❤️ love to save you in the Full Stack JS NanoDegree or Advanced Web Development Track as egFwd named it. Now if you ask where I can apply for it to Become a Web Developer Guru here it's

    💖 Become a Channel Member: Show support & get perks! 💖 https://www.youtube.com/c/mohammedelzanatyacademy/join

    🚀 Join Discord - https://discord.com/invite/amsZty2hkM

    Prerequisites

    Timeline

    1. Backend 101
    2. Express
    3. Unit Testing
    4. Database Fundamentals
    5. integrate your DB with NodeJS
    6. CRUD Operations
    7. Authentication & Authorization
    8. Cloud 101
    9. CI/CD
    10. Above and beyond

    Projects

    Image Processing API

    1️⃣ Watch my 📹 Project Walkthrough to understand more about what you need exactly to build.

    2️⃣ Read The Guide I made with ❤️ for the project 📜 Image Processing API

    3️⃣ 70% of this project are Configure the backend project from scratch and create api endpoint to do some logic and the reset is to integrate with sharp api to resize image the good news is I did already the heavy lifting for you 📹 via series of videos and as a bonus from me to show how I care a lot for ur time I create a created a cool tool [npx package] that help you to scaffold the stuff you need in terms of prettier, eslint, basic server, basic jasmine with its configuration here and 📹 here's the guide for using it

    Build A Storefront Backend

    1️⃣ Watch my 📹 Project Walkthrough to understand more about what you need exactly to build.

    2️⃣ Read The Guide I made with ❤️ for the project 📜 Build A Storefront Backend

    3️⃣ This project is the hardest one from my opinion that's why I create the heavy lifting for you by creating one of the project module which is JWT Authentication part, u can watch it as short videos 📹 via this series of videos or through one 📹 video here's the content of it

    Disclaimer

    Please DO NOT COPY any of the code included in this video into your project submission or you might face a plagiarism case. The purpose of these videos is to serve as a reference for your self-study after our sessions. Please don't misuse the code provided as a way to skip finishing your projects.

    ▬ 🔗 Chapters ▬▬▬▬▬▬▬▬▬▬

    ⌛️ 00:00:00 How to Build JWT Authentication using Express JS / Postgres Intro

    ⌛️ 00:05:55 Init Project and Configure TypeScript

    ⌛️ 00:16:04 Configure ESLint + Prettier

    ⌛️ 00:32:42 Start Basic Server Part 1

    ⌛️ 00:37:44 What is an API?

    ⌛️ 00:40:58 Start Basic Server Part 2

    ⌛️ 00:43:29 Configure Jasmine for Testing!

    ⌛️ 00:50:30 Middleware

    ⌛️ 01:06:53 Handling Errors

    ⌛️ 01:17:03 Handling Environment Variables

    ⌛️ 01:23:40 Connection Pooling in PostgresSQL

    ⌛️ 01:35:59 Database Migration

    ⌛️ 01:45:00 Create CRUD Model

    ⌛️ 02:12:18 CRUD Rest APIs

    ⌛️ 02:29:25 Hashing Password

    ⌛️ 02:38:47 Authentication Logic

    ⌛️ 02:50:48 Validate JWT Authentication Middleware

    ⌛️ 03:03:10 Create Unit Testing using Jasmine

    Hosting a Full Stack Application

    1️⃣ Watch my 📹 Project Walkthrough to understand more about what you need exactly to build.

    2️⃣ Read The Guide I made with ❤️ for the project 📜 Hosting Full Stack App in this guide you will find a step by step screenshot for creating the needed resources @ aws wrt RDS/Elastic Beanstalk/S3

    3️⃣ Life Saver Video about Hosting Full Stack ReactJS + NodeJS + Postgres using RDS/S3/Elastic Beanstalk

    4️⃣ In the course CI/CD/Circle CI not covered well that's why you need to watch 📹 the video I create first to understand more about

    ▬ 🔗 Chapters ▬▬▬▬▬▬▬▬▬▬

    ⌛️ 00:01:18 Deployment 101 [Continuous Integration, Continuous Delivery, Continuous Deployment, Why CI/CD]

    ⌛️ 00:17:43 Circle CI Pre-flight Check

    ⌛️ 00:23:08 Circle CI Basic Concepts [Projects, Configuration, Orbs, Jobs, Steps, Workflows, Piplines, etc.]

    ⌛️ 00:38:27 Build React App With Type Script @Netlify using Circle CI

    Previous
    Yonisfy
    Next — ☕️ Udacity
    React NanoDegree