[#Script #Coding] Build a Webshop – Angular, Node.js, TypeScript, Stripe

Build a Webshop – Angular, Node.js, TypeScript, Stripe

By freeCodeCamp.org
Published: Oct 11, 2022


freeCodeCamp.org Build a Webshop! In this tutorial, we are going to build a webshop or e-commerce store using Angular/TypeScript, Express.js, and Stripe.

We are gonna learn how to use Angular material and Tailwind to structure our UI and how to integrate store API into our app.

Also at the end, we will build a checkout, and we are gonna integrate Stripe so that we can process payments.

Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/c/CodewithSloba

    Contents

  • (0:00:00) Intro
  • (0:01:01) Installing dependencies and project setup
  • (0:18:11) Building home page
  • (1:27:11) Building cart page
  • (1:58:26) Implementing Cart logic
  • (2:48:08) Implementing Store API
  • (3:16:06) Stripe payment implementation

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Script #Coding] 3 Ways to Code a BuzzFeed Clone (JavaScript + TypeScript + JSONServer + Database + API + Node.js)

3 Ways to Code a BuzzFeed Clone (JavaScript + TypeScript + JSONServer + Database + API + Node.js)

By freeCodeCamp.org
Published: Feb 08, 2023


freeCodeCamp.org Learn how to build a Buzzfeed Clone in JavaScript, followed by a version in React using JSON server for mimicking an API, and then build a TypeScript Buzzfeed Clone with a mini backend using Node.js to communicate with a Database.

Final code:
https://github.com/kubowania/…
https://github.com/kubowania/b…
https://github.com/kubowania/bu…

Course developed by @AniaKubow

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Script #Coding] Full HTTP Networking Course – Fetch and REST APIs in JavaScript

Full HTTP Networking Course – Fetch and REST APIs in JavaScript

By freeCodeCamp.org
Published: Jan 30, 2023


freeCodeCamp.org Master the HTTP networking protocol by completing over 80 coding exercises and quizzes in JavaScript. Once you’ve learned it all, we’ll build a real web crawler using Node.js to put all the concepts into practice.

HTTP is the backbone of the modern web, and in this course, we’ll do a deep dive into all of the fundamentals you’ll need to know to master web networking. We’ll use the Fetch API to interact with a live RESTful server in order to connect the different components of a video game.

Code: https://github.com/bootdotdev/fcc-learn-http-assets

Follow this course interactively on Boot.dev: https://boot.dev/learn/learn-http


    Contents

  • (0:00:00) Introduction
  • (0:03:32) Ch 1 – Why HTTP
  • (0:27:31) Ch 2 – DNS
  • (0:48:11) Ch 3 – URIs and URLs
  • (1:16:21) Ch 4 – Async JavaScript
  • (1:49:48) Ch 5 – Errors in JS
  • (2:04:54) Ch 6 – HTTP Headers
  • (2:21:04) Ch 7 – JSON
  • (2:41:09) Ch 8 – HTTP Methods
  • (3:17:01) Ch 9 – URL Paths
  • (3:36:33) Ch 10 – HTTPS security
  • (3:48:24) Proj – Setup Dev Environment
  • (3:51:28) Proj – Hello World
  • (3:56:29) Proj – Normalize URLs
  • (4:11:05) Proj – URLs from HTML
  • (4:27:49) Proj – The main.js file
  • (4:33:10) Proj – Using Fetch
  • (4:45:16) Proj – Recursively crawling the web
  • (4:55:33) Proj – Print an SEO report
  • (5:06:59) Proj – Conclusion
  • (5:08:04) Congratulations

Documentation used:
Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
URL constructor: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
Fetch Response: https://developer.mozilla.org/en-US/docs/Web/API/Response

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Script #Coding] User Authentication in Web Apps (Passport.js, Node, Express)

User Authentication in Web Apps (Passport.js, Node, Express)

By freeCodeCamp.org
Published: Mar 16, 2021


freeCodeCamp.org In this full course for beginners, you will learn how to implement user authentication from scratch in your web apps. You will learn how to use Passport.js in a Node / Express app.

Course created by Zach Gollwitzer. Check out his channel: https://www.youtube.com/zachgollwitzer

    Course Contents

  • (0:00:00) Introduction
  • (0:04:04) Topics and Prerequisites
  • (0:16:43) Intro to HTTP Headers and Cookies
  • (0:34:23) Intro to Express Middleware
  • (1:05:04) Intro to Express Sessions
  • (1:31:10) Implementation of Passport Local Strategy
  • (2:50:21) Intro to Public Key Cryptography
  • (3:34:31) How do JWTs work?
  • (4:16:58) Implementation of Passport JWT Strategy
  • (5:17:29) Implementing a Custom JWT Auth Solution
  • (5:46:20) JWT Strategy in Angular Front-End App

[#Script #Coding] Flutter Course – Build Full Stack Google Docs Clone

Flutter Course – Build Full Stack Google Docs Clone

By freeCodeCamp.org
Published: Oct 20, 2022


freeCodeCamp.org Build a responsive cross-platform Google Docs Clone using Flutter & Node.js. This tutorial is designed for beginners in Node.js and no prior knowledge of Javascript is required. This course will go through Google Authentication WITHOUT Firebase, keeping the users logged in, creating new documents, viewing the list of documents created by the user, updating the title of the document, sharing the link of the document, adding a rich text editor, collaboratively editing with as many users as you want and creating responsive design. We will be using Flutter, Node, Express, Socket, MongoDB and Riverpod.

Course created by Rivaan Ranawat. Check out his channel: https://www.youtube.com/c/RivaanRanawat

Source Code: https://github.com/RivaanRanawat/flutter-google-docs-clone
Special Thanks: @Aadhi Arun

Prerequisites: Flutter & Dart Basics
Flutter Version: 3.3

    CONTENTS:

  • (0:00:00) Intro
  • (0:00:57) Creating Flutter Project
  • (0:02:56) Designing Login Screen
  • (0:09:24) Google Cloud Platform oAuth Client ID
  • (0:13:00) Google Auth Android Setup
  • (0:15:30) Google Auth iOS Setup
  • (0:17:25) Google Auth Web Setup
  • (0:19:17) Important Note on Auth
  • (0:20:39) Running on Web on specific port
  • (0:21:19) Google Sign In using Node.js
  • (0:32:45) What is Node.js?
  • (0:35:53) Creating & setting up Node Server
  • (0:54:00) MongoDB Setup
  • (1:01:01) Creating Signup API
  • (1:32:16) Calling Signup API – Client Side
  • (2:00:04) Persisting the State – Explanation
  • (2:03:52) Generating JWT
  • (2:07:31) Auth Middleware
  • (2:22:50) Local Storage
  • (2:41:15) Testing on Android
  • (2:42:23) Routing
  • (2:51:28) Creating NavBar
  • (2:53:44) Signing Out
  • (2:59:52) Creating New Document
  • (3:23:32) Displaying all documents created by Me
  • (3:37:57) Designing Document Screen
  • (3:55:39) Updating Document Title
  • (4:10:20) Socket Introduction & Connection
  • (4:29:23) Collaborative Editing
  • (4:49:26) Auto-Save
  • (4:58:01) Routing Back to Main Page
  • (4:59:45) Sharing Link
  • (5:01:42) Conclusion

Resources:
SHA-1 Key: https://stackoverflow.com/questions/15727912/sha-1-fingerprint-of-keystore-certificate
Node Website: http://nodejs.org
NPM Website: https://www.npmjs.com
MongoDB: http://mongodb.com/
More about Status Codes: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Webdesign #Coding] Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL

Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL


By LearnWebCode
Published: Dec 06, 2021


LearnWebCode Let’s walk through setting up a Windows PC for web development, and use Windows Subsystem For Linux as the backbone.

My premium courses: https://learnwebcode.com/courses/

Finished product Node.js code: https://gist.github.com/LearnWebCode/…

Finished product Docker Compose file:
https://gist.github.com/LearnWebCode/…

    CONTENTS:

  • 0:00 Intro
  • 1:03 Windows Subsystem For Linux
  • 5:24 Just For Fun: cmatrix
  • 6:20 VS Code Integration
  • 8:57 Oh My Zsh
  • 11:00 Git
  • 15:52 Windows Terminal
  • 20:40 Node.js
  • 24:50 Docker
  • 33:18 Upgrading From WSL1 To WSL2
  • 38:25 MySQL

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.


Connect