Learn the basics of HTML and how to begin coding in this course for beginners.

Are you interested in coding but have never tried it before? Are you curious about how to create your own website or app? If so, then this video course is for you!

✏️ Course developed by @AniaKubow
🔗 Full course: http://codewithania.com/

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:34) What is a code editor?
⌨️ (0:03:08) Code editor options
⌨️ (0:03:52) Files files files
⌨️ (0:07:27) HTML Introduction
⌨️ (0:09:27) HTML - what is it exactly?
⌨️ (0:11:53) HTML Syntax
⌨️ (0:17:08) Saving files in your code editor
⌨️ (0:18:19) HTML Anatomy
⌨️ (0:22:50) Headings
⌨️ (0:24:49) Paragraphs
⌨️ (0:26:04) HTML headings, paragraphs and emphasis
⌨️ (0:32:20) Indenting code in HTML
⌨️ (0:34:03) HTML lists
⌨️ (0:38:54) HTML links
⌨️ (0:43:49) Navigating Pages
⌨️ (0:51:20) Images in HTML
⌨️ (0:55:15) Creating tables using HTML
⌨️ (1:03:27) Introducing the Div
⌨️ (1:05:09) Semantic sectioning
⌨️ (1:07:39) Table Tennis Leaderboard: Project prep
⌨️ (1:09:30) Table Tennis Leaderboard: Starting out our project
⌨️ (1:12:44) Table Tennis Leaderboard: table rows and lists
⌨️ (1:16:44) Table Tennis Leaderboard: Sectioning and the figure element
⌨️ (1:25:27) HTML forms
⌨️ (1:26:52) The various input element types in HTML
⌨️ (1:33:17) HTML Inputs exercise 1
⌨️ (1:40:40) HTML Inputs exercise 2
⌨️ (1:43:55) HTML Inputs exercise 3
⌨️ (1:48:57) The select dropdown in HTML
⌨️ (1:54:38) The Inspect tool
⌨️ (1:56:51) Using the data attribute in HTML
⌨️ (1:59:15) Commenting out code
⌨️ (2:01:29) What’s next?

🎉 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

Learn LaTeX in this full course for beginners. LaTeX is a typesetting system for creating professional-looking documents, commonly used in academia and scientific publishing, with a focus on content rather than appearance.

✏️ Michelle Krummel created this course. Check out her channel: https://www.youtube.com/michellekrummel

💻 Downloadable .tex files: https://www.dropbox.com/sh/lbr....coezrm7iskfk/AABpWmd
🔗Learn more: https://www.michellekrummel.com/tutorials

Overleaf: https://www.overleaf.com/?r=b4398ca7&rm=d&rs=b
TexMaker: https://www.xm1math.net/texmaker/

⌨️ (0:00:00) Creating a LaTeX Document
⌨️ (0:34:34) Common Mathematical Notation
⌨️ (1:09:56) Brackets, Tables, and Arrays
⌨️ (1:51:36) Creating Lists
⌨️ (2:03:29) Text Document Formatting
⌨️ (2:25:58) Packages, Macros, and Graphics
⌨️ (2:56:17) Errors and Debugging
⌨️ (3:18:47) TeXmaker and Overleaf Tips
⌨️ (3:59:38) Calculus Notation

🎉 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

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-asset

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

✏️ Lane Wagner created this course.
Boot.dev: https://boot.dev
Lane on Twitter: https://twitter.com/wagslane
Lane’s YouTube: https://www.youtube.com/@bootdotdev
New to JavaScript? Beginner course: https://boot.dev/learn/learn-javascript

⭐️ 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/F
URL constructor: https://developer.mozilla.org/....en-US/docs/Web/API/U
Fetch Rseponse: https://developer.mozilla.org/....en-US/docs/Web/API/R

🎉 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

In a world where not everyone is lucky enough to have 24/7 internet connection, being able to study online becomes more and more difficult. That is why I decided to make this tutorial, now you can run FCC without needing to be connected to the internet or wifi.

Note that this tutorial is primarily focused on MacOS and Linux devices, however, it can also work on Windows! This guide can help you along if you use Windows: https://github.com/freeCodeCam....p/freeCodeCamp/blob/

You need:
Node.js: https://nodejs.org/en/
MongoDB: https://www.mongodb.com/docs/m....anual/administration

FreeCodeCamp is open source: https://github.com/freeCodeCamp/freeCodeCamp

Subscribe for more videos!
YouTube: https://www.youtube.com/steves....teacher?sub_confirma
Odysee: https://odysee.com/$/invite/@stevesteacher:0

For more programming videos, feel free to subscribe to my 2nd channel: https://www.youtube.com/channe....l/UCZkCdex94Hp-3Aa-4

Crash Courses: https://www.youtube.com/playli....st?list=PLYBJzqz8zpW
C++ Programming Tutorials: https://youtu.be/2bSuuzMwda8
Lua Programming Tutorials: https://youtu.be/1srFmjt1Ib0
Love2D Game Dev Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWYip5
Become a Web Developer: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWbsmF
Python Programming Tutorials: https://www.youtube.com/playli....st?list=PLYBJzqz8zpW
HTML Tutorials: https://youtu.be/lobFuLWhp0M
Bootstrap Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWa98m
CSS Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWZARp
Delphi Programming Tutorials: https://youtu.be/BqmJpFbRY2U
Pascal Programming Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWZUDw
Linux Tutorials/Videos: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWYnUt
How-to videos: https://www.youtube.com/playli....st?list=PLYBJzqz8zpW
Godot Game Dev Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWZT3j
TKinter Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWZwVk
Web Scraping/Beautiful Soup Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWYfL1
MySQL Tutorials: https://youtube.com/playlist?l....ist=PLYBJzqz8zpWaBcV
Japanese Lessons: https://www.youtube.com/playli....st?list=PLYBJzqz8zpW

Group Chats:
Weeb Chat: https://t.me/weeb_haven
Programmer Haven: https://t.me/programmer_haven

You can contact me on:
Email: StevesTeacherYT@gmail.com
Discord: https://discord.gg/NGtD9s6
Kitsu: https://kitsu.io/users/Netsu
Twitter: @stevesteacherYT or click here: https://twitter.com/stevesteacherYT?s=09

Hey there!!! Wanna help support the channel :D? You can donate on PayPal: https://paypal.me/stephenvdw?locale.x=en_US or on YouTube, it really helps out!

Any suggestions? Leave it in the comment section or contact me somewhere else!

Odysee Links:
Python Programming Tutorials: https://odysee.com/@stevesteac....her:0/Python-Tutoria
C++ Programming Tutorials: https://odysee.com/@stevesteac....her:0/Cpp-Tutorials:
HTML Tutorials: https://odysee.com/@stevesteac....her:0/HTML-Tutorials
Tkinter Tutorials: https://odysee.com/@stevesteac....her:0/Tkinter-Tutori
Linux Tutorials: https://odysee.com/@stevesteac....her:0/Linux-Terminal
Lua Tutorials: https://odysee.com/@stevesteac....her:0/Lua-Tutorials:
Love2D Game Dev Tutorials: https://odysee.com/@stevesteacher:0/Love2D:f
Delphi Tutorials: https://odysee.com/@stevesteac....her:0/Delphi-Tutoria
MySQL Tutorials: https://odysee.com/@stevesteac....her:0/MySQL-Tutorial

Thank you for watching!

#stevesteacher #fcc #freecodecamp #nointernet #learntocode

Learn to use Astro in this beginner's tutorial. Astro is an all-in-one web framework for building fast, content-focused websites like landing pages, blogs, technical documentation, and more.

✏️ This course was developed by @JamesQQuick
🔗 Longer Astro Course: https://astrocourse.dev/

💻 Code: https://github.com/jamesqquick/astro-course-demo

Astro Docs - https://docs.astro.build/
SSG vs SSR Diagram - https://app.eraser.io/workspac....e/CmsSg90ShrgnuACWRs

⌨️ (0:00:00) Intro
⌨️ (0:00:35) What We'll Cover
⌨️ (0:01:23) Creating an Astro Project
⌨️ (0:06:23) Astro Overview (components, file based routing, css, and more)
⌨️ (0:13:23) Astro Setup in VS Code
⌨️ (0:16:23) Setting Up Tailwind
⌨️ (0:18:23) Updating the Site Layout
⌨️ (0:27:23) Working with Markdown and Content Collections
⌨️ (0:34:23) Querying and Displaying Blog Posts Using Content Collections
⌨️ (0:40:23) Creating Dynamic Routes For Individual Blog Posts
⌨️ (0:46:38) Tailwind Typography Plugin
⌨️ (0:47:53) Optimizing Images
⌨️ (0:52:43) Using the ViewTransitions API
⌨️ (0:54:03) Adding Support for MDX
⌨️ (0:56:23) Deploy to Netlify and Vercel
⌨️ (0:59:23) Enabling SSR in Astro
⌨️ (1:08:53) Astro Server Endpoints
⌨️ (1:12:23) Deploying SSR to Netlify and Vercel
⌨️ (1:16:23) Wrap Up

🎉 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

The Scrapy Beginners Course will teach you everything you need to learn to start scraping websites at scale using Python Scrapy.

The course covers:
- Creating your first Scrapy spider
- Crawling through websites & scraping data from each page
- Cleaning data with Items & Item Pipelines
- Saving data to CSV files, MySQL & Postgres databases
- Using fake user-agents & headers to avoid getting blocked
- Using proxies to scale up your web scraping without getting banned
- Deploying your scraper to the cloud & scheduling it to run periodically

✏️ Course created by Joe Kearney.

⭐️ Resources ⭐️
Course Resources
- Scrapy Docs: https://docs.scrapy.org/en/latest/
- Course Guide: https://thepythonscrapyplayboo....k.com/freecodecamp-b
- Course Github: https://github.com/orgs/python....-scrapy-playbook/rep
- The Python Scrapy Playbook: https://thepythonscrapyplaybook.com/

Cloud Environments
- Scrapyd: https://github.com/scrapy/scrapyd
- ScrapydWeb: https://github.com/my8100/scrapydweb
- ScrapeOps Monitor & Scheduler: https://scrapeops.io/monitoring-scheduling/
- Scrapy Cloud: https://www.zyte.com/scrapy-cloud/

Proxies
- Proxy Plan Comparison Tool: https://scrapeops.io/proxy-pro....viders/comparison/fr
- ScrapeOps Proxy Aggregator: https://scrapeops.io/proxy-api-aggregator/
- Smartproxy: https://smartproxy.com/deals/proxyservers/ips

⭐️ Contents ⭐️
⌨️ (0:00:00) Part 1 - Scrapy & Course Introduction
⌨️ (0:08:22) Part 2 - Setup Virtual Env & Scrapy
⌨️ (0:16:28) Part 3 - Creating a Scrapy Project
⌨️ (0:28:17) Part 4 - Build your First Scrapy Spider
⌨️ (0:55:09) Part 5 - Build Discovery & Extraction Spider
⌨️ (1:20:11) Part 6 - Cleaning Data with Item Pipelines
⌨️ (1:44:19) Part 7 - Saving Data to Files & Databases
⌨️ (2:04:33) Part 8 - Fake User-Agents & Browser Headers
⌨️ (2:40:12) Part 9 - Rotating Proxies & Proxy APIs
⌨️ (3:18:12) Part 10 - Run Spiders in Cloud with Scrapyd
⌨️ (4:03:46) Part 11 - Run Spiders in Cloud with ScrapeOps
⌨️ (4:20:04) Part 12 - Run Spiders in Cloud with Scrapy Cloud
⌨️ (4:30:36) Part 13 - Conclusion & Next Steps

🎉 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 the MERN stack (MongoDB, Express, React, Node.js) in this crash course for beginners. Here are some of the topics you will learn about:
- Backend CRUD
- Backend Router
- CORS Policy
- MongoDB operations
- Frontend CRUD
- Frontend Router

💻 Code: https://github.com/mohammad-ta....heri1/Book-Store-MER

✏️ Course developed by @DevEmpower

⭐️ Contents ⭐️
⌨️ (00:00) Intro
⌨️ (01:10) Create Node.js project from scratch
⌨️ (03:39) Create our first Http Route
⌨️ (06:01) Add MongoDB and mongoose to node js
⌨️ (08:52) Create Book model with mongoose
⌨️ (10:53) Save a new Book with mongoose
⌨️ (13:31) Get All Books with mongoose
⌨️ (15:08) Get One Book by id with mongoose
⌨️ (16:29) Update a Book with mongoose
⌨️ (18:36) Delete a book with mongoose
⌨️ (20:09) Refactor Node js with express router
⌨️ (22:23) CORS policy in Node js and Express js
⌨️ (25:21) Create React project, Vite, Tailwind CSS
⌨️ (27:41) SPA and Add react router dom
⌨️ (29:52) Show Books List in React
⌨️ (35:39) Show Book Details in React
⌨️ (39:02) Create Book in React
⌨️ (42:02) Edit Book in React
⌨️ (44:27) Delete Book in React
⌨️ (46:35) Show Books List as Card
⌨️ (52:30) Make Book Card a single component
⌨️ (54:08) Add Book Modal
⌨️ (58:06) Improve User Experience (UX) with beautiful alert
⌨️ (1:01:43) 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

Learn how to easily implement modern designs in your Tkinter-based Python applications using ttkbootstrap.

You will learn how to use all the main ttkbootstrap widgets to make your Tkinter apps look modern and awesome!

✏️ Course developed by @TkinterPython

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:09:07) Labels and Buttons
⌨️ (0:19:59) CheckButtons
⌨️ (0:29:50) Resizing Buttons
⌨️ (0:35:46) Combo Boxes
⌨️ (0:42:52) Entry Boxes
⌨️ (0:48:58) Floodgauge
⌨️ (0:58:29) Date Entry
⌨️ (1:08:37) Frames and Labels
⌨️ (1:14:31) Menu Buttons
⌨️ (1:23:50) Meters
⌨️ (1:37:53) Notebooks
⌨️ (1:44:13) Progress Bars
⌨️ (1:59:24) Radio Buttons
⌨️ (2:10:46) Sliders
⌨️ (2:19:05) Scrollbars
⌨️ (2:24:58) Separators and Sizegrips
⌨️ (2:31:19) Spinboxes
⌨️ (2:39:01) Treeview
⌨️ (2:45:52) Message Boxes
⌨️ (2:57:30) Color Chooser
⌨️ (3:05:52) Scrolled Text
⌨️ (3:12:08) Scrolled Frame
⌨️ (3:17:39) Toast Messages
⌨️ (3:23:14) Conclusion

🎉 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 bash scripting in this crash course for beginners. Understanding how to use bash scripting will enhance your productivity by automating tasks, streamlining processes, and making your workflow more efficient.

✏️ Course created by @Herbertech

💻 Code: https://github.com/herbertech/bash-intro-tutorial

⌨️ (00:00) Introduction
⌨️ (03:24) Basic commands
⌨️ (06:21) Writing your first bash script
⌨️ (11:29) Variables
⌨️ (14:55) Positional arguments
⌨️ (16:23) Output/Input redirection
⌨️ (23:23) Test operators
⌨️ (25:19) If/Elif/Else
⌨️ (28:37) Case statements
⌨️ (32:16) Arrays
⌨️ (34:12) For loop
⌨️ (36:03) Functions
⌨️ (41:31) Exit codes
⌨️ (42:30) AWK
⌨️ (45:11) SED

🎉 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

Learn the basics of Django by building a simple online marketplace where people can buy and sell items. You will learn how to implement:
- Authentication
- Communication between users
- Dashboard for your items
- Form handling and customizations
- and more

✏️ The course is developed by CodeWithStein. Check out his channel:
https://www.youtube.com/c/CodeWithStein
CodeWithStein on twitter: https://twitter.com/codewithstein

💻 Code: https://github.com/SteinOveHelset/puddle

⭐️ Contents ⭐️
⌨️ (0:00:00) Demo
⌨️ (0:02:01) Introduction
⌨️ (0:02:20) Setting up
⌨️ (0:06:00) First app
⌨️ (0:24:51) Items
⌨️ (0:44:30) Item detail
⌨️ (0:55:56) Signing up
⌨️ (1:10:06) Logging in
⌨️ (1:15:44) Adding items
⌨️ (1:28:25) Dashboard
⌨️ (1:32:36) Delete items
⌨️ (1:36:58) Edit items
⌨️ (1:40:01) Searching
⌨️ (1:53:43) Communication
⌨️ (2:23:00) Summary

🎉 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

This course will teach you to build real-world apps with React Router 6. Click here to get to the interactive version 👉 https://scrimba.com/links/react-router-6-course

Throughout the course, you’ll be building an app called “VanLife” – an Airbnb-style web app dedicated to renting out travel vans for your next big road trip!

As you build “VanLife”, you will learn all the important parts of React Router, such as layout and index routes, nested routes, filtering results with search parameters, protecting routes for authenticated users, and more. You will also learn about the new Remix-inspired data router APIs, including Loaders and Actions.

This course was created by Bob Ziroll, Scrimba’s Head of Education.
🔗 Bob on Twitter here: https://twitter.com/bobziroll
🔗 Scrimba on YouTube: https://www.youtube.com/c/Scrimba

⭐️ Get the code ⭐️
🔗 Scrimba course: https://scrimba.com/links/react-router-6-course
🔗 GitHub repo: https://scrimba.com/links/reac....t-router-course-gith

💫 Links mentioned in course:
🔗 Scrimba’s Learn React Course - https://scrimba.com/learn/learnreact
🔗 VanLife Figma Design - https://scrimba.com/links/figma-vanlife
🔗 Firebase - https://scrimba.com/links/firebase-homepage
🔗 Firestore Docs, get all docs in collection - https://scrimba.com/links/fire....store-docs-get-all-d
🔗 Netlify - https://scrimba.com/links/netlify-home-page
🔗 GitHub Desktop - https://desktop.github.com/
🔗 Mirage JS - https://miragejs.com/

0:00 1: Introduction to React Router 6
4:56 2: Multi-page vs single-page apps
10:12 Extra: Local Development & GitHub Repo
12:25 3: React Router Setup & BrowserRouter
15:40 4: Routes
18:23 5: BrowserRouter & Routes Challenge
19:32 6: Route, Path, & Element
23:48 7: Quick Re-org
24:53 8: Link
28:55 9: VanLife project bootstrapping
37:01 10: Initial Deploy to Netlify
48:47 11: Mirage JS Server
50:41 12: Challenge: Vans Page - Part 1
1:02:09 14: Route Params
1:25:09 19: Nested Routes Intro
1:34:04 20: Fixing the Navbar with a Layout Route
1:46:45 22: Bootstrap the Host pages
1:50:45 23: Nesting the /host routes
1:54:34 24: Creating the Host Layout
2:01:04 25: Relative Paths
2:05:32 26: Index Routes
2:09:24 27: To nest or not to nest?
2:14:34 28: Nested Routes Quiz
2:19:26 29: Add Footer
2:22:47 30: NavLink
2:30:03 31: Active Link Styling with NavLink
2:39:14 33: Adding Host Vans Routes
2:44:28 34: Optimal Side Quest
2:47:49 35: Building the Host Van Detail page
2:56:47 36: Relative Links
3:03:51 37: Back to all vans
3:09:08 38: Add /host/vans/:id Nested Routes
3:17:17 39: Add the Final Navbar
3:23:53 40: Outlet Context
3:29:27 41: Update deployed version on Netlify
3:32:45 42: Search Params Intro
3:40:04 43: useSearchParams
3:48:55 45: Filter the array w/ the search param
3:55:47 47: Using Links to add search params
4:01:57 49: Using the search params setter function
4:08:05 51: Caveats to setting params
4:09:38 52: Merging search params
4:21:13 54: Challenge: Conditional rendering practice
4:25:56 55: Fix remaining absolute paths
4:27:50 56: Back to all vans
4:30:05 57: Link state
4:36:37 58: useLocation
4:47:31 60: 404 Page
4:53:22 61: Happy Path vs Sad Path
4:56:01 62: Update to our fetching code
4:59:02 63: Coding the Sad Path
5:07:37 65: Loaders intro
5:12:03 66: createBrowserRouter
5:18:13 67: Setting up the data router
5:21:00 68: Loader function
5:25:17 70: useLoaderData
5:29:52 72: Use the loader data instead of the useEffect
5:33:51 73: Loaders Quiz
5:37:06 74: Handling errors
5:39:49 75: Add errorElement to vans route
5:42:40 76: useRouteError
5:49:06 77: Initial Login Form
5:51:31 78: Importing image assets in Vite
5:54:22 79: Protected Routes
6:18:28 85: Parallel Loaders Demo
6:22:02 86: Challenge - Protected Routes
6:43:51 91: Send login message prompt to login page
6:46:56 92: Consume message
6:54:37 93: Pass message to Login page
6:58:26 94: Hot Take: Forms in React are bad
7:00:58 95: Setting up for auth
7:13:57 97: useNavigate()
7:17:44 98: React Router Form Component
7:20:41 99: Setting up the action function
7:25:13 100: Add form and action to VanLife
7:27:31 101: Action function
7:32:39 103: Get form data in VanLife
7:34:22 104: Use data in action to log in
7:36:57 105: Better (but still fake) auth
7:44:08 107: Form replace
7:49:23 108: useActionData
7:53:50 109: Action error handling
8:00:00 111: useNavigation()
8:08:07 113: Get previous route pathname
8:15:05 114: redirectTo
8:30:37 117: Deferring data
8:33:35 118: Promises and defer()
8:39:19 119: defer getVans()
8:41:04 120: Await component
8:55:28 123: React Suspense
9:00:27 124: Suspense in VanLife
9:03:51 125: Putting it all together - Defer, Await, Suspense in HostVans
9:08:31 126: errorElements in remaining van loading pages
9:11:55 127: Placeholders are gone!
9:13:57 128: Cloud Firestore
9:23:25 130: Collection reference and getVans() function
9:30:54 131: Create getVan() function
9:35:42 132: Refactor getHostVans function
9:39:29 133: Final loose ends

Learn how to use Pandas and Python for Data Analysis, to Data Cleaning and Data Wrangling. You will learn by creating real life projects interactively to help you take the next step in your Data Science Career.

Learn more about the projects at https://www.datawars.io/freecodecamp

⚠️ Important! We encourage you to try to resolve the projects by yourself first! And watch the solution afterwards ⚠️

💻 Course created by Santiago Basulto from DataWars.
🔗 Find more interactive Data Science projects solve at: https://www.datawars.io

⭐️ Projects Covered ⭐️
⌨️ (0:00:00) Introduction

⌨️ (0:02:22) DataFrames practice: working with English Words [🟢 Easy]
This project focuses on the basics of pandas DataFrames, including understanding its structures and modifying them. The data we're using is a big dictionary of english words.
🔗 Solve the project by yourself: https://www.datawars.io/fcc-english-words

⌨️ (0:33:26) Filtering and sorting with Pokemon data [🟢 Easy]
This project focuses on the main tasks of Data Analysis: filtering and sorting and question/answering. The dataset includes information of pokemons from all generations (to make it more fun!)
🔗 Solve the project by yourself: https://www.datawars.io/fcc-filtering-pokemon

⌨️ (1:24:30) The Birthday Paradox in the NBA [🟡 Intermediate]
The Birthday Paradox answers the question: how many people do you need in the same room in order to have a probability of at least 50% that two people share a birthday. The answer is astonishing! You'll use your findings to find which teams in the NBA share player's birthdays.
🔗 Solve the project by yourself: https://www.datawars.io/fcc-birthday-nba

⌨️ (1:55:28) Matching Strings by Similarity using Levenshtein distance [🟡 Intermediate]
One of the most challenging tasks of Data Cleaning is dealing with Strings. This project is all about string handling and advanced techniques, as using the Combinatorics and the Levenshtein distance to find irregularities in company names.
🔗 Solve the project by yourself: https://www.datawars.io/fcc-string-similarity

⌨️ (2:24:15) Data Cleaning with Google Playstore dataset [🟡 Intermediate]
An all-encompassing project that covers all the aspects of Data Cleaning, including: finding and fixing null values, duplicate values, outliers and more. The data was scraped from the Google Playstore which means that is full of irregularities. The project finishes with some Data Analysis tasks!
🔗 Solve the project by yourself: https://www.datawars.io/fcc-data-cleaning-playstore

⌨️ (3:18:34) Premier League Match Analysis [🔴 Advanced]
This project increases the complexity of your Data Analysis skills, as it combines Data Cleaning, with some analysis based on grouping operations. The dataset comes from the Premier League, the top-division Football/Soccer league in England.
🔗 Solve the project by yourself: https://www.datawars.io/fcc-premier-league

⌨️ (3:53:46) NBA 2017 season analysis: joining and groupby practice [🔴 Advanced]
This project puts your Data Wrangling skills to a test, by asking you to merge different dataframes, clean them, and finish doing some analysis and question/answering. The dataset contains the full information of 2017 NBA statistics.
🔗 Solve the project by yourself: https://www.datawars.io/fcc-nba-analysis


🎉 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 Next.js by building a custom API with MongoDB using the latest app router. You will build an authentication system that can register the user, login, create a secure cookie with JWT Token, use email service, verify the user's email, forget password, middleware route protection, and much more. Also, you will learn about integrating Appwrite for the back end. Finally, you will learn about deploying everything to Vercel.

✏️ Course developed by @HiteshChoudharydotcom

💻 Code
https://github.com/hiteshchoud....hary/nextjs-fullstac
https://github.com/hiteshchoud....hary/nextjs-appwrite

⭐️ Contents ⭐️
(0:00:00) Start, basics and Prerequisites
(0:04:56) Project structure, diagrams and tech stack
(1:09:07) Signup and Login
(2:10:44) Middleware in Nextjs
(2:52:22) User verification with email
(3:48:26) Nextjs deployment with database connectivity
(4:01:50) Nextjs meets Appwrite
(4:07:31) How to integrate Appwrite to nextjs
(4:44:02) Nextjs component to talk to Appwrite
(5:14:24) Appwrite nextjs and context api
(5:53:52) What’s next after this

🎉 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

Finally understand pointers in C in this course for absolute beginners. Pointers are variables that store the memory address of another variable. They "point" to the location of data in memory. With a bunch of examples, this course demystifies pointers and their various uses, covering topics such as passing by reference vs. value, void pointers, arrays, and more.

✏️ Course created by @onaecO

⭐️ Contents ⭐️
(0:00:00) Introduction
(0:00:39) What is a computer eli5 CPU, RAM, bytes
(0:08:04) Data Types
(0:13:31) Intro to processes
(0:16:44) process memory layout
(0:19:17) Variables in memory
(0:23:01) Naive change_value program
(0:28:05) Change_value with pointers
(0:33:03) The classic swap
(0:34:05) Why declaration and dereference have the same syntax for pointers?
(0:38:39) Advantages of passing by reference va passing by value
(0:45:26) Why do pointers to different data types have the same size?
(0:47:49) Given that pointers have all the same size, why do we need a pointer type?
(0:58:16) void pointers are confusing
(1:00:14) why malloc is handy and more on void*
(1:09:09) Are arrays just pointers?
(1:25:00) Array Decay into a pointer
(1:32:59) why array decay is useful?
(1:37:49) arr[5] == 5[arr]
(1:39:04) pointers to pointers: **argv
(1:47:11) *argv[] or **argv?
(1:52:41) pointer to functions
(1:59:02) use case with pointers to functions

🎉 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 GraphQL in this tutorial for beginners. Throughout this course, you'll learn the core principle of this popular database, explore its advantages over traditional REST APIs, and gain the practical skills to design and implement robust data-driven applications.

✏️ Course developed by @NetNinja
Net Ninja website: https://netninja.dev
NetNinja Node.js Crash Course: https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU&index=1

💻 Code: https://github.com/iamshaunjp/graphql-crash-course

⭐️ Contents ⭐️
⌨️ (0:00:00) What is GraphQL?
⌨️ (0:10:30) Query Basics
⌨️ (0:19:44) Making a GraphQL Server (with Apollo)
⌨️ (0:25:42) Schema & Types
⌨️ (0:36:19) Resolver Functions
⌨️ (0:46:24) Query Variables
⌨️ (0:56:02) Related Data
⌨️ (1:09:41) Mutations (Adding & Deleting Data)
⌨️ (1:21:20) Update Mutation

🎉 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

Lean how to use FL Studio to produce music in this complete course for beginners. FL Studio is a complete software music production environment. It features a graphical user interface with a pattern-based music sequencer.

Tristan Willcox developed this course. You can email him at nebuloustdg@gmail.com

🔗 FL Studio: https://www.image-line.com/

Sample Packs:
🔗 https://cymatics.fm/
🔗 https://samples.landr.com/
🔗 https://sound-effects.bbcrewind.co.uk/
🔗 https://samplefocus.com/sample....s/arabian-vocal-melo
🔗 https://splice.com/

⭐️ Contents ⭐️
(0:00:00) Chapter 1: Virtual Instruments
(0:04:35) Chapter 2: Melodies and Chords
(0:30:52) Chapter 3: Using Patterns
(0:36:40) Chapter 4: Using Samples
(0:47:02) Chapter 5: Layering and Arranging
(1:00:12) Chapter 6: Leveling
(1:05:54) Chapter 7: Adding to the song
(1:42:55) Chapter 8: Mixing + FX
(1:58:21) Chapter 9: Automation
(2:07:07) Chapter 10: Mastering + Exporting

🎉 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