Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS) freeCodeCamp.org 2024-10-17 | Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)
Hot Dog or Not Hot Dog – Convolutional Neural Network Course for Beginners freeCodeCamp.org 2023-07-03 | Learn about Convolutional Neural Networks in this full course for beginners. These are a class of deep learning neural networks that are particularly effective for classifying images. CNNs are also used for other applications such as natural language processing and time series forecasting, but they are most commonly associated with image processing.✏️ Course developed by @KylieYYing Colab: colab.research.google.com/drive/1G_ixTTBy6tVm4R7B7qYEdokjilLBdLdq?usp=sharingSlides: docs.google.com/presentation/d/16Z2fnBl2azfGxZ8InHiFvRb1OLZVQTLQpy8GzZR5YEg/edit?usp=sharingFood 101 dataset: https://data.vision.ee.ethz.ch/cvl/datasets_extra/food-101/⭐️ Contents ⭐️⌨️ (0:00:00) Intro⌨️ (0:07:05) Supervised Learning⌨️ (0:16:54) Training a Model⌨️ (0:25:58) Neural Nets⌨️ (0:36:41) Convolutional Neural Nets⌨️ (0:38:56) Coding Example - Getting Data⌨️ (1:06:08) Coding Example - Neural Net Implementation⌨️ (1:14:31) Coding Example - Improvements🏗 Google provided a grant that made this course possible.🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Code a 3D RPG Action Game – Godot GameDev Tutorial freeCodeCamp.org 2023-06-29 | In this Godot game development course, you will learn how to build a 3D action RPG. If you've been wanting to learn how to create 3D games, this is the course for you. Some of the key topics you will learn about include 3D world creation, character creation with a complex animation tree, inventory systems with dictionaries, and simple AI monster system.✏️ Course created by @CodingQuests ⭐️ Assets ⭐️Environment:devassets.com/assets/adventure-starter-packkaylousberg.itch.io/kaykit-dungeon-remasteredfertile-soil-productions.itch.io/modular-terrain-packfertile-soil-productions.itch.io/modular-village-packPlayer:mixamo.com/#kaylousberg.itch.io/kaykit-skeletonskaylousberg.itch.io/kaykit-animationsInv:admurin.itch.io/mega-admurins-freebiesopengameart.org/content/golden-ui-bigger-than-ever-edition⭐️ Contents ⭐️⌨️ (0:00:00) Intro⌨️ (0:02:13) Downloading Assets⌨️ (0:16:19) Importing Assets⌨️ (0:32:29) Camera⌨️ (0:46:17) AnimationTree⌨️ (0:57:35) States Setup⌨️ (1:00:55) Walking Idle State⌨️ (1:14:18) AnimationTree With States⌨️ (1:33:38) GridMap⌨️ (1:39:49) Fire Torch /W Particles⌨️ (1:54:01) Ai⌨️ (2:18:21) Inventory Scripts⌨️ (2:30:07) Inv User InterFace⌨️ (2:41:00) Inv Interaction ⌨️ (2:56:15) Inv Information Interacting⌨️ (3:23:02) Inv ItemInfo Screen⌨️ (3:37:43) Equipment Visuals⌨️ (3:54:20) Equipment from Inventory⌨️ (4:07:41) Equipment slot already filled⌨️ (4:21:05) Shop Interaction⌨️ (4:26:12) Shop UI⌨️ (4:39:17) Shop Scripts & Buying⌨️ (4:43:08) Saving & Loading Inventory⌨️ (4:53:32) Cleaning up the UI⌨️ (5:16:37) 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--Learn to code for free and get a developer job: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Advanced C# Programming Course freeCodeCamp.org 2023-06-27 | Learn advanced C# programming concepts. This course is designed to elevate your programming proficiency, delving into intricate aspects like delegates, events, generics, async/await tasks, and LINQ, plus you'll learn about .NET. With detailed code examples and best practice guidelines, you'll explore design patterns, user actions, queries, operators, C# attributes, and more. ✏️ Course created by @GavinLon 🎥 C# for Beginners Playlist: youtube.com/watch?v=2pquQMSYk6c&list=PL4LFuHwItvKbneXxSutjeyz6i1w32K6di⭐️ Contents ⭐️⌨️ (0:00:00) Part 1 - Introduction⌨️ (0:01:08) Part 2 - Overview of the Advanced C# Course⌨️ (0:20:46) Part 3 - The Significants of the Release of .NET 5⌨️ (0:33:17) Part 4 - Delegates - Introduction⌨️ (0:47:47) Part 5 - Delegates - Create a Code Example⌨️ (1:51:45) Part 6 - Delegates - Understanding Covariance and Contravariance⌨️ (2:04:19) Part 7 - Delegates - Fund, Action and Predicate⌨️ (2:24:26) Part 8 - Delegates - Asynchronous Method Calls⌨️ (2:39:24) Part 9 - Events - Introduction⌨️ (2:55:50) Part 10 - Events - Add/Remove Accessors⌨️ (2:22:44) Part 11 - Events - User Actions & UWP⌨️ (3:52:23) Part 12 - Events - The Observer Design Pattern⌨️ (5:12:33) Part 13 - Generics - Introduction⌨️ (5:27:30) Part 14 - Generics - Understanding Constraints⌨️ (5:53:42) Part 15 - Generics - Generic Delegates and Events⌨️ (6:34:56) Part 16 - Generics - The Factory Design Pattern⌨️ (6:56:23) Part 17 - Async / Await Task - Introduction⌨️ (7:35:36) Part 18 - Async / Await Task - Task.Run()⌨️ (8:04:34) Part 19 - Async / Await Task - Best Practices⌨️ (8:45:23) Part 20 - Async / Await Task - Cancelling Asynchronous Operations⌨️ (9:13:47) Part 21 - LINQ - Introduction⌨️ (9:50:14) Part 22 - LINQ - Queries⌨️ (10:29:57) Part 23 - LINQ - Operators⌨️ (11:16:51) Part 24 - LINQ - More Operators and Summary⌨️ (12:18:46) Part 25 - C# Attributes⌨️ (13:33:13) Part 26 - C# Reflection⌨️ (14:34:53) Part 27 - .NET Framework and .NET Core⌨️ (14:39:06) Part 28 - .NET 6⌨️ (14:50:52) Part 29 - .NET 7⭐️ Code ⭐️Part 1github.com/GavinLonDigital/SchoolHRAdministrationPart 3github.com/GavinLonDigital/DelegateBasicExamplePart 4github.com/GavinLonDigital/ClubMembershipApplicationPart 5github.com/GavinLonDigital/CovarianceAndContravarianceDelegateExamplePart 6github.com/GavinLonDigital/FuncActionPredicateExamplesPart 7docs.microsoft.com/en-us/dotnet/standard/asynchronous-programming-patterns/using-an-asynccallback-delegate-to-end-an-asynchronous-operation?view=netframework-4.8Part 8docs.microsoft.com/en-us/dotnet/standard/events/how-to-raise-and-consume-eventsPart 9github.com/GavinLonDigital/ThermostatEventsAppPart 10github.com/GavinLonDigital/EmployeeUWPAppPart 11github.com/GavinLonDigital/BuildingSurveillanceSystemApplicationPart 12github.com/GavinLonDigital/GenericsBasicsPart 13github.com/GavinLonDigital/GenericBubbleSortApplicationPart 14github.com/GavinLonDigital/HardwareWarehouseManagementSystemPart 15github.com/GavinLonDigital/DigitalProductInventoryApplicationPart 16-UWP Project--------------------github.com/GavinLonDigital/TestClientAsyncUWPWeb API Project--------------------------github.com/GavinLonDigital/TestTimeConsumingOperationWebAPIPart 17github.com/GavinLonDigital/FinancialTradingPlatformApplicationPart 18github.com/GavinLonDigital/FinancialTradingPlatformUWPPart 19docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/async/cancel-an-async-task-or-a-list-of-tasksPart 20github.com/GavinLonDigital/ThePretendCompanyApplicationPart 21github.com/GavinLonDigital/LINQExamples_1Part 22github.com/GavinLonDigital/LINQExamples_1Part 23github.com/GavinLonDigital/LINQExamples_2Part 24github.com/GavinLonDigital/AttributesExamplesPart 25github.com/GavinLonDigital/TestHarness🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Pandas & Python for Data Analysis by Example – Full Course for Beginners freeCodeCamp.org 2023-06-21 | 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 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: 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: 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: 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: 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: 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: 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: 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: 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners freeCodeCamp.org 2023-06-20 | Learn how to use Supabase in this full course for beginners. Supabase is an open source Firebase alternative for building secure and performant Postgres backends with minimal configuration.💻 Code: github.com/guillaumeduhan/supabase-vue3✏️ Course developed by @codewithguillaume ⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:04:13) Create a project⌨️ (0:15:58) Tables⌨️ (0:30:37) RLS (Row Level Security)⌨️ (0:44:52) Authentication⌨️ (0:53:49) User management⌨️ (0:59:16) Recover password⌨️ (1:04:37) E-mails templates⌨️ (1:11:28) URL Configuration⌨️ (1:13:54) Read, insert or delete⌨️ (1:32:09) Subscriptions⌨️ (1:40:16) Relations⌨️ (1:45:15) Functions⌨️ (1:52:00) Triggers⌨️ (2:00:37) Schemas⌨️ (2:05:02) Storage⌨️ (2:12:49) Logs⌨️ (2:19:11) Extensions⌨️ (2:24:43) Realtime⌨️ (2:30:04) Edge-functions⌨️ (2:44:14) Webhooks⌨️ (2:49:53) Self-host or Local dev🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Pointers in C for Absolute Beginners – Full Course freeCodeCamp.org 2023-06-15 | 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Microsoft Power Platform Fundamentals (PL-900) — Full Course Pass the Exam! freeCodeCamp.org 2023-06-13 | Prepare for the Microsoft Power Platform Fundamentals Certification (PL-900) and pass!Candidates for this exam aspire to understand how Microsoft Power Platform technologies can be used to improve processes and help drive business outcomes. The exam is intended for candidates seeking to start their journey building solutions with Microsoft Power Platform.✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: youtube.com/ExamProChannel🔗 ExamPro Cloud Obsessed Certification Training: exampro.co☁️ Introduction🎤 (0:10:07) Exam Breakdown🎤 (0:13:23) Practice Exam Sample☁️ Business value of Microsoft Power Platform services🎤 (0:16:18) What is Power Platform🎤 (0:19:58) Power Platform Features🎤 (0:21:22) Business value of Power Platform☁️ Microsoft Power Platform value in extending business solutions🎤 (0:23:59) Power Platform apps with Dynamics 365 apps🎤 (0:25:45) Microsoft Power Platform with Microsoft 365 apps and services🎤 (0:27:22) How Power Platform apps work together🎤 (0:29:28) Power Platform solutions with Microsoft Teams🎤 (0:30:57) Power Platform using Microsoft Azure services☁️ Microsoft Power Platform administration and security🎤 (0:32:45) Power Platform Security Model🎤 (0:35:13) Environments in Power Platform🎤 (0:36:48) Environments Permissions🎤 (0:38:42) Power Platform admin center🎤 (0:40:54) Microsoft 365 admin center☁️ Microsoft Dataverse🎤 (0:42:38) Overview of Dataverse🎤 (0:46:13) Traditional Databases vs Microsoft Dataverse🎤 (0:48:10) Tables and columns in Dataverse🎤 (0:49:57) Relationships🎤 (0:51:34) Environments in Dataverse🎤 (0:53:01) Business Rules🎤 (0:54:27) Dataflows in Dataverse🎤 (0:55:46) Dataverse Connectors🎤 (0:57:32) Standard and Premium Connectors🎤 (0:59:16) Custom Connectors🎤 (1:01:14) Triggers and Actions☁️ Capabilities of Power BI🎤 (1:02:40) Power BI🎤 (1:03:40) Parts of Power BI🎤 (1:04:54) Power BI Workspace🎤 (1:06:15) Datasets🎤 (1:08:30) Reports🎤 (1:10:03) Dashboards🎤 (1:11:39) Dashboards vs Reports🎤 (1:13:06) Template Apps☁️ Connect to and consume data🎤 (1:14:08) Data modeling and visualization🎤 (1:15:53) Types of visualization in Power BI🎤 (1:17:16) Custom Visuals🎤 (1:18:41) Filter data with Power BI and Slicers🎤 (1:20:55) Buttons in Power BI🎤 (1:22:26) Power Query Editor🎤 (1:24:27) Aggregate🎤 (1:26:52) Power BI Security and Administration☁️ Build a basic dashboard using Power BI🎤 (1:28:33) Create an Account🎤 (1:33:25) Power BI Sample Report🎤 (1:39:19) Create a Report and Dashboard☁️ Capabilities of Power Apps🎤 (1:46:34) Power Apps🎤 (1:48:24) Power Apps Portals🎤 (1:49:52) AI Builder🎤 (1:51:31) AI Builder in Power Apps🎤 (1:53:54) Functions in Power Apps☁️ Canvas apps🎤 (1:55:33) Canvas Apps🎤 (1:58:09) Canvas Apps Basic Elements🎤 (2:00:53) Canvas Apps Demo☁️ Model driven apps🎤 (2:06:58) Model driven apps🎤 (2:08:20) Model driven apps and canvas apps differences🎤 (2:11:30) Model driven app design phase🎤 (2:13:20) Building blocks on model driven apps🎤 (2:16:55) Business Logic🎤 (2:18:46) Dashboards in Power Apps🎤 (2:20:00) Model Driven App Template🎤 (2:23:43) Create a Model Driven App☁️ Capabilities of Power Automate🎤 (2:35:13) Power Automate🎤 (2:36:56) Types of flows in Power Automate🎤 (2:38:40) Cloud flow templates🎤 (2:40:52) Actions and Triggers🎤 (2:42:45) Loops🎤 (2:44:38) Switch🎤 (2:46:08) Conditions🎤 (2:47:29) Expressions🎤 (2:49:58) Approvals🎤 (2:52:13) Use cases for Power Automate🎤 (2:54:17) Power Automate Apps🎤 (2:56:51) Actions for Power Automate desktop flow🎤 (2:58:45) Document Processing🎤 (3:01:00) AI Builder in Power Automate☁️ Build a basic cloud flow🎤 (3:02:18) Create an automated cloud flo☁️ Complementary Microsoft Power Platform solutions🎤 (3:07:39) Power Virtual Agents🎤 (3:09:15) Power Virtual Agents Feature🎤 (3:11:23) Topics🎤 (3:12:53) Entities and Actions🎤 (3:14:40) Publishing🎤 (3:16:21) Add chatbot to Teams🎤 (3:17:52) Create a Topic🎤 (3:19:08) Power Pages🎤 (3:20:15) Power Pages capabilities🎤 (3:22:51) Power Pages templates🎤 (3:24:25) Integration with other Power Platform component
Learn Rust Programming - Complete Course 🦀 freeCodeCamp.org 2023-06-08 | In this comprehensive Rust course for beginners, you will learn about the core concepts of the language and underlying mechanisms in theory.✏️ Course developed by @zubiarfan 🔗 Rust by Practice: https://practice.rs/🔗 Code: github.com/3rfaan/courses/tree/main/Rust/rust-by-practice/src⭐️ Contents ⭐️00:00:00 Introduction & Learning Resources00:06:19 Variables00:27:07 Numbers & Binary System01:09:51 Chars, Bools & Unit Types01:17:55 Statements & Expressions01:24:50 Functions01:32:53 Ownership02:24:06 Borrowing02:47:45 String vs. &str03:17:59 Slices03:31:35 Tuples03:40:04 Structs04:02:52 Enums04:13:46 The "Option" Enum04:21:32 Flow Control04:44:43 Pattern Match05:16:42 Methods & Associated Functions05:31:50 Generics06:06:32 Traits06:47:15 Trait Objects07:09:51 Associated Types07:39:31 String07:59:52 Vectors08:29:00 HashMaps08:52:45 Type Coercion09:04:54 From & Into09:36:03 panic!09:44:56 Result10:28:23 Cargo, Crates & Modules11:08:28 Debug & Display11:30:13 Lifetimes12:14:46 Lifetime Elision12:38:53 Closures13:30:08 IteratorsCorrection:12:53:20 Because of the `move` keyword the closure actually takes ownership of the `movable` variable, not an immutable reference. The reason we can call the closure twice is because the `movable` variable INSIDE the closure is the owner of the data. Meaning we can call the closure any number of times.🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Deep Learning for Computer Vision with Python and TensorFlow – Complete Course freeCodeCamp.org 2023-06-06 | Learn the basics of computer vision with deep learning and how to implement the algorithms using Tensorflow.Author: Folefac Martins from Neuralearn.aiMore Courses: www.neuralearn.aiLink to Code: colab.research.google.com/drive/18u1KDx-9683iZNPxSDZ6dOv9319ZuEC_YouTube Channel: youtube.com/@neuralearn⭐️ Contents ⭐️Introduction⌨️ (0:00:00) Welcome⌨️ (0:05:54) Prerequisite⌨️ (0:06:11) What we shall LearnTensors and Variables⌨️ (0:12:12) Basics⌨️ (0:19:26) Initialization and Casting⌨️ (1:07:31) Indexing⌨️ (1:16:15) Maths Operations⌨️ (1:55:02) Linear Algebra Operations⌨️ (2:56:21) Common TensorFlow Functions⌨️ (3:50:15) Ragged Tensors⌨️ (4:01:41) Sparse Tensors⌨️ (4:04:23) String Tensors⌨️ (4:07:45) VariablesBuilding Neural Networks with TensorFlow [Car Price Prediction]⌨️ (4:14:52) Task Understanding⌨️ (4:19:47) Data Preparation⌨️ (4:54:47) Linear Regression Model⌨️ (5:10:18) Error Sanctioning⌨️ (5:24:53) Training and Optimization⌨️ (5:41:22) Performance Measurement⌨️ (5:44:18) Validation and Testing⌨️ (6:04:30) Corrective MeasuresBuilding Convolutional Neural Networks with TensorFlow [Malaria Diagnosis]⌨️ (6:28:50) Task Understanding⌨️ (6:37:40) Data Preparation⌨️ (6:57:40) Data Visualization⌨️ (7:00:20) Data Processing⌨️ (7:08:50) How and Why ConvNets Work⌨️ (7:56:15) Building Convnets with TensorFlow⌨️ (8:02:39) Binary Crossentropy Loss⌨️ (8:10:15) Training Convnets⌨️ (8:23:33) Model Evaluation and Testing⌨️ (8:29:15) Loading and Saving Models to Google DriveBuilding More Advanced Models in Teno Convolutional Neural Networks with TensorFlow [Malaria Diagnosis]⌨️ (8:47:10) Functional API⌨️ (9:03:48) Model Subclassing⌨️ (9:19:05) Custom LayersEvaluating Classification Models [Malaria Diagnosis]⌨️ (9:36:45) Precision, Recall and Accuracy⌨️ (10:00:35) Confusion Matrix⌨️ (10:10:10) ROC PlotsImproving Model Performance [Malaria Diagnosis]⌨️ (10:18:10) TensorFlow Callbacks⌨️ (10:43:55) Learning Rate Scheduling⌨️ (11:01:25) Model Checkpointing⌨️ (11:09:25) Mitigating Overfitting and UnderfittingData Augmentation [Malaria Diagnosis]⌨️ (11:38:50) Augmentation with tf.image and Keras Layers⌨️ (12:38:00) Mixup Augmentation⌨️ (12:56:35) Cutmix Augmentation⌨️ (13:38:30) Data Augmentation with AlbumentationsAdvanced TensorFlow Topics [Malaria Diagnosis]⌨️ (13:58:35) Custom Loss and Metrics⌨️ (14:18:30) Eager and Graph Modes⌨️ (14:31:23) Custom Training LoopsTensorboard Integration [Malaria Diagnosis]⌨️ (14:57:00) Data Logging⌨️ (15:29:00) View Model Graphs⌨️ (15:31:45) Hyperparameter Tuning⌨️ (15:52:40) Profiling and VisualizationsMLOps with Weights and Biases [Malaria Diagnosis]⌨️ (16:00:35) Experiment Tracking⌨️ (16:55:02) Hyperparameter Tuning⌨️ (17:17:15) Dataset Versioning⌨️ (18:00:23) Model VersioningHuman Emotions Detection⌨️ (18:16:55) Data Preparation⌨️ (18:45:38) Modeling and Training⌨️ (19:36:42) Data Augmentation⌨️ (19:54:30) TensorFlow RecordsModern Convolutional Neural Networks [Human Emotions Detection]⌨️ (20:31:25) AlexNet⌨️ (20:48:35) VGGNet⌨️ (20:59:50) ResNet⌨️ (21:34:07) Coding ResNet from Scratch⌨️ (21:56:17) MobileNet⌨️ (22:20:43) EfficientNetTransfer Learning [Human Emotions Detection]⌨️ (22:38:15) Feature Extraction⌨️ (23:02:25) FinetuningUnderstanding the Blackbox [Human Emotions Detection]⌨️ (23:15:33) Visualizing Intermediate Layers⌨️ (23:36:20) Gradcam methodTransformers in Vision [Human Emotions Detection]⌨️ (23:57:35) Understanding ViTs⌨️ (24:51:17) Building ViTs from Scratch⌨️ (25:42:39) FineTuning Huggingface ViT⌨️ (26:05:52) Model Evaluation with WandbModel Deployment [Human Emotions Detection]⌨️ (26:27:13) Converting TensorFlow Model to Onnx format⌨️ (26:52:26) Understanding Quantization⌨️ (27:13:08) Practical Quantization of Onnx Model⌨️ (27:22:01) Quantization Aware Training⌨️ (27:39:55) Conversion to TensorFlow Lite⌨️ (27:58:28) How APIs work⌨️ (28:18:28) Building an API with FastAPI⌨️ (29:39:10) Deploying API to the Cloud⌨️ (29:51:35) Load Testing with LocustObject Detection with YOLO⌨️ (30:05:29) Introduction to Object Detection⌨️ (30:11:39) Understanding YOLO Algorithm⌨️ (31:15:17) Dataset Preparation⌨️ (31:58:27) YOLO Loss⌨️ (33:02:58) Data Augmentation⌨️ (33:27:33) TestingImage Generation⌨️ (33:59:28) Introduction to Image Generation⌨️ (34:03:18) Understanding Variational Autoencoders⌨️ (34:20:46) VAE Training and Digit Generation⌨️ (35:06:05) Latent Space Visualization⌨️ (35:21:36) How GANs work⌨️ (35:43:30) The GAN Loss⌨️ (36:01:38) Improving GAN Training⌨️ (36:25:02) Face Generation with GANsConclusion⌨️ (37:15:45) What's Next
Neo4j Course for Beginners freeCodeCamp.org 2023-06-01 | Learn how to use Neo4j with Java Spring Boot and React. Neo4j is a powerful graph database that enables organizations to model, store, and analyze complex relationships between data points. It's intuitive graph-based structure offers a flexible and efficient solution for diverse applications, making it a leading choice for managing connected data.This course is taught by freeCodeCamp team members Farhan Chowdhury and Gavin Lon.🏗 Neo4j provided a grant to make this course possible. ⭐️ Important Links ⭐️🔗 Neo4j - neo4j.com💻 Spring Boot Project Code - github.com/fhsinchy/spring-neo4j💻 React Code - github.com/GavinLonDigital/Curriculum-mngt🔗 Oracle Java Development Kit - oracle.com/java/technologies/downloads🔗 Microsoft Build of OpenJDK - microsoft.com/openjdk🔗 IntelliJ IDEA - jetbrains.com/idea🔗 Cypher Cheat Sheet - neo4j.com/docs/cypher-cheat-sheet🔗 Cypher Docs - neo4j.com/docs/cypher-manual/current/introduction🔗 Field Dependency Injection Considered Harmful - vojtechruzicka.com/field-dependency-injection-considered-harmful⭐️ Contents ⭐️ 0:00:00 Introduction0:02:38 Discussion on Commonly Used Database Management Systems0:08:00 Social Media Platforms and Graph Database Management Systems0:08:49 The Integration of a Graph Database Management System into an Overall System Design0:11:10 Relationships in RDBMS vs. Relationships in GDBMS0:11:55 Whiteboard Presentation Highlighting Relationships between Nodes in. GDBMS0:14:59 Discussion on SQL and Cypher0:17:03 Install Neo4j Desktop0:17:15 Install SQL Server0:17:35 Create Graph Database and Similar SQL Server Database0:20:40 Run Cypher Queries and Similar SQL Queries0:24:58 Creating database and connecting to database0:28:46 Practical introduction to Cypher Query Language0:47:26 Creating and initializing the project database0:53:49 JDK and IntelliJ IDEA Installation0:55:24 Initializing a new Spring Boot project0:59:54 Acknowledgement of a mistake in the recording1:01:54 Implementation of Courses and Lessons1:56:36 Implementation of Users and Authentication2:48:11 Implementation of Courses Enrolments3:27:57 Viewer Knowledge Prerequisites3:28:21 Setting up the Environment with VS Code and Node3:28:53 Create Curriculum Management Application React Project3:35:29 Create Home React Component3:37:34 Install Dependencies3:44:12 Create Header React Component3:48:35 Add CSS Styles to App.css3:50:17 Create Register React Component4:13:31 Create Axios Configuration Code4:18:09 Discuss Local Setup for Java Web API4:19:52 Create Login React Component4:36:05 Create Context with AuthProvider Component4:37:46 Create useAuth Hook4:38:44 Create Interceptor Functionality in useAxiosPrivate Hook4:40:27 Create Authentication Functionality4:45:09 Http Call to Retrieve a List of Courses4:52:57 Create Course React Component5:00:32 Create EnrolledCourses React component5:06:07 Create Functionality to Enroll a Student into a Course5:12:57 Create Video Component5:16:57 Create Spinner React Component5:22:24 Additional Styling to Finish the Application🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners freeCodeCamp.org 2023-05-30 | This course will teach you how to build AI-powered apps with the ChatGPT, Dall-E and GPT-4 APIs. Go here to try the interactive browser-version: scrimba.com/learn/buildaiapps✏️ This course was created by Tom Chant, a teacher at Scrimba. If you have any feedback to Tom, please reach out to him on Twitter here:twitter.com/tpchantAlso, follow Scrimba on YouTube here: youtube.com/c/ScrimbaWe recommend that you learn basic HTML, CSS, and JavaScript before taking this course. Here are two free courses that will get you up to speed:🔗 HTML & CSS: scrimba.com/learn/htmlandcss🔗 JavaScript: scrimba.com/learn/learnjavascript⭐️ Code ⭐️ 🔗 Download via Scrimba: scrimba.com/learn/buildaiapps💫 Links mentioned in course:🔗 GPT-4 waiting list: scrimba.com/links/gpt4-waitlist-openai🔗 OpenAI Home: scrimba.com/links/openai🔗 OpenAI Docs: scrimba.com/links/openai-docs-intro🔗 OpenAI Completions endpoint docs: scrimba.com/links/openai-completions-docs🔗 GPTTools.com model comparison: scrimba.com/links/open-ai-comparison-tool🔗 OpenAI Playground: scrimba.com/links/open-ai-playground🔗 Dall-E: scrimba.com/links/dall-e-openai🔗 OpenAI endpoint compatibility table: scrimba.com/links/chatgpt-endpoint-compatibility🔗 GPT-4 Chatbot conversation object format: scrimba.com/links/chatgpt-object-format🔗 Data used to fine-tune We-Wingit Chatbot: scrimba.com/links/we-wingit-data-csv🔗 Firebase home: scrimba.com/links/firebase-home🔗 Firebase .val() method: scrimba.com/links/firebase-val-method🔗 Object.values MDN: scrimba.com/links/object-dot-values🔗 Netlify: scrimba.com/links/netlify-home⭐️ Contents ⭐️0:00:00 Introduction0:01:19 Course Intro0:04:56 MoviePitch intro0:07:53 The Boilerplate0:11:26 Getting an OpenAI API Key0:13:32 Getting info for fetch request0:15:14 Building an OpenAI fetch request0:20:23 The first AI fetch request0:26:41 Models0:30:18 Tools0:34:03 Refactor to use dependency l - env variable0:38:11 Refactor to use dependency ll - The dependency0:41:07 Refactor to use dependency lll - update fetchReply0:44:40 Take out of Scrimba0:46:45 Personalising the message0:53:04 Tokens0:57:09 fetchSynopsis1:03:44 Aside - few shot approach1:10:45 Aside - few shot approach ll1:13:42 Refactor fetchSynopsis1:21:00 Architecture1:23:23 Title and Temperature1:31:52 Reaching for the stars1:37:52 Aside - createImage1:46:56 fetchImagePrompt1:54:21 Displaying the image and finishing off the UX2:03:16 OutroKnowItAll: GPT-4 Chatbox2:06:47 KnowItAll Intro2:09:40 Starter Code2:13:10 Aside: How ChatGPT models work for chatbots2:18:24 Conversation and instructions2:20:21 Add user input to conversation array2:23:06 The createChatCompletion endpoint2:24:38 The model and object2:28:46 Render the output, update the array2:33:37 Aside: Theory: Frequency and presence penalties2:37:07 presence_penalty practice2:38:36 frequency_penalty practice2:44:54 The chatbot’s personality2:47:06 Firebase Intro2:48:27 Firebase Account and database set up2:50:43 Firebase dependency and database set up2:55:53 Push method and instructions object2:58:33 Update fetch Reply3:02:24 Update fetchReply 23:04:49 Update the database3:07:19 Render the conversation from the DB3:12:02 The “start over” button3:15:20 OutroWe-Wingit: Fine-tuned chatbot3:17:28 Intro to fine-tuning3:20:04 Convert the Chatbot to We-Wingit3:22:15 An Overview of the AI3:23:52 Data for fine-tuning3:26:34 The data we’re using3:30:05 CLI 1 - Setting up the environment3:33:03 CLI 2 - Data Preparation Tool3:37:03 CLI 3 - Tuning the model3:38:55 Updating the JS 13:41:33 Updating the JS 23:44:15 Updating the JS 33:47:01 The Separator3:52:32 Aside - Stop Sequence3:55:50 Adding the stop sequence4:00:36 n_epochs4:07:24 Intro to deployment4:09:46 Download and GitHub4:12:07 Netlify sign-up4:13:56 Add Netlify env var4:15:54 Netlify CLI4:17:30 Netlify serverless function 14:19:52 Update fetchReply4:24:28 Serverless function 24:27:30 Serverless function 34:29:21 Serverless function 44:32:32 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--Learn to code for free and get a developer job: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase freeCodeCamp.org 2023-05-25 | In this project tutorial, you will build a LeetCode clone with React, Tailwind CSS, Next.JS, Typescript, and Firebase. Also deploy it to Vercel at the end.💻 Source Code: github.com/burakorkmez/leetcode-clone-youtube💻 Github Gist: gist.github.com/burakorkmez/5ba4c1a910f396050a2ac2f229418f54🔗 Demo Project: https://leetclone.vercel.app/problems/two-sum🔗 Discord Server(to ask questions): discord.gg/YFn2WyheZVCourse created by @burakorkmez ⭐️ Contents ⭐️0:00:00 Intro0:00:29 Demo of The App0:05:23 Project Setup0:08:51 Auth Page Setup0:13:19 Auth Page Navbar0:18:54 AuthModal Layout UI0:22:16 Login UI0:29:41 Signup UI0:31:59 ResetPassword UI0:33:13 Integrating Recoil Auth State0:47:31 Firebase Setup0:52:41 Signup Functionality1:01:21 Login Functionality1:05:14 Auth Page Route Guard1:08:01 Home Page UI1:12:50 Problems Table UI1:21:01 Youtube Video Modal1:29:51 Topbar Update On Auth1:32:46 Logout Functionality1:37:11 Auth Modal Optimizations1:38:44 Reset Password Functionality1:42:56 React Toastify1:47:19 Image optimizations1:54:33 Creating [pid] page and update topbar2:02:27 Creating Timer.tsx2:12:31 Creating Workspace.tsx2:15:18 Splitting The Page2:19:47 Creating ProblemDescrition.tsx2:26:03 Creating PreferenceNav.tsx2:34:39 Creating Code Editor2:41:10 Adding Test Cases UI2:50:15 Creating EditorFooter.tsx2:56:32 Data Handling Explained3:01:50 Two Sum Problem3:12:52 Reverse Linked List3:18:05 Jump Game Problem3:20:13 Valid Parentheses Problem3:21:16 Search 2d Matrix Problem3:22:01 Using SSG for [pid].tsx3:46:47 Updating testcases UI3:51:39 Initializing Firestore3:55:56 Adding problems to DB4:12:09 Fetch Problems4:32:58 Create Users in DB4:40:33 Fetch problem data4:51:28 Loading skeletons4:56:35 Get user data on the problem5:06:23 Like functionality5:27:51 Dislike functionality5:39:03 Star functionality5:46:03 Next and Previous problem5:55:23 Solving Hydration Error5:58:08 Confetti Celebration6:01:43 Code Submission6:20:50 Save code to localstorage6:24:48 Solving bugs6:31:08 Toggle Full Screen6:34:13 SettingsModal UI6:41:33 SettingsModal Functionality6:54:23 Update Home Page6:59:11 Sandboxing technique7:01:58 Deployment7:05:08 Firebase Rules🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Django ChatGPT Clone Tutorial freeCodeCamp.org 2023-05-24 | Learn how to use Django and the OpenAI API to create a ChatGPT clone, complete with user authentication.✏️ Course created by @CodeWithTomi Code: 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator freeCodeCamp.org 2023-05-22 | Learn how to use Next.js, TypeScript, and AWS Amplify to build a full stack inspirational quote generator app. You'll learn to use the ZenQuotes' API for fetching quotes and then you'll deep into state management, hooks, debugging, NoSQL database modeling, and much more.✏️ Course created by @BrianHHough 💻 Code: github.com/BrianHHough/inspirational-quote-generator-freeCodeCampLive Site: prod.d162tlmsvnhy1m.amplifyapp.com⭐️ Contents ⭐️⌨️ (0:00:00) 📱 Intro + Demo of App⌨️ (0:07:17) 📂 Set up your GitHub Repository⌨️ (0:10:53) 💻 Create a new Next.js + Styled Components project ⌨️ (0:26:37) 🅰️ Add Google Fonts to the App⌨️ (0:30:22) 🎑 Create a Dynamic Background⌨️ (0:53:02) 📑 Create a Footer for our Database Data⌨️ (1:04:16) 🚪 Create a Pop-Up with Material-UI Modal + Hype4Academy Glassomorphism⌨️ (1:23:26) 🖼️ Write a Node.js Script to Generate Images in CodeSandbox⌨️ (1:36:23) 📡 Use Node.js' fetch Function to Call ZenQuotes' API to Generate Images⌨️ (2:04:33) ⚙️ Use the AWS Amplify CLI to Initialize the Project ⌨️ (2:12:01) 🔄 Configure the App to Communicate with AWS Amplify⌨️ (2:16:31) 🌐 Create a GraphQL API with AWS AppSync⌨️ (2:26:12) 🔒 Add Authentication with Amazon Cognito and IAM⌨️ (2:30:08) 🌩️ Add an AWS Lambda function to the AWS services stack⌨️ (2:32:08) ☁️ Deploy our initial AWS CloudFormation stack to the cloud⌨️ (2:38:00) 🛡️ Add Auth Directives to the GraphQL API⌨️ (2:41:09) 📝 Write NoSQL Data to Amazon DynamoDB⌨️ (2:44:34) ⏰ Write a Node.js Script to Generate AWSDateTime in CodeSandbox⌨️ (2:51:45) 🔎 Query Amazon DynamoDB Data with AWS AppSync⌨️ (3:11:48) 💬 Create the Quote Generator Pop-Up Modal with useState Hooks⌨️ (3:35:15) ⏳ Create Loading States for when the API calls AWS Lambda ⌨️ (4:02:26) 🌠 Create a Button with a Lottie Image⌨️ (4:11:21) 📥 Write a Function to Download Images to your Device⌨️ (4:15:22) 🔁 Write a useEffect Hook with Buffer to Decode Base64 Image Strings⌨️ (4:21:18) 🧪 Test a Mock API Response with a Base64 Encoded String⌨️ (4:33:49) 🔄 Deploy the Node.js Script to AWS Lambda with Access to Amazon DynamoDB⌨️ (5:05:45) 🧪 Test the AWS Lambda Function & Debug with Amazon CloudWatch Logs⌨️ (5:08:13) 🛠️ Modify Installation Script for Sharp to Work Inside of AWS Lambda⌨️ (5:20:05) 📜 Write a Function to Retrieve Quotes via AWS Lambda, AWS AppSync, and IAM⌨️ (5:39:18) 🖥️ Add App Hosting with a CI/CD Pipeline using AWS Amplify & GitHub⌨️ (5:52:47) 🐞 Debug the CI/CD Pipeline by Modifying the AWS Amplify Build Settings⌨️ (6:02:47) 🚀 Celebrate the Final Build! ⌨️ (6:04:44) 🎉 Project 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--Learn to code for free and get a developer job: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Use ChatGPT to Code a Full Stack App – Full Course freeCodeCamp.org 2023-05-18 | Learn how to use ChatGPT for full stack development. In this course, you'll learn how to leverage the power of ChatGPT to accelerate your development process and make programming smoother. Judy will show you how to build an educational application, using ChatGPT to ask questions about coding syntax, troubleshooting, and learning best practices.✏️ Created by @webdecoded 💻 Finished code from this course: github.com/judygab/course-app🔗 Judy's Full Stack Notion Template on Gumroad: webdecoded.gumroad.com/l/full-stack⭐️ Contents ⭐️⌨️ (0:00:00) Intro⌨️ (0:02:57) App Architecture ⌨️ (0:05:31) Picking the Database⌨️ (0:09:31) Setting up the project⌨️ (0:12:40) Connecting to the Database⌨️ (0:18:17) Creating Tables⌨️ (0:19:20) Seeding Database⌨️ (0:21:18) Displaying Courses⌨️ (0:31:13) Setting Up Authentication⌨️ (0:46:50) Adding Header⌨️ (0:54:09) Search Bar⌨️ (1:06:53) Course Categories⌨️ (1:29:44) User Profiles⌨️ (1:43:46) Enroll in Course Functionality⌨️ (1:51:23) Displaying Saved Courses⌨️ (2:14:23) Other ChatGPT Use Cases🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
JavaScript Security Vulnerabilities Tutorial – With Code Examples freeCodeCamp.org 2023-05-16 | Learn about 10 security vulnerabilities every JavaScript developer should know. First try to find the vulnerabilities in the different code examples. Then learn how to fix the issues.✏️ Brandon from Semgrep developed this course.🔗 Learn more about Semgrep: https://go.semgrep.dev/scan-in-1-minute-for-free🏗 Semgrep provided a grant to make this course possible.🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners freeCodeCamp.org 2023-05-15 | Learn how to use Ionic and Capacitor to build native mobile applications in this full course for beginners. This course will guide you step by step, from getting started with Ionic and Capacitor to deploying your cross-platform app on various platforms, ensuring you gain the skills needed to create impressive mobile applications. Get ready to dive into a world of Ionic components, animations, gestures, and more!💻 Code: github.com/saimon24/ionic-react-capacitor-course✏️ Simon Grimm created this course.Ionic Academy: ionicacademy.comSimon on Twitter: twitter.com/schlimmsonSimon’s YouTube: @galaxies_dev ⭐️ Contents ⭐️⌨️ (0:00:00) About this Course⌨️ (0:02:42) Getting started with Ionic & Capacitor⌨️ (0:15:45) Run and Debug your App⌨️ (0:24:09) Building a Login Screen⌨️ (0:49:34) Creating Introduction Slides with Swiper⌨️ (1:00:29) Storing data with Capacitor Preferences⌨️ (1:11:42) Responsive UI with Ionic Grid⌨️ (1:17:25) Creating a Drawer Menu⌨️ (1:30:32) Building a Tab Bar⌨️ (1:38:59) Ionic Components and Modals⌨️ (2:16:11) Ionic Animations API⌨️ (2:21:26) Ionic Gesture API⌨️ (2:27:32) Ionic Web Components and Styling⌨️ (2:43:12) Using Capacitor Plugins⌨️ (2:53:35) App Icon and Splash Screen⌨️ (2:58:50) Building a native app for iOS and Android⌨️ (3:02:21) Deploying Ionic as a Webapp⌨️ (3:04:26) Building a Desktop app with Electron⌨️ (3:07:25) Final Ionic React Cross Platform App⌨️ (3:08:22) Where to learn more about Ionic?Let me know if there is anything that needs changing or if you need any more information.Hope you enjoy the course, and I think it turned out pretty well and should quickly become the go-to video for people starting out with Ionic React!Cheers,Simonionicacademy.comhttp://devdactic.comtwitter.com/schlimmson🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Go Programming – Golang Course with Bonus Projects freeCodeCamp.org 2023-05-11 | Learn the Go programming language in this full course for beginners. You'll practice writing performant, idiomatic Go with these hands-on lessons and challenges.💻 Code: github.com/bootdotdev/fcc-learn-golang-assets💻 Follow along interactively on Boot.dev: https://boot.dev/learn/learn-golang✏️ Course created by @bootdotdev 🐦 Follow Lane on Twitter: twitter.com/wagslane🔗 Learn back-end on Boot.dev: https://boot.dev🔗 Need help? Join the Boot.dev Discord: https://boot.dev/communityDocumentation used:🔗 Chi router: github.com/go-chi/chi🔗 Goose migrations: github.com/pressly/goose🔗 Text instructions for the project: https://boot.dev/build/blog-aggregator⭐️ Contents ⭐️(0:00:00) Intro(0:03:17) Ch 1. Why write Go?(0:27:39) Ch 2. Variables(0:51:11) Ch 3. Functions(1:16:58) Ch 4. Structs(1:34:36) Ch 5. Interfaces(2:00:26) Ch 6. Errors(2:22:01) Ch 7. Loops(2:48:21) Ch 8. Slices(3:39:54) Ch 9. Maps(4:06:19) Ch 10. Advanced functions(4:31:03) Ch 11. Pointers(4:48:02) Ch 12. Local development(5:31:43) Ch 13. Channels & concurrency(6:07:38) Ch 14. Mutexes(6:30:56) Ch 15. Generics(6:38:38) Ch 16. Quiz(6:43:13) P1. RSS aggregator project(6:53:43) P2. Chi router(7:11:37) P3. Postgres database(7:39:10) P4. Authentication w/ API keys(8:18:28) P5. Many to many relationships(8:39:13) P6. Aggregation worker(9:05:28) P7. Viewing blog posts🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Functional Programming with Elixir – Full Course freeCodeCamp.org 2023-05-10 | Learn Elixir and functional programming in this coruse for beginners. By the end of this course, you'll be able to build your own Elixir applications and confidently apply functional programming concepts in your projects.✏️ Course created by @octallium 💻 Github Repo: github.com/octallium/functional-programming-with-elixir⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:01:45) What is Elixir?⌨️ (0:04:07) What is functional programming?⌨️ (0:06:57) What is Recursion?⌨️ (0:13:04) Installing Elixir & Setting Up VS Code⌨️ (0:15:03) Learning & Unlearning⌨️ (0:18:29) Pattern Matching⌨️ (0:22:35) Introduction to LiveBook⌨️ (0:26:04) Understanding Immutability⌨️ (0:30:22) Actor Model⌨️ (0:34:48) Hello World in Elixir⌨️ (0:43:25) Data Types - Atom⌨️ (0:50:25) Data Types - String⌨️ (1:45:29) Data Types - Charlist, Process & List⌨️ (1:14:54) Data Types - Tuples & Keyword List⌨️ (1:19:27) Data Types - Maps⌨️ (1:25:38) Data Types - Struct⌨️ (1:30:09) Flow Control⌨️ (1:39:54) Mix Project⌨️ (1:41:19) Head & Tail Recursion⌨️ (2:00:17) Recursion - Sum Digits⌨️ (2:15:31) Recursion - Factorial⌨️ (2:24:57) Recursion - Reverse Number⌨️ (2:32:45) Lists Are LinkedList!!!⌨️ (2:35:53) List Sum⌨️ (2:47:04) Reverse List⌨️ (2:52:58) List Map⌨️ (3:04:34) Concat⌨️ (3:09:23) FlatMap⌨️ (3:14:07) Mid Review⌨️ (3:15:00) Seven Wonders⌨️ (3:40:27) For Comprehension⌨️ (3:42:00) Expense Manager⌨️ (4:04:17) Project Stats⌨️ (5:16:30) Final Words🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
SQL Tutorial for Beginners (and Technical Interview Questions Solved) freeCodeCamp.org 2023-05-09 | Welcome to this comprehensive SQL tutorial course. This course covers the basics of relational databases and SQL, including setting up MySQL, inserting data, and working with aggregation, grouping, and pagination in SQL queries. It also covers advanced topics such as combining tables using joins, executing SQL queries using Python and SQL Alchemy, and solving technical interview questions. By the end of this course, you'll have the knowledge and confidence to excel in SQL.✏️ Course created by@jovianhq Important Links🔗 Relational Databases notebook - jovian.com/aakashns/relational-databases-and-sql🔗 Advanced SQL Aggregation & Joins notebook - jovian.com/aakashns/advanced-sql-aggregation-and-joins🔗 SQL data file: raw.githubusercontent.com/harsha547/ClassicModels-Database-Queries/master/database.sqlA database is an organized collection of structured information, typically stored in the form of tables (rows & columns). Relational databases allow storing and retrieving different kinds of related information e.g. products, customers, and orders for an online shopping site. Structured Query Language or SQL (pronounced "sequel") is the most widely used language for interacting with relational databases, and is an essential skill for Data Science professionals.⭐️ Contents ⭐️⌨️ (0:00:00) Introduction ⌨️ (0:01:28) Relational Databases & SQL⌨️ (0:03:05) Setting up MySQL ⌨️ (0:29:23) Inserting Data into the Table⌨️ (0:56:32) Practice Exercises ⌨️ (1:22:12) Aggregation, grouping & pagination in SQL queries⌨️ (2:23:17) Mapping and Arithmetic Functions⌨️ (2:54:53) Working with Dates⌨️ (3:12:16) Combining Tables using Joins⌨️ (3:30:14) Executing SQL queries using Python and SQL Alchemy⌨️ (4:11:06) 3 step approach to Interview Questions⌨️ (4:36:58) Interview Q - Apple ⌨️ (4:38:59) Interview Q - Linkedin⌨️ (4:43:09) Interview Q - Meta⌨️ (4:50:41) Interview Q - Uber⌨️ (4:59:18) Interview Q - Amazon⌨️ (5:07:27) Interview Q - Google🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
.NET MAUI Course for Beginners – Create Cross-Platform Apps with C# freeCodeCamp.org 2023-05-04 | Learn how to use .NET MAUI for native cross-platform desktop and mobile development! You will learn the essentials of building mobile applications with .NET MAUI and C# while creating a Contacts app. ✏️ Course created by @FrankLiuSoftware ⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:03:42) What is .Net Maui - .Net Maui vs Xamarin Forms⌨️ (0:06:52) Prepare Development Environment _ Create first project⌨️ (0:12:29) Project Structure⌨️ (0:20:28) Three elements of stateful .Net Maui⌨️ (0:23:51) Page, Layout _ View, Namespaces⌨️ (0:33:02) URL based navigation⌨️ (0:51:10) Basics of ListView and Data Binding⌨️ (1:05:58) Events Handling of ListView ⌨️ (1:16:54) Parameters in URL based Navigation _ Static Repository ⌨️ (1:35:35) Stacklayout for Edit Contact page⌨️ (1:52:47) View Contact Details _ Update Contact⌨️ (2:06:40) Observable Collection⌨️ (2:14:58) Field Validation with .Net Maui CommunityToolkit⌨️ (2:27:08) Reusable Control ⌨️ (2:40:37) Grid Layout and Use reusable control⌨️ (2:53:23) ContextActions _ MenuItems in ListView⌨️ (3:03:44) SearchBar in .NetMaui🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Machine Learning Foundations Course – Regression Analysis freeCodeCamp.org 2023-05-03 | Welcome to this core Machine Learning course for beginners! This course is designed to help you build a solid foundation in machine learning, focusing on core concepts and in-depth explanations of regression analysis, which is often overlooked in other courses. Whether you're a beginner or someone looking to strengthen your understanding of machine learning, this course is for you!✏️ Course created by @AyushSinghSh 🔗 Course information: github.com/ayush714/Core-Machine-Learning-Course🔗 Lecture notes and resources: lms.antern.co/courses/core-machine-learning-regression-analysis⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:03:42) ML Foundation⌨️ (1:04:47) Regression Foundation⌨️ (2:51:53) Regression intermediate⌨️ (3:48:48) MLR Intermediate⌨️ (4:52:33) Regression Advance⌨️ (6:31:04) Regression Project 1⌨️ (7:04:15) Regression Project 2🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Harvard CS50’s Introduction to Programming with Python – Full University Course freeCodeCamp.org 2023-05-01 | Learn Python programming from Harvard University. It dives more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap. Topics include database design, scalability, security, and user experience. You will learn how to write and use APIs, create interactive UIs, and leverage cloud services like GitHub and Heroku.This course will teach you how to read and write code as well as how to test and “debug” it. It is designed for students with or without prior programming experience who’d like to learn Python specifically. Learn about functions, arguments, and return values (oh my!); variables and types; conditionals and Boolean expressions; and loops. Learn how to handle exceptions, find and fix bugs, and write unit tests; use third-party libraries; validate and extract data with regular expressions; model real-world entities with classes, objects, methods, and properties; and read and write files. Hands-on opportunities for lots of practice. Exercises inspired by real-world programming problems. No software required except for a web browser, or you can write code on your own PC or Mac.Whereas CS50x (the original CS50 course) itself focuses on computer science more generally as well as programming with C, Python, SQL, and JavaScript, this course, aka CS50P, is entirely focused on programming with Python. You can take CS50P before CS50x, during CS50x, or after CS50x. But for an introduction to computer science itself, you should still take CS50x!💻 Slides, source code, and more at https://cs50.harvard.edu/python✏️ Dr. David J. Malan teaches this course.🖥 Watch the original CS50x course: youtu.be/8mAITcNt710⭐️ Course Contents ⭐️(00:00:00) Introduction(00:04:48) Lecture 0 - Functions, Variables(01:50:24) Lecture 1 - Conditionals(02:46:23) Lecture 2 - Loops(04:07:10) Lecture 3 - Exceptions(04:51:45) Lecture 4 - Libraries(06:09:15) Lecture 5 - Unit Tests(07:00:22) Lecture 6 - File I/O(08:32:32) Lecture 7 - Regular Expressions(10:37:35) Lecture 8 - Object-Oriented Programming(13:28:47) Lecture 9 - Et CeteraHOW TO JOIN CS50 COMMUNITIESDiscord: discord.gg/cs50Ed: https://cs50.harvard.edu/x/edFacebook Group: facebook.com/groups/cs50Faceboook Page: facebook.com/cs50GitHub: github.com/cs50Gitter: https://gitter.im/cs50/xInstagram: instagram.com/cs50LinkedIn Group: linkedin.com/groups/7437240LinkedIn Page: linkedin.com/school/cs50Medium: cs50.medium.comQuora: quora.com/topic/CS50Reddit: reddit.com/r/cs50Slack: cs50.edx.org/slackSnapchat: snapchat.com/add/cs50SoundCloud: soundcloud.com/cs50Stack Exchange: cs50.stackexchange.comTikTok: tiktok.com/@cs50Twitter: twitter.com/cs50YouTube: youtube.com/cs50HOW TO FOLLOW DAVID J. MALANFacebook: facebook.com/dmalanGitHub: github.com/dmalanInstagram: instagram.com/davidjmalanLinkedIn: linkedin.com/in/malanTikTok: tiktok.com/@davidjmalanTwitter: twitter.com/davidjmalanLICENSECC BY-NC-SA 4.0Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public Licensecreativecommons.org/licenses/by-nc-sa/4.0
Scrapy Course – Python Web Scraping for Beginners freeCodeCamp.org 2023-04-27 | 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: docs.scrapy.org/en/latest - Course Guide: thepythonscrapyplaybook.com/freecodecamp-beginner-course- Course Github: github.com/orgs/python-scrapy-playbook/repositories- The Python Scrapy Playbook: thepythonscrapyplaybook.comCloud Environments- Scrapyd: github.com/scrapy/scrapyd- ScrapydWeb: github.com/my8100/scrapydweb- ScrapeOps Monitor & Scheduler: scrapeops.io/monitoring-scheduling- Scrapy Cloud: zyte.com/scrapy-cloudProxies- Proxy Plan Comparison Tool: scrapeops.io/proxy-providers/comparison/free-proxy-providers - ScrapeOps Proxy Aggregator: scrapeops.io/proxy-api-aggregator - Smartproxy: 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners freeCodeCamp.org 2023-04-26 | Improve your skills in JavaScript, HTML, and CSS by building a social media dashboard with a dark/light theme. Jess, who runs the popular Coder Coder YouTube channel, will guide you through a beginner Frontend Mentor challenge.✏️ Course created by @TheCoderCoder Resources:🔗 Responsive Design for Beginners! coder-coder.com/responsive🔗 Source code on GitHub: github.com/thecodercoder/fem-dklt-toggle🔗 Challenge on Frontend Mentor: frontendmentor.io/challenges/social-media-dashboard-with-theme-switcher-6oY8ozp_H🔗 Andy Bell: Create a user controlled dark or light mode -- https://piccalil.li/tutorial/create-a-user-controlled-dark-or-light-mode/⭐️ Contents ⭐️Part 1⌨️ (0:00:00) Intro⌨️ (0:01:26) Functional requirements of design⌨️ (0:11:31) Accessible form controls⌨️ (0:15:37) Update CSS custom properties with JS⌨️ (0:23:39) Screen reader-only textPart 2⌨️ (0:29:10) Creating GitHub repo⌨️ (0:34:33) Set up SCSS and JS files⌨️ (1:09:55) Set up Gulp workflowPart 3⌨️ (1:31:24) Studying the design⌨️ (1:37:10) Building out the top bar⌨️ (1:51:42) Using accessible markup⌨️ (2:04:55) Styling top bar⌨️ (2:23:26) Styling toggle and make accessiblePart 4⌨️ (3:24:56) What is BEM? Planning out the class names⌨️ (3:36:46) Adding the markup and the SCSS selectors for the cards⌨️ (3:47:30) Styles for card⌨️ (4:16:41) Layout for the card grid with flexbox, then CSS grid⌨️ (4:33:26) Styling the top bars on the cards⌨️ (4:49:36) Bottom cards markup and stylesPart 5⌨️ (5:33:54) Changing the toggle based on comments⌨️ (5:54:42) Use system preferences to load light or dark theme⌨️ (6:18:24) Build the toggle logic to manually change light/dark theme⌨️ (6:43:34) Save toggle settings in local storage🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Zustand React State Management Course (Simple Redux Alternative) freeCodeCamp.org 2023-04-25 | Learn Zustand in this full course for beginners. Zustand is a minimalistic state management library for React, offering a simpler API compared to Redux. It aims to provide ease-of-use without sacrificing flexibility and performance in modern web applications. It provides a simple and intuitive API for managing and updating application state without the need for boilerplate code or complex patterns. ✏️ This course was created by @NiklasZiermann 💻 Video code: github.com/N-Ziermann-YT/Kanban-Zustand-Course🔗 Zustand GitHub repo: github.com/pmndrs/zustand⭐️ Contents ⭐️0:00:00 Why Zustand?0:07:28 Setting Up Our Project0:09:45 Creating The Basic Components0:17:48 Storing Tasks0:19:50 Disclaimer About Object State0:23:39 Displaying Tasks0:25:48 Adding Tasks0:34:55 Deleting Tasks0:37:57 Moving Tasks0:45:34 Using Zustand Middleware0:52:08 Unit Testing Zustand Stores1:08:27 Advanced Zustand Features1:14:17 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--Learn to code for free and get a developer job: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
React Router 6 – Full Course freeCodeCamp.org 2023-04-24 | This course will teach you to build real-world apps with React Router 6. Click here to get to the interactive version 👉 scrimba.com/links/react-router-6-courseThroughout 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: twitter.com/bobziroll🔗 Scrimba on YouTube: youtube.com/c/Scrimba⭐️ Get the code ⭐️🔗 Scrimba course: scrimba.com/links/react-router-6-course🔗 GitHub repo: scrimba.com/links/react-router-course-github-repo💫 Links mentioned in course:🔗 Scrimba’s Learn React Course - scrimba.com/learn/learnreact🔗 VanLife Figma Design - scrimba.com/links/figma-vanlife🔗 Firebase - scrimba.com/links/firebase-homepage🔗 Firestore Docs, get all docs in collection - scrimba.com/links/firestore-docs-get-all-docs-in-collectionfirestore-docs-get-all-docs-in-collection)🔗 Netlify - scrimba.com/links/netlify-home-page🔗 GitHub Desktop - desktop.github.com🔗 Mirage JS - miragejs.com0:00 1: Introduction to React Router 64:56 2: Multi-page vs single-page apps10:12 Extra: Local Development & GitHub Repo12:25 3: React Router Setup & BrowserRouter15:40 4: Routes18:23 5: BrowserRouter & Routes Challenge19:32 6: Route, Path, & Element23:48 7: Quick Re-org24:53 8: Link28:55 9: VanLife project bootstrapping37:01 10: Initial Deploy to Netlify48:47 11: Mirage JS Server50:41 12: Challenge: Vans Page - Part 11:02:09 14: Route Params1:25:09 19: Nested Routes Intro1:34:04 20: Fixing the Navbar with a Layout Route1:46:45 22: Bootstrap the Host pages1:50:45 23: Nesting the /host routes1:54:34 24: Creating the Host Layout2:01:04 25: Relative Paths2:05:32 26: Index Routes2:09:24 27: To nest or not to nest?2:14:34 28: Nested Routes Quiz2:19:26 29: Add Footer2:22:47 30: NavLink2:30:03 31: Active Link Styling with NavLink2:39:14 33: Adding Host Vans Routes2:44:28 34: Optimal Side Quest2:47:49 35: Building the Host Van Detail page2:56:47 36: Relative Links3:03:51 37: Back to all vans3:09:08 38: Add /host/vans/:id Nested Routes3:17:17 39: Add the Final Navbar3:23:53 40: Outlet Context3:29:27 41: Update deployed version on Netlify3:32:45 42: Search Params Intro3:40:04 43: useSearchParams3:48:55 45: Filter the array w/ the search param3:55:47 47: Using Links to add search params4:01:57 49: Using the search params setter function4:08:05 51: Caveats to setting params4:09:38 52: Merging search params4:21:13 54: Challenge: Conditional rendering practice4:25:56 55: Fix remaining absolute paths4:27:50 56: Back to all vans4:30:05 57: Link state4:36:37 58: useLocation4:47:31 60: 404 Page4:53:22 61: Happy Path vs Sad Path4:56:01 62: Update to our fetching code4:59:02 63: Coding the Sad Path5:07:37 65: Loaders intro5:12:03 66: createBrowserRouter5:18:13 67: Setting up the data router5:21:00 68: Loader function5:25:17 70: useLoaderData5:29:52 72: Use the loader data instead of the useEffect5:33:51 73: Loaders Quiz5:37:06 74: Handling errors5:39:49 75: Add errorElement to vans route5:42:40 76: useRouteError5:49:06 77: Initial Login Form5:51:31 78: Importing image assets in Vite5:54:22 79: Protected Routes6:18:28 85: Parallel Loaders Demo6:22:02 86: Challenge - Protected Routes6:43:51 91: Send login message prompt to login page6:46:56 92: Consume message 6:54:37 93: Pass message to Login page6:58:26 94: Hot Take: Forms in React are bad7:00:58 95: Setting up for auth7:13:57 97: useNavigate()7:17:44 98: React Router Form Component7:20:41 99: Setting up the action function7:25:13 100: Add form and action to VanLife7:27:31 101: Action function7:32:39 103: Get form data in VanLife7:34:22 104: Use data in action to log in7:36:57 105: Better (but still fake) auth7:44:08 107: Form replace7:49:23 108: useActionData7:53:50 109: Action error handling8:00:00 111: useNavigation()8:08:07 113: Get previous route pathname8:15:05 114: redirectTo8:30:37 117: Deferring data8:33:35 118: Promises and defer()8:39:19 119: defer getVans()8:41:04 120: Await component8:55:28 123: React Suspense9:00:27 124: Suspense in VanLife9:03:51 125: Putting it all together - Defer, Await, Suspense in HostVans9:08:31 126: errorElements in remaining van loading pages9:11:55 127: Placeholders are gone! 9:13:57 128: Cloud Firestore9:23:25 130: Collection reference and getVans() function9:30:54 131: Create getVan() function9:35:42 132: Refactor getHostVans function9:39:29 133: Final loose ends
JavaScript Interview Prep: Functions, Closures, Currying freeCodeCamp.org 2023-04-20 | 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 - youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5🎥 map, filter, and reduce Video - youtube.com/watch?v=dGq0gi0wv64&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=2🎥 FE Interview Experience Video - 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
ChatGPT Course – Use The OpenAI API to Code 5 Projects freeCodeCamp.org 2023-04-19 | Learn how to use the OpenAI API to create five projects, including a ChatGPT clone, a DALL-E Image Creator, and a SQL Generator. This is a dive deep into the world of the OpenAI API, exploring its diverse capabilities and potential applications.✏️ Course created by @AniaKubow Donate to freeCodeCamp: freecodecamp.org/donate⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:02:57) Authentication⌨️ (0:06:22) Models⌨️ (0:07:27) Text Completions⌨️ (0:18:31) Creating effective prompts⌨️ (0:20:18) Chat Completions⌨️ (0:30:14) Chat Completion Project 1 | JavaScript⌨️ (1:15:41) Chat Completion Project 2 | React + Node.js⌨️ (2:20:59) DALL-E Model⌨️ (2:21:41) Image Generation⌨️ (2:27:04) Image Variation⌨️ (2:27:44) Image Edits⌨️ (2:28:28) Image Generation Project 1 | JavaScript⌨️ (3:00:29) Image Generation Project 2 | React + Node.js + openai npm library⌨️ (4:23:39) SQL Generator Project | TypeScript + Node.js + openai npm library⌨️ (5:17:00) 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--Learn to code for free and get a developer job: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Godot Game Development – Crash Course for Beginners freeCodeCamp.org 2023-04-18 | Learn how to use the Godot game engine to create your own platformer game. Throughout the course, you'll learn everything from setting up your first 2D scene and animating the player, to designing enemies, incorporating UI elements, and implementing game-saving features.✏️ Course created by @CodingQuests 💻 Code: github.com/GDSimplified/Platformer-game💻 Assets: ansimuz.itch.io/sunny-land-pixel-game-art⭐️ Contents ⭐️⌨️ (0:00:00) Into and Course Overview⌨️ (0:02:08) Downloading Godot⌨️ (0:03:19) Setting Up the Godot Project⌨️ (0:05:21) Your First 2D Scene⌨️ (0:07:32) UI with Control Nodes⌨️ (0:09:41) Main Menu Script⌨️ (0:14:10) Your Second Scene⌨️ (0:16:19) Downloading The Game Assets⌨️ (0:17:11) Fixing Asset Pixelation⌨️ (0:18:12) Making the Player Character⌨️ (0:22:42) Making the Background⌨️ (0:24:29) Understanding The Default Player Script⌨️ (0:26:57) Animating the Player with Scripting⌨️ (0:29:43) Player Camera and Game Window Sizes⌨️ (0:31:24) Animating the Player with AnimationTree⌨️ (0:41:37) Setting Up Paralax Background⌨️ (0:47:31) BONUS! TileMaps and TileSets⌨️ (0:51:30) Limiting Player Movement to Screen Bounds⌨️ (0:52:04) Creating Our First Enemy: Frog Mob⌨️ (0:55:15) Frog Mob AI Scripting: Chase the Player⌨️ (1:04:38) Frog Mob AI Scripting: Hurt and Kill the Player⌨️ (1:09:12) Player Health UI and Scripting⌨️ (1:13:29) Global Game Scripts⌨️ (1:15:37) Saving and Loading the Game⌨️ (1:23:04) Adding Gold Count to UI⌨️ (1:25:35) Set Up Collectable Items⌨️ (1:28:25) Animating Tweens In Godot⌨️ (1:33:28) Timer Nodes for Spawning Items⌨️ (1:37:30) RNG: Random Number Generator in Godot⌨️ (1:39:19) Quick Tip - Organizing Spawning Folders⌨️ (1:40:12) Outro and Goodbye!🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
No Black Box Machine Learning Course – Learn Without Libraries freeCodeCamp.org 2023-04-17 | In this No Black Box Machine Learning Course in JavaScript, you will gain a deep understanding of machine learning systems by coding without relying on libraries. This unique approach not only demystifies the inner workings of machine learning but also significantly enhances software development skills.✏️ Course created by @Radu (PhD in Computer Science)HOMEWORK🏠 1st assignment spreadsheet: docs.google.com/spreadsheets/d/16wIddJ9jKAAvJOXPcF0gNRx39AOE9A2-mQeK6UR2qnY/edit?usp=sharing🏠 Submit all other assignments to Radu's Discord Server: discord.com/invite/gJFcF5XVn9GITHUB LINKS💻 Drawing App: github.com/gniziemazity/drawing-app💻 Data: github.com/gniziemazity/drawing-data💻 Custom Chart Component: github.com/gniziemazity/javascript_chart💻 Full Course Code (In Parts): github.com/gniziemazity/ml-coursePREREQUISITES🎥 Interpolation: youtu.be/J_puRs40GhM🎥 Linear Algebra: youtu.be/nzyOCd9FcCA🎥 Trigonometry: youtu.be/xK3vKWMFVgwLINKS🔗 Check out the Recognizer we'll build in this course: radufromfinland.com/projects/ml/recognizer🔗 Draw for Radu, Call for help video: youtu.be/Yw2QZ1vq2ek🔗 Draw for Radu, Data collection tool: radufromfinland.com/projects/ml🔗 Radu's Self-driving Car Course: youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY🔗 Radu's older Machine Learning video: youtu.be/QXB1ytG95gs🔗 CHART TUTORIAL (mentioned at 01:45:27): youtu.be/n8uCt1TSGKE🔗 CHART CODE: github.com/gniziemazity/javascript_chartTOOLS🔧 Visual Studio Code: code.visualstudio.com/download🔧 Google Chrome: google.com/chrome🔧 Node JS: nodejs.org/en/download(make sure you add 'node' and 'npm' to the PATH environment variables when asked!) TIMESTAMPS⌨️(0:00:00) Introduction⌨️(0:05:04) Drawing App⌨️(0:46:46) Homework 1⌨️(0:47:05) Working with Data⌨️(1:08:54) Data Visualizer⌨️(1:29:52) Homework 2⌨️(1:30:05) Feature Extraction⌨️(1:38:07) Scatter Plot⌨️(1:46:12) Custom Chart⌨️(2:01:03) Homework 3⌨️(2:01:35) Nearest Neighbor Classifier⌨️(2:43:21) Homework 4 (better box)⌨️(2:43:53) Data Scaling⌨️(2:54:45) Homework 5⌨️(2:55:23) K Nearest Neighbors Classifier⌨️(3:04:18) Homework 6⌨️(3:04:49) Model Evaluation⌨️(3:21:29) Homework 7⌨️(3:22:01) Decision Boundaries⌨️(3:39:26) Homework 8⌨️(3:39:59) Python & SkLearn⌨️(3:50:35) Homework 9
Build a LinkedIn Clone with React and Firebase – Tutorial freeCodeCamp.org 2023-04-13 | Learn how to create a LinkedIn Clone using React and Firebase in this full course for beginners.✏️ Course created by @CybernaticoByNishant 💻 Code: github.com/nishant-666/Linkedin-clone-using-React-and-Firebase-9⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:08:51) The Base Setup⌨️ (0:40:08) Log in and Sign Up Page⌨️ (1:41:02) Authentication States⌨️ (1:56:12) Building the Topbar⌨️ (2:22:49) Adding Posts in Firebase⌨️ (3:02:03) Reading Posts from Firebase⌨️ (3:35:11) Profile Page Prerequisites⌨️ (3:54:59) Building the Profile Page⌨️ (5:48:36) Implementing a Likes System⌨️ (6:37:23) Implementing a Comments System⌨️ (7:20:12) Uploading Images to Firebase⌨️ (7:47:10) Designing the File Upload Modal⌨️ (8:05:10) Small Profile Icons⌨️ (8:21:05) Updating and Deleting Posts⌨️ (8:39:38) Home Page Profile Card⌨️ (8:58:14) Building the Connections Page⌨️ (9:31:31) Designing the Connections Page⌨️ (9:44:30) User Search Functionality⌨️ (10:16:10) Uploading Post Images ⌨️ (10:47:13) Final Changes🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript freeCodeCamp.org 2023-04-12 | Learn how to build a Mobile App with HTML, CSS, JavaScript and Google Firebase. Go here to try the interactive browser-version: scrimba.com/learn/firebase✏️ This course was created by Rafid Hoda, a teacher at Scrimba. You can follow Rafid on Twitter here: twitter.com/rafidhodaWe recommend that you learn basic HTML, CSS, and JavaScript before taking this course. 💫 Links mentioned:🔗 EpochConverter: epochconverter.com🔗 Meta viewport explained by Kevin Powell: youtube.com/watch?v=SElOdK2qTpI🛠 Tools used:🔗 Firebase: firebase.google.com🔗 Favicon: favicon.io🔗 Netlify: netlify.com🔗 Figma: figma.com🔗 Google Fonts: fonts.google.com⭐️ Code ⭐️🔗 Download via Scrimba: scrimba.com/learn/firebase🐱 Want to get access to the cute cat images used in this course?→ Search for "Peach and Goma cat" on Google Image.⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:01:57) Let's Build a Mobile App with Firebase⌨️ (0:06:02) Setting up app skeleton⌨️ (0:09:53) Adding CSS⌨️ (0:14:16) Aside: Firebase Realtime Database⌨️ (0:24:21) Adding Firebase to project⌨️ (0:29:13) Security Rules⌨️ (0:31:46) innerHTML to append li to ul⌨️ (0:35:23) Refactoring⌨️ (0:40:15) Aside: Turning an Object into an Array⌨️ (0:44:28) Aside: Fetching database items in realtime using onValue⌨️ (0:54:54) Updating items in realtime⌨️ (0:57:41) For loop to render database items⌨️ (1:00:42) Let's smash the bug⌨️ (1:03:32) Aside: Flexbox flex-wrap⌨️ (1:04:54) Aside: Flexbox gap⌨️ (1:06:15) Adding CSS for li to wrap items⌨️ (1:10:22) Getting ID of item in database⌨️ (1:14:35) Replacing innerHTML with createElement⌨️ (1:19:48) Aside: Removing items from Firebase⌨️ (1:25:09) Removing an item when clicked⌨️ (1:29:22) Only fetching items from database if snapshot exists⌨️ (1:33:28) Adding hover styles to buttons⌨️ (1:35:20) Aside: user-select⌨️ (1:37:04) Aside: Setting the viewport⌨️ (1:38:58) Making the app more mobile-friendly⌨️ (1:40:35) Aside: Favicon⌨️ (1:42:42) Adding favicon and phone icons⌨️ (1:43:58) Aside: Web Application Manifest⌨️ (1:46:39) Turning web app into "mobile" app⌨️ (1:47:40) Personalise your app⌨️ (1:49:10) Deploy to Netlify⌨️ (1:51:48) Add app to home screen⌨️ (1:53:44) Share your creation⌨️ (1:55:32) Recap⌨️ (1:59:16) Outro + CreditsFollow Scrimba on YouTube: youtube.com/c/ScrimbaFollow Scrimba on Twitter: twitter.com/scrimba
Bash Scripting Tutorial for Beginners freeCodeCamp.org 2023-04-11 | 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: 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
React Native Course – Android and iOS App Development freeCodeCamp.org 2023-04-10 | Master React Native with this comprehensive course, covering everything from the basics of setup and components to advanced topics like navigation and fetching API data. Learn to build a weather app from scratch, complete with a sleek user interface and real-time data integration, while exploring concepts like state management, hooks, and styling.💻 Code: github.com/Em01/weather-app-demo✏️ Course created by @codecupdev 🔗 Instagram: instagram.com/codecup_dev🔗 Twitter: twitter.com/codecupdev⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:01:25) What is React Native?⌨️ (0:03:45) Expo⌨️ (0:04:22) Setup with Expo⌨️ (0:06:17) Setting up a custom app ⌨️ (0:10:17) Setting up Android Studio ⌨️ (0:12:03) The directory structure ⌨️ (0:12:42) Setting up linting ⌨️ (0:14:33) Setting up Prettier ⌨️ (0:16:35) Debugging ⌨️ (0:18:17) Native components ⌨️ (0:19:00) Core components ⌨️ (0:20:17) JSX ⌨️ (0:21:29) Working with components ⌨️ (0:21:57) What are components ⌨️ (0:23:08) Creating our first component ⌨️ (0:26:50) Styling basics ⌨️ (0:31:17) Layout props ⌨️ (0:32:37) The current weather screen ⌨️ (0:40:17) Adding icons to the screen ⌨️ (0:42:40) Components ⌨️ (0:46:01) Reviewing what we have learnt so far ⌨️ (0:48:52) Creating the upcoming weather component ⌨️ (0:52:17) Introducing lists ⌨️ (1:19:17) Implementing our list ⌨️ (1:09:10) Key extractors⌨️ (1:11:41) Other FlatList props⌨️ (1:15:01) Styling our FlatList⌨️ (1:19:23) Images⌨️ (1:22:31) Using an image in the upcoming weather component⌨️ (1:24:10) ImageBackground⌨️ (1:26:05) Props⌨️ (1:35:17) Refactoring what we have done so far⌨️ (1:43:04) Implementing the city screen⌨️ (2:00:17) Refactoring the city screen⌨️ (2:15:32) Refactoring the current weather screen⌨️ (2:26:25) Introducing Navigation⌨️ (2:34:37) Implementing tabs in our app⌨️ (2:40:02) Styling our tabs⌨️ (2:47:27) Extracting the tabs⌨️ (3:06:55) State⌨️ (3:15:07) The useState hook⌨️ (3:19:24) Hooks⌨️ (3:23:24) The useEffect hook⌨️ (3:32:05) Adding a loading state⌨️ (3:38:31) Using the open weather map api⌨️ (3:39:31) Getting the users location⌨️ (3:47:36) Seting up fetching the api data⌨️ (3:52:38) Fetching the Api data⌨️ (4:01:17) Making our own hook⌨️ (4:05:17) Passing the data to our components⌨️ (4:08:42) Updating current weather to use the data⌨️ (4:14:32) Updating the upcoming weather to use the data⌨️ (4:18:17) Installing Moment⌨️ (4:21:17) Updating the city component⌨️ (4:25:53) Creating the error screen⌨️ (4:31:42) Some last refactoring⌨️ (4:33:59) Bonus material🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Advanced C# – LINQ Tutorial freeCodeCamp.org 2023-04-06 | Learn about LINQ in this advanced C# course. LINQ provides a set of operators that enable developers to query, project, and filter data in arrays, collections, and other data sources. It can be used to query and manipulate data from databases, XML documents, and .NET objects. ✏️ Course from @GavinLon 💻 Code Part 1: github.com/GavinLonDigital/ThePretendCompanyApplication💻 Code Part 2: github.com/GavinLonDigital/LINQExamples_1💻 Code Part 3: github.com/GavinLonDigital/LINQExamples_2💻 Code Part 4: github.com/GavinLonDigital/LINQExamples_3🔗 Full Advanced Course Playlist Link: youtube.com/watch?v=3cfVmcAkR2w&list=PL4LFuHwItvKaOi-bN1E2WUVyZbuRhVokL⭐️ Contents ⭐️⌨️ (0:00:00) Part 1 - Introduction⌨️ (0:07:37) Create a .NET Core Console Application - Understand how LINQ Works⌨️ (0:14:40) Understanding Extension Methods⌨️ (0:22:43) Undering Lambda Expressions⌨️ (0:31:44) Compare LINQ Query Syntax with TSQL Syntax⌨️ (0:38:33) Part 2 - LINQ Queries⌨️ (0:42:07) Create .NET Console Application⌨️ (0:51:10) Method Syntax vs Query Syntax⌨️ (0:54:25) Understanding Deferred Execution vs Immediate Execution⌨️ (1:01:33) Using the Join Operator to Perform Inner Join Queries⌨️ (1:08:59) Perform Left Outer Join Query using LINQ - GroupJoin Operator⌨️ (1:18:12) Part 3 - LINQ Operators⌨️ (1:34:39) GroupBy and ToLookup LINQ Operators⌨️ (1:39:02) The All, Any and Contains Qualifier Operators⌨️ (1:55:30) The Element Operators (FirstOrDefault, Single, SingleOrDefault etc..)⌨️ (2:05:01) Part 4 - More LINQ Operators⌨️ (2:21:51) The Aggregate Operators (Aggregate, Average, Count, Sum, Max)⌨️ (2:28:36) The Generation Operators (DefaultIfEmpty, Empty, Range, Repeat)⌨️ (2:34:43) The Set Operators (Distinct, Except, Intersect, Union)⌨️ (2:42:59) The Partitioning Operators (Skip, SkipWhile, Take, TakeWhile)⌨️ (2:47:02) The Conversion Operators (ToList, ToDictionary, ToArray)⌨️ (2:52:31) The Let and Into Keywords⌨️ (3:00:25) The Projection Operators (Select, SelectMany)⌨️ (3:03:46) Course 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript freeCodeCamp.org 2023-04-05 | Learn how to build a personal website with Next.js 13 for the frontend and Sanity.io as the content backend. You will also be introduced to TailwindCSS for styling and TypeScript for type safety and improved developer experience. By the end of this tutorial, you will have a fully functioning, deployed personal website that you can continue building on.✏️ Kapehe Sevilleja developed this course.💻 Code: github.com/kapehe-ok/next-sanity-test🔗 Boosted free plan with Sanity.io: sanity.io/youtube🔗 Next.js links: nextjs.org/docs & nextjs.org/blog/discord🔗 Sanity.io links: sanity.io/docs & slack.sanity.io🔗 TailwindCSS: tailwindcss.com/docs/installation🔗 TypeScript: typescriptlang.org🔗 Kapehe's Twitter: twitter.com/kapehe_ok🏗 Sanity provided a grant that made this course possible.⭐️ Contents ⭐️⌨️ (0:00:00) Intro⌨️ (0:03:48) Finished project⌨️ (0:06:06) Starting Next.js⌨️ (0:09:17) Starting Sanity.io⌨️ (0:12:04) Overview of Sanity.io⌨️ (0:15:05) Sanity.io Manage Dashboard⌨️ (0:16:28) GROQ query language⌨️ (0:18:03) Embedding the Sanity Studio⌨️ (0:20:38) Routing in Next.js 13⌨️ (0:27:37) next-sanity library⌨️ (0:31:09) First Sanity schema⌨️ (0:39:05) Displaying data⌨️ (0:42:38) First GROQ query⌨️ (0:45:03) Mapping over projects⌨️ (0:49:47) Setting up TypeScript types⌨️ (0:54:34) Adding TailwindCSS⌨️ (1:06:40) More on the Studio⌨️ (1:09:52) Images in Next.js 13⌨️ (1:13:52) Individual project pages⌨️ (1:22:41) Styling project pages⌨️ (1:31:21) The NavBar⌨️ (1:35:38) Next.js organizational folders⌨️ (1:41:50) Pages schema⌨️ (1:58:28) Deploying to Vercel⌨️ (2:01:33) Sanity real-time updates⌨️ (2:03:22) Recap⌨️ (2:04:29) Outro🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React) freeCodeCamp.org 2023-04-04 | In this frontend web development project tutorial, you will improve your skills with HTML, CSS, JavaScript, TypeScript, & React. This video is a "sequel" to the Frontend Developer Bootcamp video we posted by the same creator. However, as long as you have a basic understanding of HTML, CSS, and JavaScript, you can start with this tutorial.🎥 Web Development Bootcamp: youtube.com/watch?v=zJSY8tbf_ys✏️ Created by @zachgoll Section 1: Build a Tic Tac Toe game with Vanilla HTML/CSS/JSSection 2: Refactor that game to use an MVC pattern and explore why this pattern is helpfulSection 3: Refactor the game to TypeScript, learning how to setup TypeScript from scratch and why it is usefulSection 4: Refactor the game to React + TypeScript, explaining how to setup React from scratch and exploring why React is useful and what problems it solves over a Vanilla approach💻 Code: github.com/zachgoll/tic-tac-toe-subscriber-refactor🔗 Post referenced in the course: zachgollwitzer.com/posts/scripts-commonjs-umd-amd-es6-modules🔗 Another post referenced: zachgollwitzer.com/posts/imperative-programming⭐️ Chapters⭐️ ⌨️ (0:00:00) Introduction, resources, and prerequisites⌨️ (0:07:50) Project setup and VSCode extensions⌨️ (0:19:29) Build the UI with HTML and CSS⌨️ (1:14:20) Add JavaScript interactivity to the project⌨️ (3:01:19) Introduction to the MVC pattern⌨️ (5:51:56) Refactoring app with TypeScript⌨️ (5:54:46) Setting up TypeScript from scratch, what are benefits?⌨️ (6:35:56) Start of refactor from Vanilla JavaScript to TypeScript⌨️ (7:52:25) Why should you refactor your app to React?⌨️ (8:01:37) The many ways to set up a React app⌨️ (8:06:52) Setting up React from scratch⌨️ (8:51:45) Initializing TypeScript in a React app from scratch⌨️ (9:00:56) Refactoring vanilla app to React app🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Learn Minimal APIs in .NET 7 freeCodeCamp.org 2023-04-03 | Learn how to build Minimal APIs in .NET 7 with hands-on course. By the end of the course, you will be able to build well-constructed Minimal API Endpoints using C#, .NET7, and Swagger.💻 Code: github.com/bhrugen/MinimalAPIDemo_Coupon✏️ Course created by @DotNetMastery Advance Minimal API Course : dotnetmastery.com/Home/Details?courseId=27⭐️ Contents ⭐️⌨️ (0:00:00) Introduction ⌨️ (0:01:30) Topics Covered ⌨️ (0:02:47) Why Minimal API?⌨️ (0:06:07) Create Project⌨️ (0:07:57) Comparing Files Minimal vs Standard⌨️ (0:11:05) Program file changes⌨️ (0:13:50) Clean Program class file⌨️ (0:16:02) API Basics⌨️ (0:16:44) What is API?⌨️ (0:21:11) Request and response⌨️ (0:25:59) Request Object⌨️ (0:30:12) Response Object⌨️ (0:35:36) httpverb⌨️ (0:40:38) Create First Endpoint⌨️ (0:43:43) Return Types⌨️ (0:46:15) Route Parameters⌨️ (0:48:29) Create Coupon Model and Coupon Store⌨️ (0:51:38) Get All Endpoint⌨️ (0:53:09) Get Individual Coupon⌨️ (0:55:19) Create Coupon⌨️ (0:59:53) Name Endpoints⌨️ (1:03:17) Products and Accepts in Minimal API⌨️ (1:06:58) Dependency Injection in Minimal API⌨️ (1:10:25) Add DTOs⌨️ (1:13:56) AutoMapper and Dependency Injection⌨️ (1:18:32) Fluent Validators⌨️ (1:24:07) Async Endpoints⌨️ (1:26:11) API Response⌨️ (1:32:57) Assignment - Put and Delete⌨️ (1:33:49) Assignment Solution - Put and Delete Endpoints🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Use ChatGPT to Build a RegEx Generator – OpenAI API Low Code Course freeCodeCamp.org 2023-03-30 | Learn how to build a dashboard that generates RegEx using the OpenAI API and a low code tool called Retool. The dashboard allows users to input a string, write a description of the desired RegEx, and generate the code to transform the string accordingly. 💻 You can find the iframe code here: github.com/kubowania/regex-openai✏️ This course was created by @AniaKubow .🏗 Retool provided a grant to make this course possible. Learn more about Retool: retool.com⭐️ Contents ⭐️(0:00) Introduction(2:36) Writing our own regex code(5:06) Creating the header element(8:11) Creating the text area(11:35) How to create a custom code editor(16:32) Creating the new button(19:08) Setting up the sidebar(20:58) Configuring the open api api(22:51) The body of the example example(24:58) Setting up the code🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Software Engineering Job Interview – Full Mock Interview freeCodeCamp.org 2023-03-29 | Technical programming interviews are challenging, but being able to do well is what lands you a job at a top tech company. Improve your interviewing skills by watching this mock full-length, real-world coding technical interview (OOP + dynamic programming) for a software engineering role.Interviewer: @KeithGalli Interviewee: @KylieYYing The first half of the mock interview, Keith asks Kylie to use object-oriented programming (OOP) to design a reading application, given a library of books. In the second half of the interview, Keith asks Kylie a dynamic programming (DP) question trying to find the max length of the longest common substring in two strings.⭐️ Contents ⭐️00:00 Intro01:26 Beginning the Interview03:25 Object-Oriented Design Question32:21 Dynamic Programming Algorithm Question56:35 Feedback Chat1:11:35 Closing Thoughts🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Flutter App Development Course – Build a Twitter Clone with Appwrite and Riverpod freeCodeCamp.org 2023-03-28 | Use Flutter 3.7 to build a Twitter clone in this full course. We will cover various features such as signing up and signing in with email and password, tweeting text, images, and links, identifying and storing hashtags, displaying tweets, liking tweets, retweeting, commenting/replying, following users, searching for users, displaying followers, following, and recent tweets, editing user profiles, showing tweets with specific hashtags, and a premium feature called "Twitter Blue". Additionally, we will also be implementing a notifications tab that will show notifications when someone replies to you, follows you, likes your tweet or retweets. By the end of this tutorial, you'll have a fully-functional Twitter clone that you can further customize and improve upon.Tech Used - Flutter, Appwrite Authentication, Database, Storage, Realtime, Queries, Indexes, Riverpod.Prerequisites: Flutter & Dart Basics✏️ Course developed by @RivaanRanawat 💻 Source Code - github.com/RivaanRanawat/flutter_twitter_clone📌 Discord Server (Join the Community) - discord.gg/Q8Rx8YWFVFADB Command - adb reverse tcp:3000 tcp:3000📄 Resources:Assets - github.com/RivaanRanawat/flutter_twitter_clone/tree/master/assets/svgsAsset Constants File - github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/constants/assets_constants.dartPallete (Colours File) - github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/theme/pallete.dartTheme File - github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/theme/app_theme.dartAppwrite Docs - appwrite.io/docs⭐️ Contents ⭐️(0:00:00) Introduction(0:02:07) Appwrite & Docker Installation(0:05:31) Important Appwrite Commands(0:07:14) Appwrite Setup for Android & iOS(0:09:32) Setting up Flutter Project(0:17:59) Architectural & Folder Pattern(0:24:37) Login UI(0:49:53) Signup UI(0:55:23) Signing Up User with Appwrite Auth(1:16:37) Providing the Class / Dependency Injection(1:25:03) Signing Up User contd. (Auth Controller)(1:49:11) Login User with Appwrite Auth(1:54:12) Adding Proper Navigation(1:57:22) Persisting Auth State(2:06:37) Saving User Data to Appwrite Database(2:33:03) FIXING Android Related Problems(2:34:31) Solving Appwrite unauthorized_scope Problem(2:36:27) Home Screen UI(2:44:43) Create Tweet Screen UI(2:58:16) FIXING User Data Storage & Retrieval Bug(3:00:43) Create Tweet Screen UI contd.(3:08:23) Picking Multiple Images & Displaying in Carousel(3:17:48) Storing Tweets to Appwrite Database & Appwrite Storage(4:01:46) Displaying Tweets(4:38:07) Displaying New Tweets LIVE with Appwrite Realtime(5:01:04) Like Button Animation(5:04:53) Liking Tweet(5:16:38) Retweeting / Resharing Tweet (Realtime)(5:40:52) Replying to other user’s Tweets(6:18:06) Searching Users(6:37:21) Displaying User Profiles(7:04:39) Editing User Own Profile(7:31:57) Updating User Profile Data Realtime(7:41:30) Following Other users(7:52:54) Sending Notifications when User Likes(8:10:07) FIXING Like Bug(8:10:58) Displaying & Sending Notifications(8:38:47) Displaying Posts By Hashtags(8:48:57) Side Drawer UI & Navigation to Current User Profile(8:54:11) TWITTER BLUE(8:59:23) Logging Out with Appwrite Auth(9:02:27) Conclusion🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP freeCodeCamp.org 2023-03-27 | Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of that model. Next we'll learn how to optimize 3D animations in React for mobile devices. Finally, we'll build this website for production and upload.✏️ Course created by @CodewithSloba 🔗 Final website: https://sloba-3d-animation-iphone.netlify.app/🔗 Starter project: github.com/bobangajicsm/iphone-3d-website-starter🔗 For full source code check patreon.com/CodewithSloba 🔗 Webgi SDK https://webgi.xyz/docs/index.html🔗 3D model credit Reaper3D: sketchfab.com/3d-models/iphone-13-pro-max-4f92b60d824a42c89bbf1833374c4f73🔗 Upload to netlify.com⭐️ Chapters ⭐️⌨️ (0:00:00) Intro⌨️ (0:01:27) Project setup⌨️ (0:07:12) Building website navigation⌨️ (0:15:02) Building jumbotron⌨️ (0:21:42) Building sound section⌨️ (0:29:27) Building display section⌨️ (0:33:27) How to find and load 3D models⌨️ (0:36:55) Building WebGi viewer component ⌨️ (0:53:17) Animating 3D model with GSAP scroll animation⌨️ (1:13:42) Implementing 3D model preview mode⌨️ (1:32:27) Optimizing 3D animation for mobile phones⌨️ (1:43:31) Building production-ready website and uploading⌨️ (1:45:07) Outro🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Learn Vite – Frontend Build Tool Course freeCodeCamp.org 2023-03-23 | Learn how to use Vite, a build tool and development server designed specifically for modern web development. This course covers various topics, including creating a static server, using templates, integrating Tailwind, using environment variables, deploying to GitHub, Netlify, and Vercel, and configuring Vite. It also discusses the features of Vite, including hot module replacement and static asset handling.✏️ Course created by @KhattakDev YouTube: youtube.com/khattakdevTwitter: twitter.com/khattakdevInstagram: instagram.com/khattakdev⭐️ Contents ⭐️⌨️ (0:00:00) Start⌨️ (0:00:22) Learning Objectives⌨️ (0:01:29) Introduction⌨️ (0:02:50) What makes it fast?⌨️ (0:04:49) Creating Static Server⌨️ (0:17:29) Using Templates ⌨️ (0:24:39) Tailwind Integration⌨️ (0:32:30) Env Variables⌨️ (0:40:58) Deployments⌨️ (1:00:22) Configurations⌨️ (1:30:35) Wrap Up🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Django Project – Code a CRM App Tutorial freeCodeCamp.org 2023-03-22 | Learn how to build a CRM (Customer Relationship Management) App with Django, Python, and MySQL.The app will use MySQL for the database. We'll be able to Register, Log In, Log Out, Add Records, View Records, Update Records, and Delete Records. ✏️ Course created by John Elder. Check out his channel: youtube.com/@Codemycom💻 Github Code: github.com/flatplanet/Django-CRM🔗 MySQL Download: dev.mysql.com/downloads/installer⭐️ Contents ⭐️0:00:00 Introduction0:01:50 Installation and App Setup0:06:45 MYSQL Configuration0:13:18 Version Control Git and Github.com0:18:14 Build Out The Basic App0:28:46 Login Users0:47:32 Logout Users0:51:45 Register Users1:15:00 Database Model1:25:48 View Records On Website1:31:01 Bootstrap Table1:38:23 Individual Records1:48:41 Bootstrap Card1:56:51 Delete Record2:01:05 Add New Records2:12:10 Update Records2:20:06 Push Code To Github2:20:54 Conclusion🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Python Reinforcement Learning using Gymnasium – Full Course freeCodeCamp.org 2023-03-21 | Learn the basics of reinforcement learning and how to implement it using Gymnasium (previously called OpenAI Gym). Gymnasium is an open source Python library maintained by the Farama Foundation that provides a collection of pre-built environments for reinforcement learning agents. It provides a standard API to communicate between learning algorithms and environments, as well as a standard set of environments compliant with that API.Reinforcement learning is an area of machine learning concerned with how intelligent agents ought to take actions in an environment in order to maximize the notion of cumulative reward.💻 Google Colab Notebook (full tutorial code): colab.research.google.com/drive/1oNxRpRnht2Ogu5Id76YLLg_hkmwy-yKy?usp=sharingGymnasium documentation: gymnasium.farama.org✏️ Course developed by @EverythingTechWithMustafa 🔗 Mustaf on LinkedIn: linkedin.com/in/mustafa-esoofally-aab0501ab⭐️ Contents ⭐️⌨️ (0:00:00) Introduction⌨️ (0:04:19) Reinforcement Learning Basics (Agent and Environment)⌨️ (0:12:15) Introduction to Gymnasium⌨️ (0:14:59) Blackjack Rules and Implementation in Gymnasium⌨️ (0:18:27) Solving Blackjack⌨️ (0:19:46) Install and Import Libraries⌨️ (0:23:19) Observing the Environment⌨️ (0:27:55) Executing an Action in the Environment⌨️ (0:33:01) Understand and Implement Epsilon-greedy Strategy to Solve Blackjack⌨️ (0:42:28) Understand the Q-values⌨️ (0:47:29) Training the Agent to Play Blackjack⌨️ (0:57:10) Visualize the Training of Agent Playing Blackjack⌨️ (1:04:34) Summary of Solving Blackjack⌨️ (1:09:57) Solving Cartpole Using Deep-Q-Networks(DQN)⌨️ (2:29:29) Summary of Solving Cartpole⌨️ (2:34:07) Advanced Topics and Introduction to Multi-Agent Reinforcement Learning using PettingzooCorrection:00:09 Gymnasium is maintained by the Farama Foundation and is not associated with OpenAI. 🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Python Platformer Game Tutorial for Beginners freeCodeCamp.org 2023-03-20 | Learn how to build a platformer game in Python. This game will have pixel-perfect collision, animated characters, and much much more!✏️ Course created by @TechWithTim 💻 Assets and Completed Code: github.com/techwithtim/Python-Platformer/tree/main/assets⭐️ Timestamps ⭐️⌨️ (0:00:00) Project Demo⌨️ (0:01:32) Project Brief/Getting Started ⌨️ (0:03:07) Project Setup ⌨️ (0:04:18) Asset Walkthrough ⌨️ (0:05:38) Game Setup⌨️ (0:10:57) Generating The Background⌨️ (0:18:15) Creating The Player⌨️ (0:27:39) Moving The Player⌨️ (0:31:20) Adding Gravity⌨️ (0:35:19) Loading/Splitting Sprite Sheets ⌨️ (0:48:50) Animating The Player ⌨️ (0:56:14) Adding Terrain/Blocks ⌨️ (1:08:51) Pixel Perfect Collision (Vertical) ⌨️ (1:14:48) Jumping & Double Jumping ⌨️ (1:22:28) Scrolling Background ⌨️ (1:27:53) Pixel Perfect Collision (Horizontal) ⌨️ (1:36:16) Adding Traps (Fire) ⌨️ (1:45:09) Player Collision With Traps ⌨️ (1:50:51) Conclusion 🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
SQL Database App with Windows GUI – Project Tutorial freeCodeCamp.org 2023-03-16 | Learn how to design and use databases. You will create a graphical Windows application with C# that can display and modify data from a mySQL database server.You need Microsoft Windows to follow along.✏️ @shadsluiter is your instructor for this course. He is a Professor Of Computer Science and Software Development at Grand Canyon University.🔗 Professor Sluiter has more courses here: http://studycoding.org⭐️ Contents ⭐️⌨️ Course Outline⌨️ Create a new database in mySQL⌨️ How to write sql queries⌨️ Create a GUI front end app⌨️ Create a Data Access Object and connect to a database⌨️ Query the database⌨️ Add a picture box to display album art⌨️ Insert new records into the database⌨️ Create a second table and a foreign key⌨️ Table joins part a⌨️ Table joins part b⌨️ Design with UML and ER diagrams⌨️ Perform compound select actions⌨️ Delete data from a table⌨️ Add a video player to the app⌨️ Extended Features⌨️ (0:00:00) Introduction⌨️ (0:04:33) Tools we’ll need⌨️ (0:08:49) Creating a new database⌨️ (0:12:16) Saving the data⌨️ (0:16:04) How to fill in a table⌨️ (0:20:26) Select star from albums⌨️ (0:23:44) How to delete backticks⌨️ (0:27:16) Intro to the series⌨️ (0:34:40) How to delete the backticks⌨️ (0:37:49) Building the database app⌨️ (0:42:22) Start of the demo⌨️ (0:46:33) Creating an album class⌨️ (0:51:19) Adding two albums to the list⌨️ (0:55:11) Connecting the database to the database⌨️ (0:58:08) Where does the data source live?⌨️ (1:04:42) Setting up the database⌨️ (1:07:53) Running the app⌨️ (1:10:37) How to create searches⌨️ (1:13:55) Programming the new search button⌨️ (1:18:12) The problem with parameter queries⌨️ (1:21:56) Adding a picture to the screen⌨️ (1:26:12) How to test the problem⌨️ (1:30:45) Adding new records to the database⌨️ (1:39:22) Adding an integer to the database⌨️ (1:43:27) Adjusting the column titles⌨️ (1:46:13) Execute non-query query⌨️ (1:49:06) Creating a foreign key⌨️ (1:51:47) Install mysql workbench⌨️ (1:55:05) Connecting to the database⌨️ (1:59:04) Configuring the tracks table⌨️ (2:06:49) We have a problem with Mamp synchronization⌨️ (2:10:01) Inserting data into the tracks table⌨️ (2:13:08) Selecting items from the database⌨️ (2:16:46) Changes to the definition of tracks⌨️ (2:20:55) Fixing the problem with the binding source⌨️ (2:24:12) Foreign keys and joins⌨️ (2:27:36) Selecting from the table⌨️ (2:31:15) Changing the query using a join⌨️ (2:39:10) Uml diagrams for our current application⌨️ (2:41:58) Associative vs aggregation⌨️ (2:45:47) Introduction to compound queries⌨️ (2:49:53) Fetching the list of all tracks⌨️ (2:53:03) Using the delete statement to delete tracks⌨️ (2:56:35) The problem with converting an integer to an integer⌨️ (3:00:33) Deleting a track by deleting its Id🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
Learn React 18 with Redux Toolkit – Full Tutorial for Beginners freeCodeCamp.org 2023-03-15 | Learn how to use React version 18 and Redux Toolkit in this full course for beginners. React is a free and open-source front-end JavaScript library for building user interfaces based on components.✏️ Course created by @CodingAddict Source CodeReact Tutorial: github.com/john-smilga/react-course-v3Redux Toolkit: github.com/john-smilga/redux-toolkit-tutorialContents⌨️ (00:00:00) Setup⌨️ (0:30:33) Folder Structure⌨️ (0:42:58) First Component⌨️ (0:53:25) Extensions and settings.json⌨️ (1:06:09) JSX⌨️ (1:20:21) Nest Components⌨️ (1:26:35) Booklist⌨️ (1:36:57) CSS⌨️ (1:47:31) Images⌨️ (1:55:31) JSX - CSS⌨️ (2:02:17) JSX - Javascript⌨️ (2:08:44) Props⌨️ (2:18:33) Props - Somewhat Dynamic Setup⌨️ (2:23:00) Access Props - Multiple Approaches⌨️ (2:27:44) Children Prop⌨️ (2:35:12) Simple List⌨️ (2:43:48) Proper List⌨️ (2:51:12) Key Prop⌨️ (2:57:20) Props - Options⌨️ (3:02:56) Events⌨️ (3:21:51) Form Submission⌨️ (3:25:35) Mind Grenade⌨️ (3:28:55) Component Feature⌨️ (3:34:00) React Data Flow⌨️ (3:39:42) Challenge⌨️ (3:48:51) ES6 Modules⌨️ (3:58:40) Local Images (src folder)⌨️ (4:04:25) More Challenges⌨️ (4:13:20) Deployment⌨️ (4:18:43) useState Hook⌨️ (5:48:19) useEffect Hook⌨️ (6:19:29) Multiple Returns⌨️ (7:28:02) Folder Structure⌨️ (8:27:07) Forms⌨️ (9:27:53) useRef Hook⌨️ (9:50:10) Custom Hooks⌨️ (10:06:20) Context API⌨️ (10:43:01) useReducer Hook⌨️ (11:26:39) Performance⌨️ (12:11:45) Redux Toolkit🎉 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: freecodecamp.orgRead hundreds of articles on programming: freecodecamp.org/news
What is Python used for? freeCodeCamp.org 2023-03-14 | Learn Python with this course: youtube.com/watch?v=eWRfhZUzrAc
