Learning
React: Add Inline Styles in React
#100DaysOfCode
React: Render with an If-Else Condition
#100DaysOfCode
Developers who created the game Portal discuss problems they faced and how they solved them.
This beginner's course teaches the foundations of game development. This video is lecture 11 of CS50's Intro to Game Development from Harvard University.
Check out the full course playlist: https://www.youtube.com/playli....st?list=PLWKjhJtqVAb
⭐️Contents⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:58) What is a Portal?
⌨️ (0:04:40) Rendering
⌨️ (0:04:52) Texture vs Stencil Tradeoffs
⌨️ (0:09:35) Rendering Using Stencils
⌨️ (0:15:36) Duplicate Models
⌨️ (0:16:36) Clip Planes
⌨️ (0:17:44) Banana Juice
⌨️ (0:19:44) Recursion
⌨️ (0:23:19) Third Person Gotchas
⌨️ (0:24:48) Pixel Queries
⌨️ (0:26:34) Design
⌨️ (0:27:45) Prototyping in 2D
⌨️ (0:28:48) Training Basics
⌨️ (0:36:22) Portal Funnels
⌨️ (0:38:51) Aerial Faith Plates
⌨️ (0:39:34) Trigger Catapult
⌨️ (0:42:53) Portal Highlight
⌨️ (0:43:44) Portal Placement Helper
⌨️ (0:45:01) Fun Over Accurate Physics
⌨️ (0:46:54) Gels
⌨️ (0:48:09) Portal Gel
⌨️ (0:49:25) Cutting Sticky Gel
⌨️ (0:52:13) Cutting Portal Through Portal
⌨️ (0:53:02) Cutting Double Flings
⌨️ (0:54:31) Energy Ball To Laser
⌨️ (0:56:58) Combining Elements
⌨️ (0:57:35) Laser Introduction
⌨️ (0:57:52) Laser Saturation
⌨️ (0:58:41) Laser Graduation
⌨️ (0:59:14) Laser Combination
⌨️ (1:00:25) Physics
⌨️ (1:00:43) Volumes, Vectors, and Planes
⌨️ (1:03:41) Carving Holes
⌨️ (1:07:20) Collision Lists
⌨️ (1:08:50) Shadow Clones
⌨️ (1:11:32) Q&A
⌨️ (1:13:37) Reduce Rendering Frustum
⌨️ (1:41:05) In Conclusion
Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://medium.freecodecamp.org
Hi, if you want to learn Complete Full Stack Development from me then you can study from
🔥Delta 2.0 (Full Stack Web Development) : https://www.apnacollege.in/course/delta-batch-2
International Student (payment link) - https://buy.stripe.com/bIYaEQ9beek610sbIS
Download Froala : https://bit.ly/FROALA
Download UltraEdit : https://bit.ly/ULTRAEDIT
Notes + Code: https://drive.google.com/drive..../folders/1mBJsq65A5X
Join the Community : https://telegram.me/+k4rdgTPwmm5kMGVl
🔥 Complete C Course : https://bit.ly/FullTutorialC
🔥 Java Placement Course(with DSA) : https://bit.ly/JavaPlaylistComplete
🔥 C++ Placement Course (DSA) : https://bit.ly/CppPlaylistComplete
🔥Instagram: https://www.instagram.com/dhattarwalaman
Timestamps :
00:00:00 - Introduction
00:01:38 - Installing Code Editor (one from Froala/UltraEdit/VSCode)
00:05:40 - How do websites work?
00:08:24 - Level 1
00:36:38 - Level 2
01:03:27 - Level 3
01:25:10 - Level Pro (Hardest to Crack!)
My YouTube Gear 😉: https://docs.google.com/docume....nt/d/1pyTJVmed-rHFXN
✍ 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
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
