Skip to content

coding-night/web-programming-with-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 

Repository files navigation

guide-lines

Udacity Students Notes For Full Stack Web Developer Nanodegree and other Nanodegrees

This is the boat 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

Prerequisites

Before we start at anything u will need to get your hands dirty with concepts you will need a lot in the lessons and don't worry I create a two videos for them

📹 JS Fundamental Concepts (loops, conditionals, arrays, objects, functions) 🔜 👨🏻‍💻 🤌🏻 🤷🏻‍♂️

📹 ES6 Tutorial: Learn Modern JavaScript

📹 JavaScript Promises, Async/Await, DOM)

📹 TypeScript Fundamentals 🔜 👨🏻‍💻 🤌🏻 🤷🏻‍♂️

📹 Database Fundamentals 🔜 👨🏻‍💻 🤌🏻 🤷🏻‍♂️

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 Proccessing 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 bouns 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

Videos Playlist

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

▬ 🔗 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️⃣ 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 
⌛️  Pipeline 

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published