Latest videos
✍ My book : https://www.amazon.com/dp/B0915RP5XK
Contact me ✔
✉ Email: [email protected]
Learn how to build and deploy a SaaS using NextJS 13.4, DrizzleORM, OpenAI, Stripe, TypeScript, Tailwind, and Vercel. You will gain expertise in the following areas:
- Leveraging NextJS 13's cutting-edge App Router.
- Managing Payments seamlessly through Stripe.
- Harnessing the beauty of Shadcn and the power of Tailwind CSS.
- Unleashing the capabilities of OpenAI's API for Language Model usage.
- Interacting with databases with the efficiency of ORMs.
Resources
🔗 GitHub Repo: https://github.com/elliott-chong/chatpdf-yt
🔗 Vercel AI SDK: https://vercel.com/blog/introd....ucing-the-vercel-ai-
🔗 Timestamp 3:20:00 /api/chat/route.ts file https://pastebin.com/crLipeHK
Course developed by @elliottchong
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro & Demo
⌨️ (0:09:53) Set Up NextJS
⌨️ (0:11:59) Set Up Shadcn
⌨️ (0:15:45) Set Up ClerkAuth
⌨️ (0:21:52) Home Page
⌨️ (0:33:22) DrizzleORM
⌨️ (0:50:15) File Upload Component
⌨️ (0:57:11) Set Up AWS S3
⌨️ (1:18:12) AI RAG Explanation
⌨️ (1:30:39) React Query Set Up
⌨️ (1:45:11) Set Up Pinecone DB
⌨️ (2:32:27) Chat Side Bar
⌨️ (2:47:42) PDF Viewer
⌨️ (2:50:33) Chat Component ( Vercel AI SDK )
⌨️ (3:08:02) Pinecone OpenAI Get Context
⌨️ (3:26:19) Persist Chat Logs to DB
⌨️ (3:34:16) Stripe Integration
⌨️ (4:14:59) Deploy and Outro
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
FOLLOW ALONG LINK: https://www.freecodecamp.org/l....earn/responsive-web-
Check out the FreeCodeCamp.org Courses Here
https://www.freecodecamp.org/learn/
My Playlist for Responsive Web Design Certification using FreeCodeCamp.Org Courses
https://www.youtube.com/playli....st?list=PLhcxfEf5Q1Z
This video is part of the Responsive Web Design Certification 300 hours Course From FreeCodeCamp.Org.
It should be noted, F3ND1MUS is not officially affiliated and does not represent FreeCodeCamp.Org, But does love their content and appreciates the information that was created, I create these videos to help the world learn more about code, coding, and technology, in order to create a better world of people helping themselves and others, also there is permission to use these videos as seen at the bottom of this description.
If you have any questions leave them in the comment section below, please follow along and learn and grow a little bit everyday by doing productive tasks everyday.
Understanding is best achieved through practicing and reading the material for yourself, watching will only provide so much immersion, although for some it may be adequate, for most it will not. This means doing the code is very important to gaining the experience and skills.
I am very much a beginner in programming and coding, this is my experience through this course, I may stumble, fall or even fail, but I will always dust myself off and come back when I am ready after a break, or some rest if needed, this cycle is continuous through life, and I suggest all students understand this and accept it for what it is.
Never stop learning.
Thank you for your time, I hope you found this video helpful.
F3ND1MUS
Permission to use the material on FreeCodeCamp.org is created with permission based on public information posted by Quincy Larson of FreeCodeCamp.org, for more information see here:
https://youtuberfriendlycompan....ies.blogspot.com/202
THANK YOU QUINCY LARSON AND FREE CODE CAMP.ORG TEAM!
For more F3ND1MUS information go here:
https://f3nd1mus.wordpress.com/
[RESOLVED/SORT OF] FreeCodeCamp.org not Working with Internet Explorer Microsoft Edge Safari etc
https://f3nd1mustechproblems.b....logspot.com/2020/10/
Back End Development and APIs Certification freeCodeCamp org Part 6 NPM Install
✍ My book : https://www.amazon.com/dp/B0915RP5XK
Contact me ✔
✉ Email: [email protected]
Hi,guys in this lesson we learnt the increment with the assignment operator
here is the summary
You can easily decrement or decrease a variable by one with the -- operator.
i--;
is the equivalent of
i = i - 1;
Note
The entire line becomes i--;, eliminating the need for the equal sign.
Change the code to use the -- operator on myVar.
Prepare for JavaScript interview questions focusing on closures, functions, and currying. Throughout the course, you'll delve into various aspects of JavaScript, such as function declarations, expressions, scopes, and hoisting, as well as learning about advanced concepts like closures and lexical scope. You'll also gain a deeper understanding of currying and its practical applications in JavaScript.
Course created by @RoadsideCoder
Useful Links mentioned in the video -
🎥 var, let and const Video - https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5
🎥 map, filter, and reduce Video - https://www.youtube.com/watch?v=dGq0gi0wv64&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=2
🎥 FE Interview Experience Video - https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=1
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:01:48) Function Declaration
⌨️ (0:02:13) Function Expression
⌨️ (0:02:34) Anonymous Function
⌨️ (0:03:25) First Class Functions
⌨️ (0:04:54) What is IIFE?
⌨️ (0:06:05) IIFE - Interview Question
⌨️ (0:06:59) Closures
⌨️ (0:07:27) Function Scopes
⌨️ (0:09:10) Function Scope - Interview Question
⌨️ (0:10:18) Hoisting in Functions
⌨️ (0:13:40) Hoisting - Interview Question
⌨️ (0:15:46) Params vs Arguments
⌨️ (0:16:25) Spread vs Rest Operators
⌨️ (0:17:43) Interview Question on params, args, spread, rest
⌨️ (0:19:03) Callback Function
⌨️ (0:20:02) Callback Function - Interview Questions
⌨️ (0:20:58) Arrow Functions
⌨️ (0:21:59) Arrow function vs Normal Function
⌨️ (0:25:13) Closures
⌨️ (0:25:50) What is Lexical Scope?
⌨️ (0:27:39) Lexical Scope - Interview Question
⌨️ (0:28:53) What is Closure?
⌨️ (0:29:44) Example of Closures
⌨️ (0:30:57) Why Closure?
⌨️ (0:32:20) Closure Scope Chain
⌨️ (0:35:13) Ques 1 - What will it print?
⌨️ (0:37:10) Ques 2 - Write a function for this
⌨️ (0:39:29) Ques 3 - Time Optimisation with Closures
⌨️ (0:42:08) Ques 4 - setTimeout + block scope with Closures
⌨️ (0:47:08) Ques 5 - Create a private counter
⌨️ (0:49:49) Ques 6 - What is Module Pattern?
⌨️ (0:51:40) Ques 7 - Make this run only once
⌨️ (0:54:18) Ques 8 - Once Polyfill Implementation
⌨️ (0:58:11) Ques 9 - Memoise/Caching Implementation
⌨️ (1:03:46) Ques 10 - Closure vs Scope
⌨️ (1:04:25) Currying
⌨️ (1:04:55) What is Curring in Javascript?
⌨️ (1:05:23) Example of Currying
⌨️ (1:08:17) Ques 1 - Implement sum(2)(6)(1)
⌨️ (1:11:02) Ques 2 - Reusing Variable for logic
⌨️ (1:14:09) Ques 3 - Infinite Currying
⌨️ (1:18:27) Ques 4 - Currying vs Partial Application
⌨️ (1:20:37) Ques 5 - Manipulating DOM
⌨️ (1:23:01) Ques 6 - curry() implementation
basic java script please like my video
link in the description for
freecodecamp.org
Basic JavaScript lessons 11-15 FreeCodeCamp.org OdhinsWell
I dance at the end!
Chapters:
00:00 Introduction
00:45 Adding Two Numbers
01:13 Subtracting
01:50 Mutiplication
02:35 Dividing
03:20 TEA TIME!!!! yum yum
03:31 Incrementing
04:13 Outro
In this epidode we talk about adding, subtracting, multiplying, dividing and incrementing in JavaScript. I attempted to make this video a little more humoruos than the previous videos to make learning this stuff a little more entertaining. The lessons we go over in this video are very basic and I personally am looking forward to some more intence work.
Let me know if you need anything from me.
Cheers,
Theodore.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Basic JavaScript lessons 11-15 FreeCodeCamp.org OdhinsWell
free code camp javascript - free code camp javascript projects - free code camp javascript tutorial - free code camp javascript es6 - free code camp javascript course - free code camp javascript full course - free code camp javascript answers - free code camp javascript playlist - javascript - javascript tutorial for beginners - javascript course - javascript tutorial - javascript mastery - javascript projects for beginners - javascript for beginners - learn to code
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Brought to you by odhinsWell Systems & Processes
Song by: Jason Garner - Upbeat Irish Jig
Learn how to use Django and the OpenAI API to create a ChatGPT clone, complete with user authentication.
✏️ Course created by @CodeWithTomi
Code: https://github.com/tomitokko/django-chatbot
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro & Project Demo
⌨️ (0:01:23) Project Setup
⌨️ (0:10:24) Frontend Integration & Project Build
⌨️ (0:44:22) Login & Registration
⌨️ (1:20:25) GPT-4 Integration
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Learn how to use Deno in this complete course. Deno is a Node.js alternative created by the same person who created Node.js. In this tutorial course, you will learn how to build real apps with Deno. You will also learn the basics of the Typescript. You will see how to use Deno to build a survey app with a REST API using MongoDB.
💻 Code: https://github.com/thecodeholi....c/freecodecamp-deno-
💻 Survey application code: https://github.com/thecodeholic/deno-survey
🎥 Course from The Codeholic. Check out his channel: https://www.youtube.com/channe....l/UC_UMEcP_kF0z4E6Kb
🐦 The Codeholic on Twitter: https://twitter.com/TheCodeholic
🔗 Official Deno website: https://deno.land/
⭐️ Course Contents ⭐️
Introduction
---------------------
⌨️ (00:00:00) Introduction
⌨️ (00:02:02) Course overview
⌨️ (00:04:38) Course Project
⌨️ (00:05:51) What is Deno
⌨️ (00:08:19) Course project (Survey app) demo
⌨️ (00:11:54) Install and Getting started
⌨️ (00:14:34) Write "Hello World"
⌨️ (00:15:50) Main Features
TypeScript
---------------------
⌨️ (00:17:22) What is TypeScript
⌨️ (00:24:04) TypeScript Types
⌨️ (00:37:40) Interfaces
⌨️ (00:43:46) Classes
⌨️ (00:48:03) Generics
⌨️ (00:56:31) Enums
Main features
---------------------
⌨️ (01:01:23) Import from URL
⌨️ (01:02:23) ES6 Modules import syntax
⌨️ (01:03:01) Top Level await
⌨️ (01:04:18) Browser API
⌨️ (01:06:20) Security
⌨️ (01:16:31) Single Executable file
⌨️ (01:18:55) Terminal commands
⌨️ (01:23:52) Standard Library and 3rd party modules
⌨️ (01:26:31) Create basic HTTP server
⌨️ (01:32:20) Working with file system
⌨️ (01:41:55) Using npm packages
⌨️ (01:45:40) Answers on common questions
Project - Survey app
----------------------
⌨️ (01:57:02) Install oak framework and setup basic server
⌨️ (02:03:41) Install denon for automatic server restart on file change
⌨️ (02:06:03) Easily manage versions and dependencies
⌨️ (02:08:06) Organize routes
⌨️ (02:09:36) Create AuthController and configure Login & Register routes
⌨️ (02:13:54) Setup connection with MongoDB
⌨️ (02:19:40) Create User model and implement registration
⌨️ (02:40:42) Implement login
⌨️ (02:54:16) Install dontenv and create .env file
Survey CRUD
----------------------
⌨️ (02:59:35) Configure routes for Survey CRUD and Create SurveyController
⌨️ (03:04:52) Create Survey model and implement Survey creation
⌨️ (03:11:22) Implement get surveys
⌨️ (03:20:33) Create BaseModel and inherit Survey and User models from there
⌨️ (03:26:12) Implement to get single survey
⌨️ (03:31:29) Implement survey update
⌨️ (03:39:22) Printing application errors
⌨️ (03:40:26) Fixing problem of "this" binding
⌨️ (03:44:27) Implement survey deletion
⌨️ (03:48:52) Create authMiddleware and add authentication to Survey CRUD
⌨️ (04:07:38) Implement CRUD of questions
Create Website
----------------------
⌨️ (04:44:15) Create SiteController and configure routes
⌨️ (04:47:38) Install template engine and create views
⌨️ (04:51:48) Render all surveys
⌨️ (04:55:32) Configure oak to handle static files (CSS, Javascript, Images)
⌨️ (05:06:05) Write basic styles
⌨️ (05:07:31) Create and use partial view files
⌨️ (05:09:30) Implement to view single survey
⌨️ (05:33:58) Get form submitted data and validation
⌨️ (05:49:07) Implement displaying validation errors in form
⌨️ (06:01:45) Implement to save survey answers
⌨️ (06:14:49) Create a real survey using our survey app
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Join me in solving coding problems, in real time. I'm not just going to tell you the solution... you're going to watch me solve the problem. I see too many posts on sites like Reddit where people are worried about diving in and writing code, or they want to break out of tutorial hell. I know I used to be intimidated seeing instructors blasting through code in one try... but then I realized it's scripted.
I've been coding in JavaScript for 5 years: see if you can beat me to the solution, and then let's compare notes.
Open the same problem on freeCodeCamp.org: https://www.freecodecamp.org/l....earn/javascript-algo
Did you solve the problem before I could? What'd you do that I didn't do? How fast was your solution? Let me know in the comments below!
Use a span to Target Inline Elements
#100daysofcode
you can do it
Redux: Use Middleware to Handle Asynchronous Actions
#100DaysOfCode
✍ My book : https://www.amazon.com/dp/B0915RP5XK
Contact me ✔
✉ Email: [email protected]
Improve your cybersecurity and Linux skills by solving challenges in the Bandit Wargame from OverTheWire. This video is a walk through of how to solve the challenges—but make sure to try each on your own before watching the solution!
🔗 Start the game here: https://overthewire.org/wargames/bandit/
✏️ Tutorial from Sabyasachi Paul. Check out his channel: https://www.youtube.com/channe....l/UCF6DLMsBz6AdX4Wk1
🔗 Sabyasachi's Linktree: https://linktr.ee/h0tPlug1n
⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:02:11) Level 0
⌨️ (0:04:06) Level 0 - Level 1
⌨️ (0:05:11) Level 1 - Level 2
⌨️ (0:06:18) Level 2 - Level 3
⌨️ (0:07:56) Level 3 - Level 4
⌨️ (0:09:11) Level 4 - Level 5
⌨️ (0:11:57) Level 5 - Level 6
⌨️ (0:14:51) Level 6 - Level 7
⌨️ (0:17:06) Level 7 - Level 8
⌨️ (0:18:37) Level 8 - Level 9
⌨️ (0:21:08) Level 9 - Level 10
⌨️ (0:22:45) Level 10 - Level 11
⌨️ (0:24:10) Level 11 - Level 12
⌨️ (0:27:11) Level 12 - Level 13
⌨️ (0:35:22) Level 13 - Level 14
⌨️ (0:37:01) Level 14 - Level 15
⌨️ (0:38:45) Level 15 - Level 16
⌨️ (0:41:35) Level 16 - Level 17
⌨️ (0:50:46) Level 17 - Level 18
⌨️ (0:53:07) Level 18 - Level 19
⌨️ (0:55:28) Level 19 - Level 20
⌨️ (0:58:23) Level 20 - Level 21
⌨️ (1:02:33) Level 21 - Level 22
⌨️ (1:07:47) Level 22 - Level 23
⌨️ (1:11:54) Level 23 - Level 24
⌨️ (1:26:39) Level 24 - Level 25
⌨️ (1:32:53) Level 25 - Level 26
⌨️ (1:43:25) Level 26 - Level 27
⌨️ (1:47:18) Level 27 - Level 28
⌨️ (1:52:10) Level 28 - Level 29
⌨️ (1:56:36) Level 29 - Level 30
⌨️ (2:00:17) Level 30 - Level 31
⌨️ (2:05:31) Level 31 - Level 32
⌨️ (2:10:34) Level 32 - Level 33
⌨️ (2:14:45) Level 33 - Level 34
🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news