Learn how to turn Figma designs into code using AI. In this course, you will learn how to easily create and deploy frontend code starting with just a design. ✏️ Course developed by @AniaKubow Sample Figma design to follow along: https://www.figma.com/community/file/1344907822759018861/localhost-website Get started with Locofy: https://www.locofy.ai/ 🏗️ Locofy provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:54) What is Figma? ⌨️ (0:02:22) The design ⌨️ (0:06:28) Locofy Lightning and LocoAI ⌨️ (0:25:18) Let’s build out our app! ⌨️ (0:40:45) Sync to GitHub ⌨️ (0:49:40) Create a Database ⌨️ (0:54:49) Create Authentication ⌨️ (1:28:20) Let’s deploy our app! 🎉 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

This video is a full project-based backend web development course. In this course, you will learn how to build 3 full backend web applications. ✏️ Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi Backend Mastery Course - https://backendmastery.com/ Projects Built: 1. AI Web App 💻 Github: https://github.com/tomitokko/ai-blog-article-generator 2. Netflix Clone 💻 Github: https://github.com/tomitokko/django-netflix-clone 3. Spotify Clone 💻 Github: https://github.com/tomitokko/spotify-clone 🔗 API Link: https://rapidapi.com/DataFanatic/api/spotify-scraper ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:30) AI Web App ⌨️ (3:07:35) Netflix Clone ⌨️ (6:11:33) Spotify Clone - Part 1 ⌨️ (6:33:25) Spotify Clone - Part 2 ⌨️ (6:55:45) Spotify Clone - Part 3 ⌨️ (9:50:21) Spotify Clone - Part 4 ⌨️ (10:07:48) 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

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Jabril. He's an indie game developer who's building a turn-based fighting game called Ultrabouters. Jabril has developed tons of other games as well. He runs the popular Jabrils gamedev focused-YouTube. He's also published a 5-hour introduction to programming course on freeCodeCamp. We talk about: - Jabril's advice to gamedevs who want to make a career out of building video games - How Jabril got into gamedev as a kid when he got a copy of GameMaker - Jabril's career working at a comedy club and a radio station - The anime that Jabril's been working on for years - Why Jabril puts an "s" at the end of his name Can you guess what bass line I'm playing on my bass during the intro? It's a 2009 song that became popular in the 2010's by being associated with a meme. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 8,509 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Jabril's full length Programming for Beginners course on freeCodeCamp: https://www.freecodecamp.org/news/programming-for-beginners-how-to-code-with-python-and-c-sharp/ That time Quincy angered the entire BTS army with a confused tweet: https://twitter.com/ossia/status/993171422863417344 "The best episodes of Shark Tank are the bad ideas." How Jabril created a Fake Shark Tank Episode Generator using AI tools: https://www.youtube.com/watch?v=gcGjYivktyc Subscribe to Jabril on YouTube: @Jabrils

Learn how to use React Router. You'll learn about setting up a basic routes, protecting authenticated routes, custom route transitions and more. Course created by @CounterSyntax 💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter 💻 Git Explorer Final: https://github.com/Kolosafo/git-explorer-final ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Overview ⌨️ (0:02:23) Introduction To React Router ⌨️ (0:05:08) Project Overview ⌨️ (0:07:01) Project Setup ⌨️ (0:09:23) Installing React Router ⌨️ (0:10:33) Setting up React Router ⌨️ (0:14:11) Introduction to Routing ⌨️ (0:20:37) Boilerplate code ⌨️ (0:21:23) Adding a new Route ⌨️ (0:22:12) How to Navigate between Pages ⌨️ (0:25:01) Nested Routes ⌨️ (0:31:37) Creating a custom "Not Found" page ⌨️ (0:35:30) Dynamic Routing ⌨️ (0:43:34) Programmatic Navigation ⌨️ (0:53:27) Route Guarding ⌨️ (1:02:45) Navbar Adjustment ⌨️ (1:06:07) Navigation Transition Animation ⌨️ (1:16:54) Lazy Loading ⌨️ (1:24:34) Advanced Route Config ⌨️ (1:37:09) The Final Project ⌨️ (1:38:09) The END! 🎉 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 use Kaboom.js to create a 2d game that is actually a developer portfolio. This is a creative way to show off your skills. Live demo: https://jslegenddev.github.io/portfolio/ Source code: https://github.com/JSLegendDev/2d-portfolio-kaboom Map files (map.json + map.png): https://github.com/JSLegendDev/2d-portfolio-kaboom/tree/master/public Spritesheet: https://github.com/JSLegendDev/2d-portfolio-kaboom/blob/master/public/spritesheet.png Fonts: https://datagoblin.itch.io/monogram Tiled software: https://mapeditor.org Substack post explaining how to implement mobile controls : https://jslegenddev.substack.com/p/how-to-implement-player-controls Course developed by @JSLegendDev ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:35) Setup ⌨️ (0:16:40) Loading assets ⌨️ (0:19:36) How to use Tiled to draw maps ⌨️ (0:36:23) Writing logic to display map ⌨️ (0:45:02) Creating the player ⌨️ (0:52:13) Writing logic to display boundaries ⌨️ (0:58:07) Writing logic to display dialogue ⌨️ (1:16:28) Spawning the player + player movement logic ⌨️ (1:26:33) Writing logic for scaling the camera + animations + dialogue text 🎉 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

Understanding AI from Scratch – Neuaral Networks Without Libraries Course Learn the fundamentals of Neural Networks by building one from scratch without libraries. You'll manually tweak network parameters to teach a car how to drive within a specially crafted playground. Dr. Radu teaches computer science at a university in Finland, and has over a decade of experience with machine learning and AI, and he emphasizes the importance of revisiting basics in an era of easy-to-use complex models. You will have homework assignments which you can discuss with Dr. Radu on his Discord: discord.gg/gJFcF5XVn9 ✏️ Course developed by @Radu 🏆 Win prizes by following along: https://youtu.be/EhJ7qD5HwpY 🚗 THE PLAYGROUND: https://radufromfinland.com/projects/aiCarPlayground/?s=default 🚙 HELP COLLECT DATA BY RACING: https://radufromfinland.com/projects/aiRacer ⭐ OTHER LINKS ⭐ Phase 1 – Self-Driving Car with JavaScript: https://youtu.be/Rs_rAxEsAvI Phase 2 – Virtual World Filled with Self-Driving Cars: https://youtu.be/5iHejdqYIa8 Vanilla JavaScript Chart Tutorial: https://youtu.be/n8uCt1TSGKE Machine Learning JavaScript Course: https://youtu.be/vDDjtwQDw2k 3b1b's Neural Network Video: https://youtu.be/aircAruvnKk?si=JB6fvUT3Ko1mkU3x Another Playground: https://playground.tensorflow.org Desmos 3D: https://www.desmos.com/3d Another Playground: https://playground.tensorflow.org Top-view Cars Clip: https://youtu.be/jZrjE_ixu18 💻 CODE 💻 1. Phase 1 https://github.com/gniziemazity/self-driving-car 2. Phase 2 https://github.com/gniziemazity/virtual-world 3. Phase 3 https://github.com/gniziemazity/understanding_ai 💻 Use "11. MiniMap" from Phase 2 at 02:36:49 💻 Use "1. Starting Codebase" from Phase 3 in Lesson 6 (if you didn't code anything yet) ☕ Buy Radu a Coffee: https://www.buymeacoffee.com/radum ⚡️Join Radu's Channel: https://youtube.com/@radu/join ⭐ Contents ⭐ ⌨️ (0:00:00) Introduction ⌨️ (0:07:12) The Playground ⌨️ (0:14:34) One Neuron ⌨️ (0:29:07) Clarrifications ⌨️ (0:31:58) Lesson 2 ⌨️ (0:32:16) Genetic Algorithm ⌨️ (0:43:04) 2 Inputs ⌨️ (1:02:42) Hidden Layers ⌨️ (1:13:03) Misconceptions ⌨️ (1:14:18) Lesson 3 (More Outputs) ⌨️ (1:55:59) Lesson 4 (Traffic Rules) ⌨️ (2:24:10) Lesson 5 (Compass Sensor) ⌨️ (2:35:20) The need for Shortest Path ⌨️ (2:37:10) Updating the Self-driving Car codebase ⌨️ (2:57:39) Lesson 6 (Dijkstra's Algorithm) ⌨️ (3:24:03) Lesson 7 (Dijkstra with AI Agents) ⌨️ (3:43:13) Final Challenge

On this week's episode of the podcast, freeCodeCamp Founder Quincy Larson interviews Leon Noel, founder of 100Devs and head of engineering at Resilient Coders. Growing up, Leon had it drilled into him that he had to become a doctor, lawyer, or dentist. But his ambitions grew and he went on to have an exciting career in tech. After a successful exit from a startup, Leon wanted to help folks who were struggling during the pandemic. He started 100Devs, a charity which has helped 10,000s of people learn to code. We talk about: - dropping out of Yale - getting into the selective Tech Stars startup accelerator - Getting involved with Resilient Coders, a charity that helps court-involved youth learn coding - Starting 100Devs and building a Discord server with 60,000 people learning to code together Quincy recorded this podcast live and hasn't edited it at all. We want to capture the feel of a real live conversation, with all the human quirks that entails. Can you guess what song he's playing on my bass during the intro? It's his arrangement of the intro to a 1990s cartoon. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, we want to thank the 8,427 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: The video that changed Leon's life on Spaced Repetition, by Ali Abdaal: https://youtu.be/Z-zNHHpXoMM The official Anki app, which is free on web / desktop and doesn’t lock you into a subscription. Leon's advice: "Only create cards on one device, but review on any to save you from weird syncing issues." https://apps.ankiweb.net Dr. Barbara Oakley’s Learn How to Learn course, which Leon calls "a masterpiece":  https://coursera.org/learn/learning-how-to-learn The 100Devs website (new cohort starting in early May): https://100devs.org/about Trailer for X-men '97: https://youtu.be/pv3Ss8o9gGQ Thelonious Monk [pianist Quincy mentions] "Straight No Chaser" documentary trailer: https://www.youtube.com/watch?v=dx0E9-ThvKc Leon on YouTube: http://leonnoel.com/youtube Leon on Discord: http://leonnoel.com/discord Leon's Twitch for his live streams: http://leonnoel.com/twitch Leon's website: https://leonnoel.com/ 🎉 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 effectively use automation to streamline your business tasks. From mastering lead management with tools like Facebook Lead Ads and HubSpot to enhancing ecommerce through ChatGPT-driven product descriptions, this course covers a spectrum of applications including ticketing, in-house task management, AI-enhanced email automation, and more. You'll do it all with Make. ✏️ Course developed by Ania Kubow. Try Make to start automating tasks: https://make.com/en/register?promo=learning-make Make provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:23) Getting started ⌨️ (0:08:26) Lead Management Automation ⌨️ (0:09:19) Lead organization with Facebook Lead Ads and Google Sheets ⌨️ (0:21:32) Lead Enrichment with web-hooks, HubSpot, Slack and Clearbit ⌨️ (0:58:04) Lead classification with Typeform and Hubspot ⌨️ (1:10:10) Qualify incoming leads with Google Sheets and Clearbit ⌨️ (1:29:43) Ecommerce Automation ⌨️ (1:30:27) Generate Product Descriptions with ChatGPT and Google Sheets ⌨️ (1:45:49) Ticketing/Barcode Automation ⌨️ (1:46:13) Generate barcoded tickets with Google Sheets and Google Docs ⌨️ (2:07:45) Automation In-house ⌨️ (2:08:05) Generate calendar events with Trello and Google Calendar ⌨️ (2:17:03) Make a to-do list from Discord Messages and Google Sheets ⌨️ (2:33:16) Automation and AI ⌨️ (2:34:00) Automate emails with ChatGPT and Gmail ⌨️ (3:00:24) Recap 🎉 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 NestJS in this comprehensive course for beginners. NestJS is a framework for building efficient, scalable Node.js web applications. Code: https://github.com/HaiderMalik12/nestjs-fundamentals Course resources e-book: https://www.haidermalik.dev/nestjs Testing Starter Kit for Module 12: https://drive.google.com/file/d/1dU4ro10jZaIYAu32MwQFr4UHlY6GFu6O/view?usp=sharing ✏️ This course was developed by @haidermalik3402 . Check out more of his courses: https://www.udemy.com/user/5512f7602d2ad/ ⭐️ Contents ⭐️ Module 0 ⌨️ 00:00:00 What is NestJS ⌨️ 00:03:01 Create NestJS Project ⌨️ 00:05:30 NestJS Directory Structure Module 1 ⌨️ 00:07:00 Creating Controller ⌨️ 00:11:07 Creating a Service ⌨️ 00:18:09 Creating Module Module 2 ⌨️ 00:24:27 Middleware ⌨️ 00:32:39 Exception Filter ⌨️ 00:43:07 Transform param using ParseIntPipe ⌨️ 00:48:10 Validate Request Body using class validator Module 3 ⌨️ 00:52:09 Custom Providers ⌨️ 01:15:26 Injection Scopes ⌨️ 01:20:59 One To Many Relation Module 4 ⌨️ 01:35:05 Establish Database Connection ⌨️ 01:43:42 Create an Entity ⌨️ 01:50:43 Create and Fetch records from Database ⌨️ 02:08:54 Pagination Module 5 ⌨️ 02:17:44 One to One ⌨️ 02:24:14 Many to Many relation Module 6 ⌨️ 02:43:51 User Signup ⌨️ 03:00:05 User Login ⌨️ 03:08:12 Authenticate User with Passport JWT ⌨️ 03:24:42 Role Based Authentication ⌨️ 03:46:51 Two Factor Authentication ⌨️ 04:17:41 API Key Authentication Module 7 ⌨️ 04:32:52 Debug NestJS Application ⌨️ 04:37:00 Migrations ⌨️ 04:49:51 Seeding Module 8 ⌨️ 05:02:02 Custom Configuration ⌨️ 05:24:29 Validate Env Variables ⌨️ 05:35:48 Hot Module Reloading Module 9 ⌨️ 05:45:51 Swagger Setup ⌨️ 05:52:30 Document Signup Route ⌨️ 05:58:28 Create Schema using ApiProperty ⌨️ 06:02:54 Test JWT Authentication Module 10 ⌨️ 06:11:40 Install MongoDB using Docker Compose ⌨️ 06:18:16 Connect with MongoDB ⌨️ 06:21:24 Create Schema ⌨️ 06:24:56 Save Record in Mongo Collection ⌨️ 06:33:08 Find and Delete ⌨️ 06:38:47 Populate Module 11 ⌨️ 06:52:18 Configure Dev and Production Env ⌨️ 07:01:22 Push Source Code to Github Repo ⌨️ 07:06:38 Deploy NestJS Project to Railway ⌨️ 07:15:44 Install Dotenv to work with TypeORM migrations ⌨️ 07:20:20 Fixing Env Bugs Module 12 ⌨️ 07:29:45 Getting started with Jest ⌨️ 07:37:22 Auto Mocking ⌨️ 07:55:13 SpyOn Function ⌨️ 08:05:49 Unit Test Controller ⌨️ 08:19:35 Unit Test Service ⌨️ 08:28:19 E2E Testing Module 13 ⌨️ 08:41:58 Speedy Web Compiler with NestJS v10 ⌨️ 08:50:31 Creating Websocket Server ⌨️ 08:59:05 Send Message from Frontend app Module 14 ⌨️ 09:05:48 GraphQL Server Setup ⌨️ 09:13:43 Define Queries and Mutations ⌨️ 09:20:11 Resolve Queries ⌨️ 09:25:42 Resolve Mutations ⌨️ 09:30:35 Error Handling Module 15 ⌨️ 09:34:14 Define Schema for Authentication ⌨️ 09:42:13 Resolve Auth Queries and Mutations ⌨️ 09:52:47 Apply Authentication using Auth Guard Module 16 ⌨️ 10:12:06 Implement Real time Subscription Module 17 ⌨️ 10:20:39 Unit Test Resolver ⌨️ 10:32:02 End to End Tesing GraphQL APIs Module 18 ⌨️ 10:46:55 Server Side Caching using Apollo ⌨️ 10:58:56 Optimize Query Performance using Data Loader ⌨️ 11:14:06 Fetching Data from External REST API Module 19 ⌨️ 11:20:56 Setup Prisma ⌨️ 11:24:25 Models and Migrations ⌨️ 11:28:08 Generate Prisma Client ⌨️ 11:30:43 Create, Find and FindOne ⌨️ 11:40:57 Update and Delete Operation ⌨️ 11:49:17 One to Many Relation ⌨️ 12:00:54 One to One Relation ⌨️ 12:07:33 Many to Many Relation ⌨️ 12:20:35 Bulk or Batch Operations ⌨️ 12:24:29 Implement Transaction using Nested Queries ⌨️ 12:32:56 Interactive Transactions Module 20 ⌨️ 12:46:08 File Upload ⌨️ 12:56:12 Custom Decorator ⌨️ 13:02:03 Scheduling CRON Task with Nest.js ⌨️ 13:14:41 Cookies ⌨️ 13:23:03 Queues ⌨️ 13:35:43 Event Emitter ⌨️ 13:47:13 Streaming ⌨️ 13:52:55 Session

Learn data analytics by building projects using different free Google services. ➡ Data Analysis with Google Sheets ➡ SQL with Google BigQuery ➡ Python with Google Colab ➡ Data Visualization with Google Looker Studio ✏️ Course developed by @analyst_adithya Code and resources: https://github.com/vyasadi/Free_Code_Camp_Material ⭐️ Contents ⭐️ ⌨️ (0:01:48) Introduction ⌨️ (0:01:48) Spreadsheets for Data Analysis ⌨️ (0:40:52) SQL with Google BigQuery ⌨️ (1:41:36) Python with Google Colab ⌨️ (2:19:01) Data Visualization with Looker Studio 🎉 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