Channels lising page

All videos archived of freeCodeCamp.org
How to get a FAANG Dev Job in your 40s with Coding Interview University creator John Washam [#134]

B-QBZrkD06U | 26 Jul 2024

How to get a FAANG Dev Job in your 40s with Coding Interview University creator John Washam [#134]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews John Washam, a software engineer at Amazon. John's also creator of one of the most popular open source projects of all time, Coding Interview University. This is John's first-ever podcast interview, and the first time he's told his story. Interviewing him was an absolute honor. We talk about: - How John delivered pizzas to save enough money to buy his first computer in the 90s. "I was tired of being a broke kid." - John's first career in the US military, where he worked as a translator in South Korea - How John crammed Computer Science for 8 months and taught himself enough theory and coding skills to get a job in big tech, then published Coding Interview University on GitHub - What it's like to work as a senior developer at a big tech company, and what you can expect the journey to be like Can you guess what song I'm playing on my bass during the intro? It's from a 1986 rock song. Also, I want to thank the 9,779 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - Coding Interview University: https://github.com/jwasham/coding-interview-university - The Starup Next Door, John's blog: https://startupnextdoor.com/ - The Talent Code, the book John recommends: https://www.amazon.com/Talent-Code-Greatness-Born-Grown/dp/055380684X - Follow John on LinkedIn: https://www.linkedin.com/in/johnawasham/ Contents 0:00:00 Introduction and Background 0:07:13 The Importance of Continuous Learning and Passion 0:30:57 Debunking the Myth of Talent in Programming 0:34:54 The Insidious Nature of MLMs 0:45:36 Learning and Transitioning to Web Development 0:56:22 Joining the Military and Learning Korean 1:08:43 Applying for Jobs and Starting a Career in Web Development 1:10:50 From DIY Websites to Entrepreneurship 1:14:42 Learning by Doing: Building Projects to Gain Skills 1:17:01 The Challenges of Marketing and Scaling a Business 1:21:33 Understanding the Market and Solving Real Problems 1:24:31 The Importance of Effective Marketing and Distribution 1:27:31 Sacrifices, Dedication, and Motivation: Keys to Entrepreneurial Success 1:45:03 Challenges in Transitioning to Software Engineering 1:51:42 Treating the Learning Process as a Startup 2:14:20 The Value of Learning Computer Science 2:19:43 Career Growth and Advice 2:30:31 Success in the Tech Industry 2:32:17 Narrowing Down Job Applications 2:58:41 Front-end Engineering vs. Software Engineering 3:02:45 Continuous Learning and Strong Fundamentals

System Design Concepts Course and Interview Prep

F2FmTdLtb_4 | 25 Jul 2024

System Design Concepts Course and Interview Prep

This complete system design tutorial covers scalability, reliability, data handling, and high-level architecture with clear explanations, real-world examples, and practical strategies. You will learn the core concepts you need to know for a system designs interview. ✏️ Course developed by @hayk.simonyan ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:39) Computer Architecture (Disk Storage, RAM, Cache, CPU) ⌨️ (04:22) Production App Architecture (CI/CD, Load Balancers, Logging & Monitoring) ⌨️ (07:12) Design Requirements (CAP Theorem, Throughput, Latency, SLOs and SLAs) ⌨️ (14:40) Networking (TCP, UDP, DNS, IP Addresses & IP Headers) ⌨️ (19:03) Application Layer Protocols (HTTP, WebSockets, WebRTC, MQTT, etc) ⌨️ (24:01) API Design ⌨️ (29:19) Caching and CDNs ⌨️ (36:33) Proxy Servers (Forward/Reverse Proxies) ⌨️ (42:36) Load Balancers ⌨️ (48:05) Databases (Sharding, Replication, ACID, Vertical & Horizontal Scaling) 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to get Machine Learning Skills without doing a PhD in Math [Podcast #133 with Daniel Bourke]

EggrJhIdY3s | 19 Jul 2024

How to get Machine Learning Skills without doing a PhD in Math [Podcast #133 with Daniel Bourke]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Daniel Bourke. He's a Machine Learning Engineer and creator of many popular tutorials on YouTube. He's also a frequent freeCodeCamp contributor. We talk about: - How as a kid he hacked into his school's network and gave himself good grades, just like the kid from Wargames. (Don't try this at home.) - What he learned from helping fix 5,000 people's computers - How Machine Learning actually works. What the AI models are actually doing for you in the background. - His advice for anyone getting into Machine Learning in 2024, in terms of what to prioritize learning Can you guess what song I'm playing on my bass during the intro? It's from a 2020 song by an Australian musician. Also, I want to thank the 9,779 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - Daniel's 26-hour PyTorch course on freeCodeCamp: https://www.freecodecamp.org/news/learn-pytorch-for-deep-learning-in-day/ - Nutrify, Daniel's "pokedex for food". Uses computer vision to map photos of food to nutrition data: https://www.youtube.com/watch?v=-jpLqtAWKfo - Daniel's Charles Bukowski-inspired novel "Charlie Walks": https://www.charliewalks.com/ - The research website Daniel mentions: https://arxiv.org/ - Daniel on Twitter: https://twitter.com/mrdbourke Chapters 0:00:00 Introduction and Background 0:09:07 Love for the Beach and Drift Triking 0:31:14 Learning How to Learn and Applying it to Anything 0:44:21 Australia - Small but Mighty 0:59:53 Creating a Self-Designed Curriculum 1:08:35 Understanding the Hierarchy - AI, Machine Learning, and Deep Learning 1:21:47 Hardware Requirements for Machine Learning 1:38:03 The Evolution of AI and Its Impact on Software Engineering

Blazor Fundamentals Tutorial – Learn Blazor Step-by-Step

CpbRAWgFBRQ | 18 Jul 2024

Blazor Fundamentals Tutorial – Learn Blazor Step-by-Step

This crash course will guide you through learning the Blazor basics as a beginner, enabling you to start building web applications in .NET 8 from scratch! Course developed by @codeafuture 📙 Check out his C# eBook: https://codeafuture.gumroad.com/l/csharp-unlocked ⭐️ Contents ⭐️ ⌨️ (0:00:00) Overview ⌨️ (0:00:52) What is Blazor ⌨️ (0:02:23) Project structure ⌨️ (0:10:02) Blazor Components ⌨️ (0:15:51) Event handling ⌨️ (0:16:29) onclick event ⌨️ (0:18:30) oninput event ⌨️ (0:23:24) onmouseover event ⌨️ (0:26:32) onkeydown event ⌨️ (0:28:35) onfocus & onblur event ⌨️ (0:31:34) Data binding ⌨️ (0:32:50) One-way data binding ⌨️ (0:33:05) Two-way data binding ⌨️ (0:34:32) Change the data bind event ⌨️ (0:35:25) Execute code after data binding ⌨️ (0:38:27) Render modes intro ⌨️ (0:38:49) Static Server Side Rendering ⌨️ (0:39:32) Enhanced Navigation & Form Handling ⌨️ (0:40:25) Streaming Rendering ⌨️ (0:42:44) Interactive Server Rendering ⌨️ (0:43:19) Interactive WebAssembly Rendering ⌨️ (0:44:13) Interactive Auto Rendering ⌨️ (0:44:53) Interactive Server Rendering Example ⌨️ (0:46:52) Interactive Auto Rendering Example ⌨️ (0:53:06) Interactive WebAssembly Rendering Example ⌨️ (0:55:00) CRUD Intro ⌨️ (0:55:42) Creating the project & the data model ⌨️ (0:57:55) Scaffolding the CRUD pages ⌨️ (1:00:03) Creating a database and connecting it to the project. ⌨️ (1:03:13) Testing the CRUD pages ⌨️ (1:04:58) Index Page ⌨️ (1:08:23) Create Page ⌨️ (1:12:45) Form validation ⌨️ (1:16:40) Delete Page ⌨️ (1:18:45) Details Page ⌨️ (1:19:16) Edit Page 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

GitHub Advanced Security Certification – Pass the Exam!

i740xlsqxEM | 17 Jul 2024

GitHub Advanced Security Certification – Pass the Exam!

Learn what you need to know to pass the GitHub Advanced Security Certification. Highlight your code security knowledge with the GitHub Advanced Security certification. Validate your expertise in vulnerability identification, workflow security, and robust security implementation—elevating software integrity standards. ⭐️ Course Contents ⭐️ GitHub Advanced Security Overview 00:00:00 Introduction 00:09:24 Git Overview 00:10:22 GitHub Overview 00:11:26 Git Terms 00:14:53 GitHub Repo Overview 00:15:46 Git Commit Overview 00:16:40 Git Branch Overview 00:17:52 Git Remote to Downstream or Upstream 00:18:28 Advanced Security Overview 00:19:08 GHAS Enabled Plans 00:21:02 GitHub Security 00:22:56 GHAS Use Cases 00:23:58 GHAS Components 00:25:03 Taking action on Alerts 00:26:38 How to enable GHAS 00:27:53 How to enable GHAS Automatically 00:29:14 Which GHAS do you have 00:30:13 GHAS Introduction Follow Along Security Overview 00:41:27 What is a Security Vulnerability 00:42:41 Types of Security Vulnerabilities 00:43:54 0 Day Vulnerabilities 00:44:23 Most Common Vulnerabilities 00:44:51 Finding Vulnerabilities in GitHub 00:45:51 GitHub Advisory Database Secret Scanning 00:46:56 Secret Scanning Overview 00:47:31 Secret Scanning Locations 00:47:58 Enabling Secret Scanning 00:48:09 Secret Scanning Partner Program 00:48:47 Partner Program Use Case 00:49:41 Starting a Scan 00:50:11 Scan Running Times 00:51:08 Secret Scanning Follow Along 00:53:45 Set Ignore Follow Along 00:57:05 Set Notifications Follow Along Dependency Management 01:01:17 Open Source Popularity 01:01:42 Open Source Maintenance Problems 01:02:19 Dependency Graph for Open Source 01:02:36 Dependency Graph Examples 01:02:59 Dependabot Overview 01:03:19 Dependabot Use Case Example 01:04:27 Dependabot Features 01:05:10 Enabling Dependabot 01:05:40 Dependabot Licensing for Private Repos 01:05:58 Dependabot Private Repository Workflow 01:06:23 Triaging Dependabot Vulnerabilities 01:07:32 Dependabot Limitations 01:08:39 Dependabot Follow Along Code Scanning 01:20:07 Code Scanning Overview 01:20:31 Supported Repositories 01:21:02 How Code Scanning Works 01:21:25 Starting a Scan 01:22:44 Code Scanning Setup Options 01:24:16 Where to Implement Scanning 01:25:17 Code Scanning Actions 01:25:35 Scanning Trigger Types 01:26:40 Code Scanning Follow Along CodeQL 01:38:33 Enabling Code Scanning 01:39:00 Third Party SARIF Files Overview 01:39:39 Uploading Third Party SARIF Files 01:40:09 Third Party SARIF File Example 01:40:42 Default Code Scanning 01:41:36 Custom Code Scanning 01:41:58 Code Language Detection Scanning 01:42:34 CodeQL Database Analysis 01:43:15 CodeQL Query Analysis 01:44:10 Types of CodeQL Queries 01:44:52 CodeQL Queries DeepDive 01:45:42 Code Query Anatomy 01:47:29 Code Query Suite 01:47:52 Types of Code Query Suites 01:48:28 Code Query Findings 01:49:04 CodeQL Packs 01:50:08 Code Scanning Workflow 01:50:50 CodeQL Partner Integrations 01:51:25 Workflow Priority Order 01:51:55 Alerts Workflow 01:53:08 Alerts Security Incident Example 01:54:12 CodeQL Follow Along GHAS Best Practices 02:17:40 Software Development Lifecycle SDLC 02:18:30 SDLC Restricting Access 02:19:11 SDLC Security Overview 02:19:54 SDLC Security Policies 02:20:28 SDLC Secret Scanning 02:21:10 SDLC Security Workflow 02:22:02 Types of Vulnerabilities 02:23:16 GitHub Advisory Database 02:24:03 Developer Roles and Responsibilities 02:25:09 Security Roles and Responsibilities 02:25:37 Admin Roles and Responsibilities 02:26:13 Additional Roles and Responsibilities 02:27:11 Notifying Responsible Parties 02:28:13 Triage Workflow based on Risk Ratings GHAS for Enterprise 02:29:34 Should I purchase a GHAS License 02:30:08 Enabling GHAS in GitHub 02:30:49 Levels of Enablement 02:31:42 Levels of Access to Alerts 02:33:16 Required Level of Access 02:33:52 Security Overview 02:34:27 GHAS Logging 02:35:08 API Endpoints for Security

24 CSS Projects: Loading Animations, Progress Bars, Flashcards & More!

TzuWIHGFKCQ | 16 Jul 2024

24 CSS Projects: Loading Animations, Progress Bars, Flashcards & More!

Find out how well you really know CSS with this bumper pack of challenges, all contained in one easy-access video. ✏️ Study this course interactively on Scrimba: https://v2.scrimba.com/css-challenges-c02p Code is available on the Scrimba course page for each lesson. Throughout the 24 challenges, you'll recreate components and layouts from popular applications like GitHub, CodePen, and Instagram. You'll also build loading animations, progress bars, flashcards, and more using pure CSS! Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Contents ⭐️ ⌨️ (0:00:00) Welcome to CSS Challenges! ⌨️ (0:03:40) Challenge: Colorful Button ⌨️ (0:05:45) Solution: Colorful Button ⌨️ (0:12:03) Challenge: Expanding Search Bar ⌨️ (0:14:27) Solution: Expanding Search Bar ⌨️ (0:18:22) Challenge: Codepen Tile ⌨️ (0:19:57) Solution: Codepen Tile ⌨️ (0:25:54) Challenge: Loading Animation 1 ⌨️ (0:27:12) Solution: Loading Animation 1 ⌨️ (0:30:10) Challenge: Loading Animation 2 ⌨️ (0:31:30) Solution: Loading Animation 2 ⌨️ (0:34:13) Challenge: Archery Target ⌨️ (0:35:31) Solution: Archery Target ⌨️ (0:38:15) Challenge: Word Carousel ⌨️ (0:39:26) Solution: Word Carousel ⌨️ (0:43:18) Challenge: Flag of France ⌨️ (0:45:47) Solution: Flag of France ⌨️ (0:49:34) Challenge: Flag of Germany ⌨️ (0:50:39) Solution: Flag of Germany ⌨️ (0:52:42) Challenge: Flag of Madagascar ⌨️ (0:53:48) Solution: Flag of Madagascar ⌨️ (0:58:34) Challenge: Flags of Switzerland ⌨️ (1:00:25) Solution: Flag of Switzerland ⌨️ (1:04:43) Challenge: Flag of Japan ⌨️ (1:05:51) Solution: Flag of Japan ⌨️ (1:08:25) Challenge: Flag of Sweden ⌨️ (1:10:31) Solution: Flag of Sweden ⌨️ (1:16:25) Challenge: Flag of Niger ⌨️ (1:18:04) Solution: Flag of Niger ⌨️ (1:22:12) Challenge - Github Profile Layout ⌨️ (1:24:51) Solution - Github Profile Layout ⌨️ (1:30:17) Challenge - Toggle Switch ⌨️ (1:33:03) Solution: Toggle Switch ⌨️ (1:39:12) Challenge: Playing Card - Ace of Spades ⌨️ (1:40:08) Solution: Playing Card - Ace of Spades ⌨️ (1:43:30) Challenge: Playing Card - 4 of Hearts ⌨️ (1:44:29) Solution: Playing Card - 4 of Hearts ⌨️ (1:49:21) Challenge: Adjustable Progress Bar ⌨️ (1:51:34) Solution: Adjustable Progress Bar ⌨️ (1:54:55) Challenge: Jeopardy Flashcard ⌨️ (1:57:42) Solution: Jeopardy Flashcard ⌨️ (2:03:02) Challenge: Loading Animation 3 ⌨️ (2:05:03) Solution: Loading Animation 3 ⌨️ (2:08:14) Challenge - Instagram Stories Menu ⌨️ (2:11:22) Solution - Instagram Stories Menu ⌨️ (2:20:26) Challenge - Animated Progress Bar ⌨️ (2:22:43) Solution - Animated Progress Bar ⌨️ (2:26:42) Challenge - Github Contributions Graph ⌨️ (2:29:18) Solution - Github Contributions Graph ⌨️ (2:33:02) Congrats, you've completed CSS Challenges!

Multithreading for Beginners

gvQGKRlgop4 | 15 Jul 2024

Multithreading for Beginners

Multithreading is an important concept in computer science. In this coruse, you will learn everything you need to know about multithreading in Java, but the concepts apply to other programming languages as well. For each concept you will learn the theory and then see some code examples. Code: https://github.com/shandilya07/MultithreadingInJava ✏️ Course created by @shandilyacodes ⭐️ Contents ⭐️ ⌨️ (0:00:00) Instructor & Course Introduction ⌨️ (0:01:49) Introduction to Multithreading ⌨️ (0:14:33) What's sequential Execution ⌨️ (0:17:27) Creating threads using Runnable interface ⌨️ (0:22:50) Creating threads using Thread class ⌨️ (0:25:13) Difference between two approaches of creating threads ⌨️ (0:25:46) Join method in Java ⌨️ (0:33:35) What are Daemon Threads? ⌨️ (0:39:12) What is Thread priority? ⌨️ (0:43:51) What are synchronised blocks? ⌨️ (0:54:09) Problems of using synchronised blocks ⌨️ (1:05:35) Wait & Notify ⌨️ (1:14:58) Producer & Consumer using wait & notify ⌨️ (1:26:31) Introducing Executor Service ⌨️ (1:30:20) Single Thread Executor ⌨️ (1:36:32) Fixed Thread Pool Executor ⌨️ (1:42:18) Cached Thread Pool Executor ⌨️ (1:47:56) Scheduled Thread Pool Executor ⌨️ (1:55:00) What's the Ideal Pool size? ⌨️ (2:00:01) Callable & Future ⌨️ (2:09:17) Introducing synchronised collections ⌨️ (2:15:42) Countdown latch ⌨️ (2:27:51) Blocking Queue ⌨️ (2:41:45) Concurrent Map ⌨️ (2:54:38) Cyclic Barrier ⌨️ (3:09:44) Exchanger ⌨️ (3:22:52) Copy on write array ⌨️ (3:36:58) Why do we need Locks? ⌨️ (3:39:45) Condition on Locks ⌨️ (3:58:58) Reentrant Locks ⌨️ (4:09:31) Read Write Locks ⌨️ (4:21:19) Visibility Problem in Java ⌨️ (4:29:10) Deadlocks in Java ⌨️ (4:48:22) What are Atomic Variables? ⌨️ (5:00:34) What are Semaphores? ⌨️ (5:17:08) What is Mutex? ⌨️ (5:19:37) What is ForkJoinPool ⌨️ (5:53:14) Good Bye & Thank you!

From doing data entry to becoming a developer with Jessica Chan AKA Coder Coder [Podcast #132]

8zhAtjAv6oA | 12 Jul 2024

From doing data entry to becoming a developer with Jessica Chan AKA Coder Coder [Podcast #132]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Jessica Chan AKA Coder Coder. She's a software engineer has worked in the field for more than a decade. Interestingly, she studied photography in school and never took a programming class. We talk about: - How she and her sister ran a dial-in Bulletin Board System (BBS) back in the pre-web days - How her first year as a dev she "was just living in abject fear of losing my job." - How she stayed at her first developer agency job for 7 years, and went from imposter syndrome afflicted newbie to getting promoted - Her philosophy on creating programming tutorials: "You don't have to be on the cutting edge. I don't operate on the cutting edge." Can you guess what song I'm playing on my bass during the intro? It's from a 1993 rock song. Also, I want to thank the 9,779 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: Jessica's 7-hour "How to Build a Website" freeCodeCamp course: https://www.freecodecamp.org/news/create-a-simple-website-with-html-css-javascript/ Jessica's coding journey animated video: https://www.youtube.com/watch?v=jA14r2ujQ7s Kevin Powell, the "King of CSS", who has also shared courses on freeCodeCamp: https://www.freecodecamp.org/news/author/kevin-powell/ Jessica on Twitter: https://twitter.com/thecodercoder Chapters 0:00:00 Introduction and Background 0:07:53 Early Days of BBSs 0:15:36 Transitioning from Photography to Web Development 0:34:15 The Changing Landscape of the Photography Industry 0:46:08 Progressing in Career and Taking on Bigger Projects 0:55:43 Blogging and Building a Developer Community 0:59:08 Transitioning from Freelancing to Content Creation 1:04:37 The Role of a Supportive Partner in Freelancing 1:08:42 Navigating the Challenges of Freelancing 1:10:34 Staying Motivated and Learning New Skills 1:13:19 The Importance of Authenticity in Content Creation 1:15:19 Ethical Considerations in Web Development 1:20:09 Research and Preparation for High-Quality Tutorials

Asynchronous JavaScript Course – Async/Await , Promises, Callbacks, Fetch API

OFpqvaJ3QYg | 11 Jul 2024

Asynchronous JavaScript Course – Async/Await , Promises, Callbacks, Fetch API

Master asynchronous programming in JavaScript. You'll learn javascript promises, async/await, and the Fetch API. Then you'll your new knowledge to build 3 projects. Code: https://github.com/CodeLab98/AsyncPartTwo ✏️ Course developed by @CodeLab98 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:19) Like & Subscribe ⌨️ (0:00:27) Part 1 Overview ⌨️ (0:00:50) Prerequisites ⌨️ (0:01:02) What is Synchronous Programming ⌨️ (0:01:14) What is Asynchronous Programming ⌨️ (0:05:13) Call Backs ⌨️ (0:09:45) Call Back HELL ⌨️ (0:10:07) Call Back HELL Example ⌨️ (0:12:55) Promises ⌨️ (0:13:26) 3 States of a Promise ⌨️ (0:19:38) Consuming Promises ⌨️ (0:19:52) Then/Catch ⌨️ (0:24:59) Common Mistakes (Then/Catch) ⌨️ (0:27:01) Promise.All() ⌨️ (0:31:10) Async/Await ⌨️ (0:40:55) Part 2 ⌨️ (0:41:19) Recap Promises ⌨️ (0:43:14) Fetch API ⌨️ (0:51:58) Chuck Norris API ⌨️ (1:02:16) Weather API ⌨️ (1:30:48) Pokedex API

How to Deploy a Web App Using Multiple Methods (Azure, Render, MongoDB Atlas, Koyeb, and more )

vROMXzOWqec | 10 Jul 2024

How to Deploy a Web App Using Multiple Methods (Azure, Render, MongoDB Atlas, Koyeb, and more )

Learn how to deploy a web app using multiple services such as Azure, Render, MongoDB Atlas, Koyeb, and more. Course developed by @kerolloz Repos used: https://github.com/kerolloz/examzzz https://github.com/kerolloz/examzzz-frontend 0:00 Deploy using free services 28:39 Deploy using Microsoft Azure 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn TypeScript - Full Course for Beginners

SpwzRDUQ1GI | 09 Jul 2024

Learn TypeScript - Full Course for Beginners

This course is a hands-on introduction to TypeScript. You'll learn how TypeScript can make your life easier and your code less error-prone. ✏️ Study this course interactively on Scrimba: https://v2.scrimba.com/learn-typescript-c03c?utm_source=youtube&utm_medium=video&utm_campaign=fcc-typescript Code is available on the Scrimba course page for each lesson. Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Course Contents ⭐️ 0:00:00 Introduction 0:06:39 Intro to Pizza app 0:16:49 Move code to TS 0:19:58 Defensive coding 0:24:36 Obligatory types basics lesson 0:28:29 Add type to orderId 0:29:55 Defining Custom Types 0:33:44 Adding a Pizza type 0:38:00 Nested object types 0:43:15 Optional properties 0:45:58 Adding an Order type 0:47:20 Typing arrays 0:52:00 Type orderQueue 0:56:13 Literal types 0:58:57 Unions 1:01:57 Update order status to use literal type unions 1:04:59 Add ids to pizzas 1:07:41 Type Narrowing 1:12:39 Be explicit whenever you can 1:14:54 Function return types 1:17:53 TS-specific types: any 1:20:48 Add return type to getPizzaDetail 1:24:11 Void return type 1:26:09 Add automatic ids to menu items 1:30:31 Utility Types & Partial 1:37:39 Omit Utility Type 1:44:42 Fix TS warnings with Omit 1:48:53 Generics 1:56:17 Generic functions in the pizza restaurant 1:59:43 Explicitly type generic function calls 2:04:08 Conclusion... for now 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

What Scott Hanselman learned from doing 900 podcast interviews with devs [Podcast #131]

7K6bCewZzJU | 05 Jul 2024

What Scott Hanselman learned from doing 900 podcast interviews with devs [Podcast #131]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Scott Hanselman. Scott's a developer at Microsoft, a prolific teacher, and has hosted the Hanselminutes podcast for nearly two decades. We talk about: · How he leads a fully-remote team from his home of Portland, Oregon · His 11-year journey to getting his degree · What he learned from teaching programming at community college · What he's learned about software development from recording 980 podcast interviews across 20 years Can you guess what song I'm playing on my bass during the intro? It's from a 1994 punk song. Also, I want to thank the 9,779 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: · Scott's Hanselminutes Podcast: https://www.hanselman.com/podcasts · A personal tour of Lotus Notes founder Ray Ozzie's computer artifacts: https://www.youtube.com/watch?v=c4awQH6WhP4 · Scott on Twitter: https://twitter.com/shanselman Chapters ⌨️ (0:00:00) Introduction and Retro Gaming ⌨️ (0:11:06) The Longevity of the Hanselman Podcast ⌨️ (0:15:59) Living and Working in Portland ⌨️ (0:27:14) The Value of Practical Knowledge and Systems Thinking in Tech ⌨️ (0:33:33) Preserving Computer History - A Passion for Understanding How Things Work ⌨️ (0:50:09) From Small Business to Tech Job - Building a Diverse Portfolio ⌨️ (0:53:52) The Swiss Army Knife Kid and Helping Others ⌨️ (0:58:49) Encouraging Kids' Interests and Individual Paths ⌨️ (1:02:42) Navigating Comparison and Self-Perception ⌨️ (1:06:18) Curating a Positive Online Experience ⌨️ (1:10:07) Preparing for a World of Comparison ⌨️ (1:13:59) Learning C# as a First Language ⌨️ (1:18:01) Microsoft Learn - A Valuable Resource for Learning

API integration Course – Modern Python with FastAPI

rkPIftzu1pQ | 03 Jul 2024

API integration Course – Modern Python with FastAPI

🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React Native & Expo Router Course – Build a Meditation App

9UKCv9T_rIo | 02 Jul 2024

React Native & Expo Router Course – Build a Meditation App

Improve your React Native skills by building a meditation app using Expo. Learn to utilize TypeScript, React, NativeWind, React Native, and Expo to develop a simple mobile app. 💻 GitHub: https://github.com/stevenGarciaDev/simple-meditation-app-expo-react-native ✏️ Course developed by @StevenCodeCraft ⭐️ Contents ⭐️ ⌨️ (0:00:00) Simple Meditation App (Expo React Native) ⌨️ (0:01:41) GitHub Repository Info ⌨️ (0:02:42) Upcoming Courses ⌨️ (0:03:21) Social Media and FitFuelPlanner ⌨️ (0:03:45) Setup Local Development Environment ⌨️ (0:14:53) Add static assets and define constant files ⌨️ (0:18:38) Setup NativeWind ⌨️ (0:21:14) Implement Initial Screen ⌨️ (0:32:03) Splash Screen Image ⌨️ (0:32:49) The useRouterHook ⌨️ (0:34:22) Add AppGradient Component and Tabs directory ⌨️ (0:39:06) The Meditation Index Screen ⌨️ (0:47:47) Use FlatList on the Meditation Index Screen ⌨️ (0:54:16) The Affirmations Index Screen ⌨️ (1:02:38) The Affirmations Detail Screen ⌨️ (1:15:22) The Meditation Detail Screen ⌨️ (1:33:17) Meditation Audio/Song ⌨️ (1:40:27) React Context and Modal Screen 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Go for Absolute Beginners – Tutorial

akosxcqJorU | 01 Jul 2024

Go for Absolute Beginners – Tutorial

Learn the fundamentals of Go by building a full stack payment application. Go is a powerful and efficient language designed for modern software development. You'll learn everything from basic syntax and data types to advanced features like goroutines and concurrency patterns. ✏️ Course developed by @kantancoding 💻 Code: https://github.com/selikapro/go_for_beginners_backend Georgio's Teachable Course: https://kantan-coding.teachable.com/p/early-bird-special-pricing ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:51) Install Dependencies ⌨️ (0:29:14) Fundamentals & Frontend Setup ⌨️ (1:33:48) Build Backend ⌨️ (4:15:26) Connect FE & BE + Sanity Check 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

From Fashion to Software Engineer with Alison Yoon [Podcast #130]

DJyZtXwUjIE | 28 Jun 2024

From Fashion to Software Engineer with Alison Yoon [Podcast #130]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Alison Yoon. She's a Software Engineer who started off in fashion design and taught herself to code using freeCodeCamp. We talk about: - What it's like to work in fashion. "You're surrounded by exhausted, unhappy people." - How she used freeCodeCamp and the 100DaysOfCode challenge to learn to code and start her software development career - How she learned English and how to work on engineering teams in the UK. - How she's leading the Korean translation effort for the freeCodeCamp community, with 10,000s of people now reading Korean articles each month Can you guess what song I'm playing on my bass during the intro? It's from a 1985 song. Also, I want to thank the 9,779 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - freeCodeCamp's Korean edition, including Quincy's "Learn to code and get a developer job" book translated into Korean: https://www.freecodecamp.org/korean/news/learn-to-code-book/ - Alison on Twitter: https://twitter.com/aliyooncreative - Devil Wears Prada trailer: https://www.youtube.com/watch?v=6ZOZwUQKu3E Chapters 0:00:00 Introduction and Background 0:10:41 Transitioning from Fashion to Tech 0:33:49 Transitioning to the UK and Finding a Job 0:45:06 Working at Octopus Energy and Kraken Technologies 0:52:02 From Graphic Design to Web Development 0:58:26 The Benefits of Pair Programming 1:21:51 Making Programming Resources Accessible through Translation

GameDev with JavaScript and Kaboom.js – Metroidvania Game Tutorial

iM1iSvloMlo | 27 Jun 2024

GameDev with JavaScript and Kaboom.js – Metroidvania Game Tutorial

Learn to use JavaScript and Kaboom.js to build a Metroidvania style game. In this tutorial, you'll learn everything from setting up your development environment to implementing complex game mechanics like enemy AI and boss battles. ✏️ Course developed by @JSLegendDev Live demo: https://jslegend.itch.io/javascript-metroidvania Source code: https://github.com/JSLegendDev/JavaScript-Metroidvania Link to the Kaboom.js library: https://unpkg.com/[email protected]/dist/kaboom.mjs Assets used can be downloaded here: https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/assets Original assets can be found here with extra paid assets: https://venoxxx.itch.io/pixxxelpunkkk-toolkit ) Modified u.png version (inc. in assets link above): https://github.com/JSLegendDev/JavaScript-Metroidvania/blob/master/assets/sprites/u.png Modified burn3r.png version (inc. in assets link above): https://github.com/JSLegendDev/JavaScript-Metroidvania/blob/master/assets/sprites/burn3r.png Sound assets: https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/assets/sounds Map layouts (room1.json + room2.json): https://github.com/JSLegendDev/JavaScript-Metroidvania/tree/master/maps Download Tiled here: https://mapeditor.org Guide on how to use Tiled + Kaboom.js: https://jslegenddev.substack.com/p/how-to-use-tiled-with-kaboomjs Guide on how custom events work in Kaboom.js: https://jslegenddev.substack.com/p/custom-events-in-kaboomjs Guide on how to implement one way platforms: https://jslegenddev.substack.com/p/how-to-implement-one-way-platforms ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:06:18) Setup ⌨️ (0:14:42) Initializing Kaboom ⌨️ (0:21:59) Loading assets ⌨️ (0:33:38) Defining scenes ⌨️ (0:40:00) Understanding Game Objects in Kaboom ⌨️ (0:43:47) Implementing logic to load and display the map ⌨️ (1:16:49) Implementing logic to place colliders over the map ⌨️ (1:33:53) Implementing player logic ⌨️ (1:42:37) Implementing global state management ⌨️ (1:50:12) Continuing player logic implementation ⌨️ (2:22:56) Setting up our camera system ⌨️ (2:38:29) Implementing drone enemy ⌨️ (3:10:45) Implementing boss barrier ⌨️ (3:24:16) Implementing boss battle ⌨️ (3:57:15) Implementing health catrdiges + health bar ⌨️ (4:05:43) Making sure the player respawns when falling out of bounds ⌨️ (4:10:06) Implementing logic to link room1 and room2 ⌨️ (4:28:49) Finishing touches ⌨️ (4:32:35) General guidance on how to deploy the project🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Shadcn Component Library Course for Beginners

oidnyW71W0A | 26 Jun 2024

Shadcn Component Library Course for Beginners

Shadcn is a unique collection of reusable React components designed for modern web development. In this course, you'll learn how to integrate beautifully designed, accessible, and customizable UI elements into your Next.js projects. Course created by @codeddesign ⭐️ Contents ⭐️ ⌨️ (0:00:00) Installation & Project Setup ⌨️ (0:03:35) Accordion ⌨️ (0:11:16) Alert ⌨️ (0:25:51) Alert Dialog ⌨️ (0:39:15) Image Ratio ⌨️ (0:57:27) Avatar ⌨️ (1:01:21) Badge ⌨️ (1:12:05) Breadcrumb ⌨️ (1:28:18) Button ⌨️ (1:31:50) Calendar ⌨️ (1:56:32) Card ⌨️ (2:07:05) Carousel / Image Slider ⌨️ (2:37:36) Check Box ⌨️ (2:46:25) Collapsible 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

What’s New in React 19: Exploring Actions, use(), Compiler, and more

81uAxzeyL2I | 25 Jun 2024

What’s New in React 19: Exploring Actions, use(), Compiler, and more

✏️ Study this course interactively on Scrimba: https://v2.scrimba.com/whats-new-in-react-19-c03d?utm_source=youtube&utm_medium=video&utm_campaign=fcc-react19 Learn all about the exciting new features coming with React 19, including baked-in ways to handle actions, optimistic updates, form statuses, the new use() API, and more! Code is available on the Scrimba course page for each lesson. React hasn’t had a major version update in over 2 years since React 18 was launched in 2022. React 19 has lots of exciting new features that make handling data mutations simpler while giving us APIs to improve the user’s experience with optimistic updates! ✨ The React team has also launched a new open-source compiler it has been working on for years that will handle many of the nitty-gritty performance details for you behind the scenes. Join us in this course while we learn all about the latest, greatest features coming in the newest version of React! We'll cover: - Transitions (refresher from React 18) - React Compiler - Form Actions - useActionState() - Handling errors in actions - useOptimistic() - useFormStatus - Refs as props - use() - Other miscellaneous improvements to React Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Contents ⭐️ ⌨️ (0:00:00) What's new in React 19? ⌨️ (0:02:29) React 18 Catch up - useTransition (1) ⌨️ (0:06:18) React 18 Catch up - useTransition (2) ⌨️ (0:11:20) React Compiler ⌨️ (0:13:05) Form action ⌨️ (0:20:39) Error and loading states in React ⌨️ (0:23:33) useActionState() - Part 1 ⌨️ (0:28:54) useActionState() - Part 2 ⌨️ (0:34:00) useActionState() - Part 3 ⌨️ (0:41:54) useOptimistic() ⌨️ (0:47:21) useFormStatus() ⌨️ (0:52:04) refs as props ⌨️ (0:54:57) use() ⌨️ (1:04:02) Misc. improvements - meta tags ⌨️ (1:06:43) Conclusion

VIM Essentials Course for Beginners

JYNA9j8SXs4 | 24 Jun 2024

VIM Essentials Course for Beginners

Learn the essentials required for working with VIM as your developer tool of choice. Course developed by Andrew Brown from @ExamProChannel ⭐️ Contents ⭐️ Introduction ⌨️ (0:04:12) Intro ⌨️ (0:04:12) Learning Expectations and Goals ⌨️ (0:06:56) Do People Hate VIM Prelude ⌨️ (0:08:31) PDP 7 ⌨️ (0:11:00) Unix ⌨️ (0:14:17) Unix 1 Emulated ⌨️ (0:19:38) What is Ed ⌨️ (0:25:00) Ed Follow Along ⌨️ (0:33:26) What is EX ⌨️ (0:36:17) Ex Follow Along ⌨️ (0:49:50) What is VI ⌨️ (0:52:03) Vi Follow Along ⌨️ (1:12:03) What is Vim ⌨️ (1:13:37) Vimtutor Vim Help ⌨️ (1:15:42) Vim Versions ⌨️ (1:17:45) Vim Version Follow Along ⌨️ (1:18:36) Install GUI Vim ⌨️ (1:22:36) VimScript ⌨️ (1:23:27) Vim Configuration Files ⌨️ (1:24:57) Vim Configuration Follow Along ⌨️ (1:33:26) Vim Plugin Managers ⌨️ (1:35:02) What is Janus ⌨️ (1:36:50) Janus Follow Along ⌨️ (1:48:13) Install Plugin with Vim Plug ⌨️ (2:06:57) What is NeoVim ⌨️ (2:08:29) NeoVim Follow Along ⌨️ (2:13:13) Vimium VIM Core Commands ⌨️ (2:13:38) Vim Support in other IDEs ⌨️ (2:14:41) Install Vim Extension ⌨️ (2:15:31) Vim Keyboard home row ⌨️ (2:16:22) VIM Modes ⌨️ (2:19:06) Switching Modes Follow Along ⌨️ (2:20:00) File Commands ⌨️ (2:21:07) File Commands Follow Along ⌨️ (2:22:17) Motion Commands ⌨️ (2:24:30) Directional Motions ⌨️ (2:25:42) Directional Motions Follow Along ⌨️ (2:29:21) Goto Motions ⌨️ (2:30:23) Goto Motions Follow Along ⌨️ (2:32:22) Word Motions ⌨️ (2:33:09) Word Motions Follow Along ⌨️ (2:35:13) Join Lines ⌨️ (2:35:51) Join Lines Follow Along ⌨️ (2:36:45) Start or End of Line ⌨️ (2:37:35) Start or End of Line Follow Along ⌨️ (2:39:06) Replace Command ⌨️ (2:39:38) Replace Command Follow Along ⌨️ (2:41:10) Undo and Redo Commands ⌨️ (2:41:47) Undo and Redo Follow Along ⌨️ (2:44:56) Change Command ⌨️ (2:45:39) Change Follow Along ⌨️ (2:49:00) Delete Command ⌨️ (2:49:55) Delete Follow Along ⌨️ (2:52:50) Yank and Paste Commands ⌨️ (2:53:55) Yank and Paste Follow Along ⌨️ (2:55:59) Insert and Append Commands ⌨️ (2:57:15) Insert and Append Follow Along ⌨️ (2:59:25) Line Insert Command ⌨️ (3:00:05) Line Insert Follow Along ⌨️ (3:00:59) Find Command ⌨️ (3:02:20) Find Follow Along ⌨️ (3:04:50) Substitute Command ⌨️ (3:07:04) Substitute Follow Along ⌨️ (3:11:04) Leader Key ⌨️ (3:11:50) Leader Key Follow Along ⌨️ (3:14:54) Visual Mode ⌨️ (3:15:25) Visual Mode Follow Along ⌨️ (3:18:51) Indentation Command ⌨️ (3:19:15) Indentation Follow Along ⌨️ (3:20:54) Window Splitting ⌨️ (3:22:05) Window Splitting Follow Along ⌨️ (3:30:06) Buffers ⌨️ (3:31:17) Buffers Follow Along ⌨️ (3:33:17) Registers ⌨️ (3:34:53) Registers Follow Along ⌨️ (3:37:12) Recommended Cheat sheet ⌨️ (3:40:26) Final Remarks 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Why are senior developers learning low-code and AI tools? [Adrian Twarog Interview #129]

2cVDw_Hmn0s | 21 Jun 2024

Why are senior developers learning low-code and AI tools? [Adrian Twarog Interview #129]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Adrian Twarog. He's a Software Engineer who started his career by working as the office IT guy at a school and other offices for 10 years. He's since published YouTube courses that millions of people have watched. We talk about: How Adrian built his development skills by volunteering to taking on web design projects at work How he started making design tutorials on YouTube and published 300 in a single year How he was early to the AI engineering craze and published GPT tutorials with millions of views – Adrian's many freeCodeCamp courses, and his gorgeous book on design fundamentals Being a dev in Perth, Australia – on the other side of the Earth from Silicon Valley – yet still staying at the forefront of the state of the art Can you guess what song I'm playing on my bass during the intro? It's from a 1995 industrial rock anthem. Also, I want to thank the 9,771 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: Adrian's popular video "Real life RPG to track your life": https://www.youtube.com/watch?v=GMn9sxCWN0M Adrian's UX course on freeCodeCamp: https://www.freecodecamp.org/news/ui-ux-design-tutorial-from-zero-to-hero-with-wireframe-prototype-figma/ Merge, Adrian's Discord community for devs: https://www.mergewebdev.com/ Adrian's design book, Enhance UI: https://enhanceui.com/ Sections: 0:00:00 Adrian Twarog: An Unconventional Approach to Technology 0:03:08 From Perth to Silicon Valley: Adrian's Developer Origin Story 0:05:35 Using Low-Code and No-Code Tools to Get Things Done Faster 0:31:09 Building a Team and Transitioning to Teaching 0:33:16 The Night Owl Content Creator 0:37:29 Continuous Improvement 0:42:18 Striving for Better Content 0:46:39 Sketching Ideas 0:53:13 Visualizing Projects Before Coding 0:56:08 AI Tools for Developers 1:03:39 Enhancing the Development Process 1:05:02 AI Evangelist 1:05:20 The Impact of Copyright Strikes on Creators 1:05:47 AI Tools Solving Problems in Web Development 1:05:17 The Role of AI Evangelist and Freelancing 1:07:16 The Importance of Design Fundamentals 1:08:46 Creating a Design Course for Developers 1:10:27 Building a Community and Offering Design Reviews 1:14:50 Navigating Client Communication and Recommendations 1:26:23 The Rise of Low Code and No Code in Web Development 1:31:08 AI Tools in Web Development 1:35:08 Streamlining the Web Development Process 1:36:53 Value and Pricing in Web Development 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Godot GameDev Tutorial – 3D RPG Game

ouqgx1qKSdY | 20 Jun 2024

Godot GameDev Tutorial – 3D RPG Game

Learn how to use Godot to build a 3D RPG game! You will learn about creating the player, designing the AI skeleton monster, building the GUI with a profile and inventory system, adding stunning VFX to enhance your game, and more. ✏️ Course created by @CodingQuests ⭐️ Course Resources ⭐️ Website Course: https://www.codingquests.com/challenge-page/3drpgcourse Project Files: Start Files: https://codingquests.com/3dstarterfiles Final Files: https://codingquests.com/3drpgfiles Assets: https://godotengine.org/ https://opengameart.org/content/golden-ui-bigger-than-ever-edition https://kaylousberg.itch.io/kaykit-adventurers https://kaylousberg.itch.io/kaykit-dungeon-remastered https://kaylousberg.itch.io/kaykit-skeletons https://alexs-assets.itch.io/16x16-rpg-item-pack https://www.1001fonts.com/pixel-fonts.html https://www.youtube.com/watch?v=GeParYI2J6I&t https://www.youtube.com/@Le_x_Lu VFX ASSETS: SWORDS AND PUFF EFFECT MODELS - CLOSING AT THE END OF THE VIDEO: KwintenH (Sword of Gainu - Weaponcraft) https://sketchfab.com/3d-models/sword-of-gainu-weaponcraft-0cf5bff324bd4d489dcc824ef5d6f920 MeguMeme (Wolven blade - Stylized sword model) https://sketchfab.com/3d-models/wolven-blade-stylized-sword-d700c93c18b048c49d7af590adca867f Krystian Zem (Lowpoly Stylized Scimitar) https://sketchfab.com/3d-models/lowpoly-stylized-scimitar-1dd79bb9a3664ab6b12481fa88a76229 Partaevil (Aqua | Anime chibi model) https://sketchfab.com/3d-models/aqua-anime-chibi-model-549de66768ed422681106d3028d1cf4f Kagaru-Nakama-Revegeance (aqua) https://sketchfab.com/3d-models/aqua-4e93bbe53d2a48e5979eb975d10f26f8 HIT EFFECTS: Bpole (Rapid Punching Animation) https://sketchfab.com/3d-models/rapid-punching-animation-898c066dc84b4fe7b19fa2f40f4fd145 BarcodeGames (Five Seven Animated) https://sketchfab.com/3d-models/five-seven-animated-free-5cd65dec366c44ceaf833ae2b5761a26 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:14) Starting The Project ⌨️ (0:05:46) GridMap ⌨️ (0:15:29) World Enviornment ⌨️ (0:19:15) vAdding The Player ⌨️ (0:22:26) Camera Controller ⌨️ (0:36:29) Player Movement ⌨️ (0:58:47) Player Animation ⌨️ (1:11:07) Monster Setup ⌨️ (1:14:21) Finite State Machines Concept ⌨️ (1:18:39) Monster State Machine Setup ⌨️ (1:24:50) Monster AnimationTree ⌨️ (1:27:59) State Machines ⌨️ (1:36:43) Changing States ⌨️ (1:46:59) Player Damaging Monsters ⌨️ (1:57:14) Monster Damaging Player ⌨️ (2:04:49) Custom Theme ⌨️ (2:11:49) Game Over overlay ⌨️ (2:19:53) GUI Setup ⌨️ (2:28:00) Item Resources ⌨️ (2:39:18) Inventory Slot ⌨️ (2:50:39) Inventory Item ⌨️ (2:56:42) Adding Items ⌨️ (3:07:08) Equipment and using items ⌨️ (3:14:54) Profile ⌨️ (3:19:52) Total Stats ⌨️ (3:25:05) Custom Health Signals ⌨️ (3:35:49) 3D Item Objects ⌨️ (3:47:19) Shop ⌨️ (4:07:09) Level up ⌨️ (4:12:23) Porting to Forward+ ⌨️ (4:12:40) Level Design ⌨️ (4:18:40) Torch ⌨️ (4:30:36) Lelu Intro ⌨️ (4:31:46) Lelu VFX Tutorial ⌨️ (5:11:13) Applying the VFX ⌨️ (5:18:18) Sound Effects ⌨️ (5:21:27) Spawning Monsters ⌨️ (5:27:06) Next Steps/Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Mistral AI – JavaScript Tutorial

mNMDd6D1om8 | 18 Jun 2024

Learn Mistral AI – JavaScript Tutorial

✏️ Study this course interactively on Scrimba: https://v2.scrimba.com/intro-to-mistral-ai-c035?utm_source=youtube&utm_medium=video&utm_campaign=fcc-mistral Learn how to use the Mistral AI to build intelligent apps, all the way from simple chat completions to advanced use-cases like RAG and function calling. Created in collaboration between Mistral AI and Scrimba. Code is available on the Scrimba course page for each lesson. You will learn how to build intelligent applications that span from straightforward chat completions to complex functionalities like Retrieval-Augmented Generation (RAG) and function calling. Starting off, you’ll get an introduction to Mistral's open-source models, including Mistral 7B and Mistral 8x7B, and progress to their commercial models. You'll gain hands-on experience leveraging the full suite of Mistral’s La Plateforme. The rest of the course is mainly focused on two essential paradigms in AI engineering: knowledge retrieval and AI agents. In the first part, you’ll learn how to split text documents with LangChain, convert them into embeddings, store them in a vector database, and finally perform retrieval. In the AI agents segment, you’ll learn how to give Mistral access to the functions within your app, and let their models decide when to call them. This skill will enable you to create a whole new type of user experience, where people can interact with your apps through conversation instead of mere clicking. Towards the end, we will also go through how you can use Ollama to easily run inference on your own computer, and use it as the backbone of any AI app you develop locally. Created by Per Borgen from Scrimba. https://www.youtube.com/c/Scrimba ⭐️ Contents ⭐️ ⌨️ (0:00:00) Welcome to the course ⌨️ (0:02:36) Intro to Mistral by Sophia Yang ⌨️ (0:05:41) Sign up for La Plateforme ⌨️ (0:07:08) Mistral's Chat Completion API ⌨️ (0:11:19) Mistral's Chat Completion API - part 2 ⌨️ (0:15:20) Mistral's models ⌨️ (0:19:54) What is RAG? ⌨️ (0:24:19) What are embeddings? ⌨️ (0:30:35) RAG - Chunking text with LangChain ⌨️ (0:35:27) RAG - Completing the splitDocument function ⌨️ (0:37:20) RAG - Creating our very first embedding ⌨️ (0:39:51) RAG - Challenge: embedding all chunks and preparing it for the vector db ⌨️ (0:44:34) Set up your vector database ⌨️ (0:47:27) Vector databases ⌨️ (0:47:51) RAG - Uploading data to the vector db ⌨️ (0:50:36) RAG - Query and Create completion ⌨️ (0:55:30) RAG - Improve the retrieval and complete the generation ⌨️ (1:00:26) Function calling ⌨️ (1:05:46) Function calling - Adding a second function ⌨️ (1:08:11) Function calling - Unpacking the function and arguments ⌨️ (1:12:00) Function calling - Making the call ⌨️ (1:13:49) Function calling - Updating the messages array ⌨️ (1:15:49) Function calling - Creating the loop ⌨️ (1:18:41) Running Mistral locally ⌨️ (1:22:39) Outro & recap - Mistral AI Correction: 16:43 Upon running this calculation through a state-of-the art calculator and cross referencing with advanced AI, we determined that 8 times 7 is actually 56. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Non-Technical Intro to Generative AI

y4SLh1cpap4 | 17 Jun 2024

Non-Technical Intro to Generative AI

Learn about Generative AI from a non-technical perspective. This course examines the evolution of AI capabilities, analyzing the key technological breakthroughs that have enabled modern generative AI models to achieve remarkable performance. The course also covers some of the challenges of Generative AI. Further focusing on concept of decentralized AI, followed by LLM APIs. ✏️ Course developed by @1littlecoder ⭐️ Contents ⭐️ ⌨️ (0:00:00) Generative AI Quick Intro ⌨️ (0:00:47) AI back then vs AI Now ⌨️ (0:17:46) Why Gen AI is possible now? ⌨️ (0:22:46) The less spoken about Gen AI ⌨️ (0:38:33) What is Decentralized AI ⌨️ (0:54:50) LLM APIs ⌨️ (1:01:48) LLM App Framework ⌨️ (1:02:33) Text Completion ⌨️ (1:04:50) ChatBot ⌨️ (1:09:07) RAG - LLM with Knowledge ⌨️ (1:19:36) LLM for Downstream NLP Tasks ⌨️ (1:22:50) Agents based on LLMs ⌨️ (1:32:05) LLM OS 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Quincy Interviews Dev & Prolific Programming Teacher Cobly Fayock [Podcast #128]

DL5HvYyJjM0 | 14 Jun 2024

Quincy Interviews Dev & Prolific Programming Teacher Cobly Fayock [Podcast #128]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Colby Fayock. He's a Software Engineer and prolific teacher who has created 68 tutorials for freeCodeCamp, and more than 100 videos on his YouTube – all freely available. We talk about: Colby's early days doing design work for local bands How Colby went to art school, then pivoted that into a software development His early career at ThinkGeek where he not only did web dev but also worked as a male model for their products. Colby's day-to-day work as a developer experience engineer, building demo applications and SDKs How Colby uses AI tools in his day-to-day work, and what he thinks its current limits are. Can you guess what song I'm playing on my bass during the intro? It's from a 1995 punk song. Also, I want to thank the 9,771 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - Colby's freeCodeCamp course on building a clone of Google Photos using AI tools and Next.js: https://www.freecodecamp.org/news/create-a-google-photos-clone-with-nextjs-and-cloudinary/ - Colby's Trailer and web design work: https://photowall-colbyfayock.vercel.app/wall/design - Colby's ThinkGeek Modeling. He's legit a male model: https://photowall-colbyfayock.vercel.app/wall/thinkgeek - Colby's music from his band years: https://soundcloud.com/colby-fayock/sets/day-late-hero - The XKCD comic I mention about how the scope of developer work can be non-intuitive: https://xkcd.com/1425/ Chapters 0:00:00 Introduction and Background 0:03:38 Early Interest in Technology and Web Design 0:06:32 Design School and Graphic Design Jobs 0:12:33 Working at ThinkGeek 0:17:07 Designing Truck Wraps and Other Graphic Design Jobs 0:24:37 The Role of a Developer Experience Engineer 0:39:24 Balancing Explanation and Learner Discovery in Tutorials 0:45:15 The Impact of Teaching and Learning with Family 0:50:36 The Importance of Serious Thumbnails for Tutorial Videos 0:55:13 Colby's Workflow for Video Creation 0:58:07 Being a Family Man and the Localization Journey 1:01:58 The Changing Perception of Geek Culture 1:09:04 Children's Interests and Engagement with Technology 1:14:46 The Evolution of Gaming and the Rise of Speedrunning 1:22:48 Transitioning to a Developer Experience Engineer Role 1:26:52 The Role of AI in Design: Enhancing Workflows 1:32:10 Building Things and Continuous Learning in the Tech Industry 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Linux Crash Course for Beginners with Labs

6WatcfENsOU | 13 Jun 2024

Linux Crash Course for Beginners with Labs

In this Linux crash course, you will learn the fundamental skills and tools you need to become a proficient Linux system administrator. Course developed by Aaron Lockhart. https://www.linkedin.com/in/aaron-lockhart-288487237/ 🔗 Access to Linux Labs: https://kode.wiki/linux-labs ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:04) Log into Local & Remote Consoles ⌨️ (0:16:32) Read and Use System Documentation ⌨️ (0:25:39) Free Labs - Log in to the Labs ⌨️ (0:26:54) Working with Files and Directories ⌨️ (0:40:32) Create and Manage Hard Links ⌨️ (0:48:29) Create and Manage Soft Links ⌨️ (0:52:55) Free Labs - Files, Directories, Hard and Soft Links ⌨️ (0:53:04) List, Set and Change File Permissions ⌨️ (1:19:53) Search Files with Grep ⌨️ (1:23:28) Analyze Text with Regular Expressions ⌨️ (1:33:54) Extended Regular Expressions ⌨️ (1:46:51) Free Labs - File Content, regular Expressions ⌨️ (1:47:00) Manage Local User Accounts ⌨️ (2:03:51) Free Labs- Manage User Accounts and Groups ⌨️ (2:04:00) Configure User Resource Limits ⌨️ (2:11:24) Manage User Privileges ⌨️ (2:17:13) Free Labs - Configure user resource limits and user privileges ⌨️ (2:17:50) Manage Access to the Root Account ⌨️ (2:20:36) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Three.js by Building 5 Projects

UMqNHi1GDAE | 12 Jun 2024

Learn Three.js by Building 5 Projects

Learn fundamental JavaScript coding techniques by creating dazzling real-time 3d animations and effects using three.js. ✏️ Course developed by @robotbobby9 Here are the projects you will create: 1) Getting Started https://github.com/bobbyroe/getting-started-with-threejs 2) Create the Earth with Three.js https://github.com/bobbyroe/threejs-earth 3) Fly through a Wireframe Wormhole https://github.com/bobbyroe/flythru-wireframe-wormhole 4) Create a Transition Effect https://github.com/bobbyroe/transition-effect 5) Add Physics to Three.js with Rapier https://github.com/bobbyroe/physics-with-rapier-and-three 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn High-Level System Design by Coding YouTube – Full Course

FiXOaYnW64w | 11 Jun 2024

Learn High-Level System Design by Coding YouTube – Full Course

Learn High Level System Design by coding a YouTube clone. Starting with a basic flow, you'll gradually add three key services: upload, watch, and transcoder. This course covers the actual high-level design (HLD) concepts in practice, including chunking, transcoding with FFmpeg, and Adaptive Bitrate Streaming using HLS. You will use JavaScirpt, React, Node.js, Next.js, Prisma, Express, and more. Course developed by @KeertiPurswani Code: https://github.com/keertipurswani/HHLD-YouTube Full notes here: https://register.educosys.com/new-courses/13-hhld-hands-on-high-level-system-design-implementation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python for Data Science Course – Hands-on Projects with EDA, AB Testing & Business Intelligence

FTpmwX94_Yo | 10 Jun 2024

Python for Data Science Course – Hands-on Projects with EDA, AB Testing & Business Intelligence

This comprehensive Python data science course covers the essential through theory, demos, and real-world applications. With two detailed projects, this course is designed to provide practical experience that will prepare you for real world data science. You will gain hands-on knowledge in data analytics, AB testing, and business intelligence. Tatev and Vahe from LunarTech developed this course. More from LunarTech Academy: https://academy.lunartech.ai/courses ⭐️ Contents ⭐️ (0:00:00) Introduction (0:08:00) Part 1: Python for Data Science and Analytics (0:24:10) Part 1: Data Exploration and Preprocessing (0:38:32) Part 1: Filtering, Sorting, Grouping (0:59:26) Part 1: Descriptive Statistics (1:15:37) Part 1: Merging & Joins (1:37:02) Part 1: Data Visualization in Python (1:59:55) Part 2: AB Test Crash Course - Theory (2:36:45) Part 3 Project 1 - Data Analytics and Data Science Project (2:39:35) Experimental vs. Control Set up (2:50:47) Data Analytics in A/B Testing (3:13:56) Parameters for A/B Testing (3:21:39) Analyzing A/B Test Data (3:42:12) Statistical Outputs Explained (3:59:43) Concluding A/B Test Results and Case Study (4:08:27) Part 3 Project 2 - Superstore Data Analytics Project (4:13:57) Superstore Customer Segmentation (4:15:07) Revenue by Customer Segment (4:20:27) Customers Sales Insights (4:28:36) Exploring Customer Loyalty at Superstores (4:42:19) Superstore Shipping Strategies (4:46:40) Geographic Market Analysis (4:53:28) Product Performance Insights (5:03:35) Comprehensive Sales Analysis (5:06:18) Tracking Sales Trends (5:22:02) Visualizing Sales by State 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Outsmart AI as a Developer with Dr. Chuck [Podcast #127]

skg2XRUMcGQ | 07 Jun 2024

How to Outsmart AI as a Developer with Dr. Chuck [Podcast #127]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Dr. Chuck. He's a software engineer and Computer Science professor at University of Michigan, which has one of the top-ranked CS programs in the world. Dr. Charles "Chuck" Severance is also creator of many popular free learning resources like his Python for Everyone and C for Everyone, which millions of students have taken over the past decade. We talk about: - What separates a Master Programmer from an average developer, and how to become one - Dr. Chuck's mission to make programming knowledge freely available - The fundamental shortcomings of how Computer Science is currently taught at universities – even elite universities like the one he's a professor at - Dr. Chuck's theories on recent tech layoffs and what he thinks the near future holds - Dr. Chuck's love of racing $500 cars that he revives from the junk yard, and flying planes Can you guess what song I'm playing on my bass during the intro? It's from a 1973 song. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,331 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - Dr. Chuck's latest freeCodeCamp course on C programming: https://www.freecodecamp.org/news/complete-c-programming-course-from-dr-chuck/ - Dr. Chuck's Python for Everyone freeCodeCamp Course: https://www.freecodecamp.org/news/python-for-everybody/ - Kylie Ying's popular Machine Learning for Everyone course inspired by Dr. Chuck: https://www.freecodecamp.org/news/machine-learning-for-everybody/ - Dr. Chuck's website with his free interactive coursework: https://online.dr-chuck.com/ 0:00:00 Introduction and Background 0:02:20 Programming as an Art and Craft 0:13:11 The Importance of Hardware 0:43:16 Privacy and Auto-Expiring Data 0:44:31 Challenges in Learning Management Systems 0:46:08 Auto-Expiring Data and Privacy Standards 0:47:37 Teaching Technical Skills in High School 0:54:18 Togetherness in the Free Code Camp Community 1:15:02 The Limitations of AI and Looking Forward 1:20:20 The Importance of Free Code Camp in Education 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Azure DevOps Engineer Expert Certification (AZ-400) – Full Course to PASS the Exam

11KT1hPNkY4 | 06 Jun 2024

Azure DevOps Engineer Expert Certification (AZ-400) – Full Course to PASS the Exam

Prepare for the Azure DevOps Engineer Expert Certification and pass! Learn to deliver Microsoft DevOps solutions that provide continuous security, integration, testing, delivery, deployment, monitoring, & feedback. ✏️ Course developed by Andrew Brown of ExamPro. @ExamProChannel ☁️ 00:00:00 Introduction ⌨️ Introduction ⌨️ Exam Guide Breakdown ☁️ 00:09:59 Introduction to DevOps ⌨️ What is DevOps ⌨️ DevOps vs Traditional IT ⌨️ Agile ⌨️ Scrum and Kanban ⌨️ Flow Metrics ⌨️ Azure Boards ⌨️ Traceability ☁️ 00:26:08 Azure Boards ⌨️ Getting Started ⌨️ Create users ⌨️ Create work items ⌨️ Create a sprint ⌨️ Connect Azure Boards to GitHub ☁️ 00:36:37 Collaboration and communication ⌨️ Custom Azure Boards Dashboards ⌨️ Wikis for Documentation ⌨️ Process Diagrams for Documentation ⌨️ Configure release documentation ⌨️ API documentation ⌨️ Automate Git History Documentation ⌨️ What are Webhooks ⌨️ Configure notifications with Webhooks ☁️ 00:51:43 GitHub ⌨️ Version Control Systems ⌨️ Git ⌨️ Version Control Services ⌨️ GitHub ⌨️ Create GitHub Account ⌨️ Multiple GitHub Accounts ⌨️ Setup GitHub Organization ⌨️ Git vs GitHub ⌨️ GitHub Repo ⌨️ GitHub Repo Tour ⌨️ Git Commit ⌨️ Git Branch ⌨️ Git Remote ⌨️ Git Remote Upstream and Downstream ⌨️ GitHub Flow ☁️ 01:40:57 GitHub Development ⌨️ GitHub CLI ⌨️ GitHub CLI Follow Along ⌨️ SSH Keys ⌨️ SSH Keys Follow Along ⌨️ Deploy Keys ⌨️ Personal Account Access Tokens ⌨️ Personal Access Tokens ☁️ 02:17:28 Understanding GitHub Repos ⌨️ README Files ⌨️ Basic Repo Navigation ⌨️ Create a GitHub Repo ⌨️ Create a Github Repo Follow Along ⌨️ Maintaining a repo ⌨️ Maintaining a repo Follow Along ⌨️ Repo Templates ⌨️ Repo Templates Follow Along ⌨️ Cloning a Repo ⌨️ Adding files to a repo ⌨️ Creating branches ⌨️ Creating branches Follow Along ⌨️ GitHub Releases ⌨️ GitHub Releases Follow Along ⌨️ Github Packages ⌨️ Github Packages Follow Along ☁️ 02:59:37 GitHub Pull Requests ⌨️ Pull Requests ⌨️ Creating Pull Requests ⌨️ Base and Compare ⌨️ Draft Pull Requests ⌨️ Draft Pull Requests Follow Along ⌨️ Linked Activity within a pull request ⌨️ Pull Requests Statuses ⌨️ Codeowners file ⌨️ Pull Request Options ⌨️ Required Reviewers ⌨️ Reviewing Pull Requests ⌨️ Merge options Pull Requests ⌨️ Pull Request Templates ☁️ 03:29:57 Source Control Strategy ⌨️ Authentication methods ⌨️ Git LFS ⌨️ Git fat ⌨️ Git Scalar ⌨️ Git submodule ⌨️ Git subtree ⌨️ Workflow Hooks ☁️ 03:42:40 Implement source code branching ⌨️ Branch Strategy ⌨️ Branch Policies ⌨️ Branch Protections ☁️ 03:49:16 Configure and manage repositories ⌨️ Azure Pipelines ⌨️ GitHub repos with Azure Pipelines ⌨️ Configure permissions in source control repo ⌨️ Tags in source control repo ⌨️ Recover data using Git commands ⌨️ Purge data from source control ☁️ 04:01:35 Pipeline automation ⌨️ Dependency scanning ⌨️ Security scanning ⌨️ Code coverage ⌨️ Quality gates ⌨️ Security and governance gates ⌨️ What are pipelines ⌨️ Automated tests into pipelines ⌨️ Testing strategies ⌨️ UI Testing ☁️ 04:16:30 GitHub Actions ⌨️ GitHub Actions ⌨️ GitHub Actions Follow Along ☁️ 04:34:00 Package Management ⌨️ What is Package Management ⌨️ Package feeds ⌨️ Dependency management ⌨️ Azure Artifacts ⌨️ NuGet ⌨️ Types of versioning ☁️ 04:45:10 Implement Pipelines ⌨️ Implement an Agency infrastructure ⌨️ Pipeline Trigger Rules ⌨️ Classic and YAML pipelines ⌨️ Monitoring pipeline health ☁️ 04:52:19 Containerization ⌨️ Introduction to ACI ⌨️ Container Restart Policies ⌨️ Container Environment Variables ⌨️ Container Troubleshooting ⌨️ Create an Azure Container Instances ⌨️ Self hosted agents ☁️ 05:01:59 Deployment ⌨️ Blue green deployment ⌨️ Canary release ⌨️ Ring deployment ⌨️ Progressive exposure ⌨️ Feature flags ⌨️ A B Testing ⌨️ Azure Traffic Manager ☁️ 05:08:25 Azure App Service ⌨️ Introduction to Azure App Service ⌨️ Runtimes ⌨️ Custom Containers ⌨️ Deployment Slots ⌨️ App Service Environment ⌨️ Deployment ⌨️ Azure App Service Plan ⌨️ Configure and Deploy App Service ⌨️ Trigger a Deploy via Github Actions ⌨️ Create Deployment Slots ⌨️ Scaling Azure App Service ☁️ 05:53:17 Infrastructure as Code ⌨️ What is Infrastructure as Code ⌨️ Azure Automation State Configuration ⌨️ Introduction to Azure Resource Manager ⌨️ Introduction to ARM Templates ⌨️ ARM Templates Follow Along ⌨️ Azure Bicep Follow Along ☁️ 06:49:49 Manage Sensitive Information ⌨️ Introduction to Azure Key Vault ⌨️ Azure Key Vault Vault ⌨️ Azure Key Vault Pricing ⌨️ Azure Key Vault Double Encryption ⌨️ Azure Key Vault Keys ⌨️ Azure Key Vault Secrets ⌨️ Azure Key Vault Basics ⌨️ Azure Key Vault Keys ⌨️ Azure Key Vault Backup and Restore Key ⌨️ Encrypted Secrets ⌨️ GITHUB_TOKEN Secret ☁️ 07:15:35 Monitoring solutions ⌨️ Introduction to Azure Monitor ⌨️ Azure Monitor Sources ⌨️ Azure Monitor Data Stores ⌨️ Azure Monitor Logs ⌨️ Azure Log Analytics ⌨️ Log Analytics agent ⌨️ Application Insights ⌨️ Application Insights Instrumentation ⌨️ Azure Sentinel ⌨️ Kusto ⌨️ Kusto Entities

Distributed File Storage In Go – Full Course

IoY6bE--A54 | 05 Jun 2024

Distributed File Storage In Go – Full Course

Learn how to build a decentralized, fully distributed content-addressable file storage system using Go that can handle and stream very large files. This course covers system design, low-level programming, and network protocols, all while building a highly practical and scalable application. ✏️ Course developed by @anthonygg_ 🔗 Learn more from Anthony: https://www.thetotalcoder.com/ 💻 Code: https://github.com/anthdm/distributedfilesystemgo ⭐️ Contents ⭐️ Chapters: 00:00:00 - Building a Decentralized File Storage System 00:16:47 - Accept and Listen 00:37:13 - Hard Handshakes and Error Handling 01:17:28 - Developing a Custom Decoder for TCP Transport 01:20:38 - Implementing Custom Peer-to-Peer Package 01:39:39 - Fixing a Network Connection Error 02:17:41 - Storing and Retrieving Data 02:20:07 - Removing Files and Folders 02:45:27 - Cleaning up code 03:04:03 - Debugging and Helper Functions in Go 03:23:06 - Implementing File Server Options 03:43:01 - Server Configuration Errors 04:02:08 - Debugging and troubleshooting the program 04:36:42 - Broadcasting File to the Network 04:41:25 - Broadcasting and Encoding Data 04:58:35 - Sending and receiving data messages 05:18:19 - Running the Program 05:35:57 - Storing Messages 06:17:40 - Storing the Data 06:19:42 - Buffering and Broadcasting 06:39:03 - Debugging and file retrieval issues 06:59:01 - Dealing with Streams in the Code 07:18:34 - Learning from Mistakes 07:35:07 - Reading and Writing Files 08:12:00 - Encrypting the File 08:14:16 - Caso de prueba para copy decrypt function 08:34:59 - Encrypting and Decrypting Files 09:14:26 - Implementing Distributed File Server 09:18:09 - Implementing a copy function 09:36:05 - Refactoring for Storing and Retrieving Files 09:56:50 - End of Livestream 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Building REST APIs with Next.js 14 – Course for Beginners

aEFkWxUNAVc | 04 Jun 2024

Building REST APIs with Next.js 14 – Course for Beginners

Learn how to code REST APIs using Next.js 14. You'll learn to create multiple MongoDB models, how to protect API routes, deploy APIs, and more. Course developed by @ProgrammingwithUmair321 Code: https://github.com/umairjameel321/next14-restapis ⭐️ Contents ⭐️ ⌨️ (0:00:05) Overview of project ⌨️ (0:03:21) Create new next.js project ⌨️ (0:04:11) Files and folder structure ⌨️ (0:07:41) Connect to database ⌨️ (0:16:26) Create user schema ⌨️ (0:19:26) GET users api ⌨️ (0:24:46) POST new user api ⌨️ (0:30:32) PATCH user api ⌨️ (0:39:51) DELETE user api ⌨️ (0:45:41) Create category schema ⌨️ (0:49:21) GET categories api ⌨️ (0:54:35) POST category api ⌨️ (0:58:46) PATCH category api ⌨️ (1:08:41) DELETE category api ⌨️ (1:12:49) Create blog schema ⌨️ (1:14:39) GET blogs api ⌨️ (1:21:14) POST blog api ⌨️ (1:25:59) GET single blog api ⌨️ (1:33:12) PATCH blog api ⌨️ (1:38:41) DELETE blog api ⌨️ (1:41:56) Search blogs api with keywords ⌨️ (1:46:31) Filter blogs with date ⌨️ (1:50:16) Sort blogs api ⌨️ (1:51:26) Blogs pagination ⌨️ (1:56:36) Protect api routes ⌨️ (2:08:41) Logging middleware ⌨️ (2:11:56) Deployment 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Flutter, Firebase and Riverpod – Build a YouTube Clone

NEYcKvwbW-w | 03 Jun 2024

Full Stack Flutter, Firebase and Riverpod – Build a YouTube Clone

In this beginner's course, you will build a fully functional YouTube Clone using Flutter UI kit, Firebase as backend, and Riverpod for managing state. It could be helpful to have some familiarity of basic Flutter and Dart before starting this course. ✏️ Course developed by @codeheadq 💻 Code: - Starting Project: https://github.com/CoderrHQ/youtube-clone/tree/main - Final Project: https://github.com/CoderrHQ/youtube-clone/tree/final_project ⭐️ Contents ⭐️ 0:00:00 Introduction 0:02:20 Create Firebase Project 0:08:45 Introduce starting project 0:12:03 Login page UI 0:17:26 Google Sign In 0:21:42 Introduce Flutter Riverpod 0:29:48 Sign in methods 0:34:04 Create Firestore database 0:36:03 collect user data 0:58:22 username validation logic 1:22:20 Channel Feature 1:28:26 Fetch user data 1:35:23 my channel page UI 1:57:14 display my channel data provider 2:00:37 Channel settings UI 2:18:04 customize channel logic 2:30:18 Users Channel page UI 2:42:42 Start Upload Feature 2:57:37 Pick video method 3:26:32 Upload Long Video 3:44:48 Account Page 3:52:40 Create Video's thumbnail page 3:54:30 Display Long Videos 4:21:12 acctual video 4:38:31 play and pause video 5:03:13 Display Suggested videos 5:11:45 Comment Feature 5:23:30 Comment sheet UI 5:42:01 Display Comments 5:52:47 Start Short Video Feature 5:57:26 Edit short Video || video editor package 6:11:33 Export Video 6:28:10 Add short video to Firestore 6:36:05 Display Short Videos 6:50:53 Search Feature 7:08:52 Filter Videos and Channels 7:59:46 First comment in each video 8:08:56 Like Video Logic 8:18:24 View Video 8:19:52 Subscribe Channels orts

From Software Engineer to Security Researcher with Suz Hinton [Podcast #126]

07lfmzGHrSI | 31 May 2024

From Software Engineer to Security Researcher with Suz Hinton [Podcast #126]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Suz Hinton. She's a software engineer, security researcher, and one of the first ever people to live-stream her coding on Twitch. We talk about: How Suz started her career building browser ads in Adobe Flash, working around bandwidth early 2000s limitations. How she moved to the US from Melbourne to work at Zappos, and then Microsoft and Stripe. Her love of hardware and embedded development How she went back to school to study infosec, and launched a second career as a security researcher How she nearly burned out after 20 years in tech, and what she's doing to recover. Can you guess what song I'm playing on my bass during the intro? It's a 2015 song from an Australian musician. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,331 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: Suz's article on live coding on freeCodeCamp: https://www.freecodecamp.org/news/lessons-from-my-first-year-of-live-coding-on-twitch-41a32e2f41c1/ NoClip video game development documentaries: https://www.youtube.com/@NoclipDocs The Dream Machine by M. Mitchell Waldrop. Suz says it's "Dense and long, but the best narrative about how computing came to be." https://press.stripe.com/the-dream-machine Space Rogue: How the Hackers Known as L0pht Changed the World by Cris Thomas. "A book about the original cult of the dead cow hacking group." https://www.barnesandnoble.com/w/space-rogue-cris-thomas/1142912008 Sections: 0:00:00 Introduction and Background 0:09:54 Education and Early Career 0:26:50 Reflections on Advertising and Broad Skill Set 0:30:16 The Impact of Teaching and Working at Zappos 0:44:24 Exploring Hardware Projects and Embedded Development 0:52:42 Challenges of Obtaining a Green Card 0:54:51 The Journey of Live Coding and Open Source 0:57:15 Participating in Capture the Flag Events 1:10:11 The Benefits of Asynchronous and Real-Time Communication in Remote Work 1:24:05 Customizing Software Tools 1:29:17 Balancing Foundations and Practical Skills 1:31:54 Recognizing and Addressing Burnout 1:43:56 Rejuvenating and Staying Connected

Go and React Full Stack App – Go Tutorial for Node Developers

lNd7XlXwlho | 30 May 2024

Go and React Full Stack App – Go Tutorial for Node Developers

Learn the basics of go by building a full stack web app with React and Go. The project also features TypeScript, MongoDB, and ChakraUI and you'll use TanStack query to implement data fetching, caching, and updates. ✏️ Course created by @asaprogrammer_ Code: https://github.com/burakorkmez/react-go-tutorial ( 🌟Stars appreciated) Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Some Features: ⚙️ Tech Stack: Go, React, TypeScript, MongoDB, TanStack Query, ChakraUI ✅ Create, Read, Update, and Delete (CRUD) functionality for todos 🌓 Light and Dark mode for user interface 📱 Responsive design for various screen sizes 🌐 Deployment 🔄 Data fetching, caching, and updates with TanStack Query 🎨 Stylish UI components with ChakraUI ⏳ And much more! ⭐️ Contents ⭐️ 0:00:00 Intro && Demo 0:01:39 Comparing to Node.js 0:07:32 Project Setup 0:18:02 API without DB 0:42:32 API with DB 1:13:38 UI Design 1:28:00 Consume API From React 1:53:00 Configuration for Deployment 2:00:30 Deployment for Free! 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn C Programming and OOP with Dr. Chuck [feat. classic book by Kernighan and Ritchie]

PaPN51Mm5qQ | 29 May 2024

Learn C Programming and OOP with Dr. Chuck [feat. classic book by Kernighan and Ritchie]

In this complete C programming course, Dr. Charles Severance (aka Dr. Chuck) will help you understand computer architecture and low-level programming with the help of the classic C Programming language book written by Brian Kernighan and Dennis Ritchie. Toward the end Dr. Chuck interviews Guido van Rossum, the creator of Python. 🔗 Course resources: https://www.cc4e.com/ (Unlock Code Hint: View the developer console on the website.) 📖 Online C Programming book by Brian Kernighan and Dennis Ritchie: https://www.cc4e.com/book/chap00.md ✏️ Dr. Charles Severance developed this course. He is a professor at the University of Michigan. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) K&R 0: Historical Context ⌨️ (01:04:44) From Python to C ⌨️ (01:46:13) K&R 1: A Tutorial Introduction ⌨️ (03:39:25) K&R 2: Types, Operators, and Expressions ⌨️ (05:03:55) K&R 3: Control Flow ⌨️ (06:03:43) K&R 4: Functions and Program Structure ⌨️ (08:05:32) K&R 5: Pointers and Arrays ⌨️ (09:57:33) K&R 6: Structures ⌨️ (11:55:42) Object Oriented Programming ⌨️ (13:25:45) Encapsulation and Abstraction ⌨️ (14:36:34) Tree Maps and Hash Maps ⌨️ (15:47:10) Epilogue 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Linear Algebra Course – Mathematics for Machine Learning and Generative AI

rSjt1E9WHaQ | 27 May 2024

Linear Algebra Course – Mathematics for Machine Learning and Generative AI

Learn linear algebra in this course for beginners. This course covers the linear algebra skills needed for data science, machine learning, and AI, with a focus on practical applications and real-world examples. ✏️ Course developed by @LunarTech_ai Learn more linear algebra with this 25+ hour course: https://academy.lunartech.ai/product/fundamentals-to-linear-algebra ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction to the course ⌨️ (0:08:30) Linear Algebra Roadmap for 2024 ⌨️ (0:27:50) Course Prerequisites ⌨️ (0:36:05) Refreshment: Real Numbers and Vector Spaces ⌨️ (0:40:18) Refreshment: Norms and Euclidean Distance ⌨️ (0:52:13) Why These Prerequisites Matter ⌨️ (0:54:40) Foundations of Vectors ⌨️ (1:03:22) Vector - Geometric Representation Example ⌨️ (1:25:35) Special Vectors ⌨️ (1:38:13) Application of Vectors ⌨️ (1:50:25) Vectors Operations and Properties ⌨️ (2:24:14) Advanced Vectors and Concepts ⌨️ (2:49:14) Length of a Vector - def and example ⌨️ (2:54:33) Length of Vector - Geometric Intuition ⌨️ (3:05:31) Dot Product ⌨️ (3:20:00) Dot Product, Length of Vector and Cosine Rule ⌨️ (3:34:00) Cauchy Schwarz Inequality - Derivation & Proof ⌨️ (3:48:11) Introduction to Linear Systems ⌨️ (4:03:53) Introduction to Matrices ⌨️ (4:20:02) Core Matrix Operations ⌨️ (5:00:41) Solving Linear Systems - Gaussian Elimination ⌨️ (5:29:59) Detailed Example - Solving Linear Systems ⌨️ (5:45:46) Detailed Example - Reduced Row Echelon Form (Augmented Matrix,REF, RREF) 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Open Source is Changing. Quincy interviews Jerod Santo, host of The Changelog [Podcast #125]

vfcqsP99U90 | 24 May 2024

Open Source is Changing. Quincy interviews Jerod Santo, host of The Changelog [Podcast #125]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Jerod Santo, host of The Changelog, a podcast about open source software development that has been going strong for 15 years. Jerod is plugged in to the world of Open Source, going to all the big conferences and interviewing all the big open source creators. We have a fun, wide-reaching conversation about some of the current issues facing open source, such as AI models and Relicensing – essentially, a big company closed-sourcing a previously open source project after they buy out its creator. (Fun fact: this can't happen to freeCodeCamp because charities cannot be bought or sold.) I ask Jerod about: - his life as a remote dev in Omaha, Nebraska, raising his 6 his kids - the Changelog News podcast with its weekly 10 minutes of updates on the world of open source - his process, and how he researches and surfaces interesting news for his show - and how The Changelog commissioned 3 full albums worth of music over the years, which you can stream for free. Can you guess what bass line I'm playing during the intro? It's from a 1984 pop classic. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,331 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during our conversation: - Jerod's weekly Changelog News podcast that you should totally subscribe to (it's free): https://changelog.com/news - Jerod and Adam interview the head of the Open Source Initiative on AI models and open source, which he and I discussed during this podcast: https://changelog.com/podcast/578 - Changelog Beats: https://changelog.com/beats - And of course, my interview with Jerod and Adam about their developer journeys, and the history of The Changelog on its 10th anniversary: https://www.freecodecamp.org/news/open-source-moves-fast-10-years-of-the-changelog/

AWS Solutions Architect Associate Certification (SAA-C03) – Full Course to PASS the Exam

c3Cn4xYfxJY | 23 May 2024

AWS Solutions Architect Associate Certification (SAA-C03) – Full Course to PASS the Exam

Prepare for the AWS Certified Solutions Architect - Associate certification and pass! Certify your knowledge and skills in AWS technology, across a wide range of AWS services. ✏️ Course developed by Andrew Brown of ExamPro. @ExamProChannel ⭐️ Contents ⭐️ 0:00:00 Introduction 0:34:47 Setup 0:52:38 Amazon S3 10:52:02 AWS API 12:19:52 VPC 17:33:42 IAM 19:14:03 EC2 21:13:27 AMIs 21:37:10 ASG 21:50:14 ELB 21:57:20 Route53 22:19:29 AWS Global Accelerator 22:21:00 CloudFront 22:30:24 EBS 22:45:34 EFS 22:50:38 FSx 22:54:24 AWS Backup 22:56:29 AWS Snow Family 23:07:07 AWS Transfer Family 23:09:31 AWS Migration Hub 23:15:35 AWS Data Sync 23:24:17 DMS 23:59:42 AWS Auto Scaling 24:16:59 AWS Amplify 24:37:15 Amazon AppFlow 24:53:39 AppSync 25:18:48 AWS Batch 25:46:37 OpenSearch Service 26:09:43 Device Farm 26:22:11 QLDB 26:24:01 Elastic Transcoder 26:52:21 AWS MediaConvert 27:02:09 SNS 27:43:05 SQS 28:44:00 Amazon MQ 29:32:34 Service Catalog 29:40:04 CloudWatch and EventBridge 30:16:36 Lambda 31:49:51 AWS Step Functions 32:48:57 AWS Compute Optimizer 32:59:19 Elastic Beanstalk 34:32:38 Kinesis 34:59:52 ElastiCache 35:51:13 MemoryDB 36:21:52 CloudTrail 37:19:23 Redshift 37:37:50 Athena 37:53:46 ML Managed Services 40:43:04 AWS Data Exchange 40:47:11 AWS Glue 41:27:04 Lake Formation 41:29:41 API Gateway 41:44:09 RDS 42:56:19 Aurora 19:33:29 DocumentDB 44:29:11 DynamoDB 21:10:04 Amazon Keyspaces 45:17:30 Neptune 45:35:00 ECR 45:39:18 ECS 46:02:27 EKS Cloud 46:21:45 KMS 46:32:00 AWS Audit Manager 46:40:23 ACM 46:58:57 Cognito 47:08:33 Amazon Detective 47:16:42 AWS Directory Service 47:22:47 AWS Firewall Manager 47:29:18 AWS Inspector 47:39:57 Amazon Macie 47:49:00 AWS Security Hub 47:53:37 AWS Secrets Manager 48:35:40 AI Dev Tools 48:59:17 Amazon MSK 49:29:32 AWS Shield 49:33:29 AWS WAF 49:37:48 CloudHSM 49:41:59 AWS Guard Duty 49:46:10 Health Dashboards 49:47:42 AWS Artifact 49:50:33 Storage Gateway 50:10:55 EC2 Pricing Models

React Hook Form Course for Beginners (inc. Zod + Material UI)

JyeWoqWsQFo | 22 May 2024

React Hook Form Course for Beginners (inc. Zod + Material UI)

Learn how to use React Hook Form, which makes it simple to add forms to react with authentication. In this course, you will learn how to handle the most complex CRUD form scenarios in React and completely integrate it with Zod and Material UI. ✏️ Course developed by @codegenix 🔗 Tanstack query (React query) Full tutorial: https://www.youtube.com/watch?v=3e-higRXoaM 🔗 Project Github Repository: https://github.com/codegenixdev/react-hook-form-mui-zod-boilerplate 🔗 Fake Server Backend Repository: https://github.com/codegenixdev/backend-react-hook-form-mui-zod ⭐️ Contents ⭐ ⌨️ 0:00:00 Intro ⌨️ 0:01:06 Tutorial Showcase ⌨️ 0:03:08 Project Setup ⌨️ 0:12:44 Old Way of Handling Form in React ⌨️ 0:15:32 Use Form ⌨️ 0:17:07 register ⌨️ 0:19:17 Simple Form Validation with RHF ⌨️ 0:20:17 Form State, Error Messages and Error State ⌨️ 0:22:07 Validation mode ⌨️ 0:23:27 Simple Handle Submit Example ⌨️ 0:27:07 Zod Typescript Introduction ⌨️ 0:28:17 Create First React Hook Form Validation Schema with Zod ⌨️ 0:31:37 Zod Refine Schema Validator ⌨️ 0:36:08 Use React Hook Form With Zod ⌨️ 0:36:43 Create Typescript Type From Zod Schema ⌨️ 0:38:22 Connect Material UI, Zod And React Hook Form ⌨️ 0:43:19 MUI Autocomplete and React Hook Form ⌨️ 0:47:43 Use Form Context in RHF ⌨️ 0:56:08 Handling Complex Generics With Typescript and RHF ⌨️ 1:09:17 Default Values ⌨️ 1:10:42 Dev Tools ⌨️ 1:11:47 Use Watch and watch ⌨️ 1:12:27 Get Latest Form Values And Fields ⌨️ 1:13:42 Dev Tools ⌨️ 1:14:42 Mock Backend Setup ⌨️ 1:17:37 Use Queries for Data Fetching ⌨️ 1:22:27 Controller for MUI Toggle Button Group with RHF ⌨️ 1:28:42 Controller for MUI Radio Group with RHF ⌨️ 1:33:47 Controller for MUI Check box with RHF ⌨️ 1:40:26 Controller for MUI Date Time Picker with RHF ⌨️ 1:47:26 Controller for MUI Switch with RHF ⌨️ 1:50:59 Controller for MUI Text Field with RHF ⌨️ 1:54:37 Use Field Array ⌨️ 1:55:37 Dynamic Fields, Discriminated Unions and Unions in Typescript ⌨️ 2:04:26 Zod Intersection and Zod Unions & Discriminated Unions ⌨️ 2:12:26 Use Field Array Append ⌨️ 2:15:26 Use Field Array Fields ⌨️ 2:18:07 Use Field Array Replace ⌨️ 2:24:17 Create Server Mutation Functions ⌨️ 2:41:17 Populate Form With Fetched Data in React Hook Form ⌨️ 2:43:17 Create and Edit Entities with React Hook Form ⌨️ 2:52:37 Mapper for Creating and Editing Entities on Server 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Fine Tuning LLM Models – Generative AI Course

iOdFUJiB0Zc | 21 May 2024

Fine Tuning LLM Models – Generative AI Course

Learn how to fine tuning LLM models. This course will teach you fine tuning using using QLORA and LORA, as well as Quantization using LLama2, Gradient and the Google Gemma model. This crash course includes both theoretical and practical instruction to help you understand how to perform fine tuning. 💻 Code: https://github.com/krishnaik06/Finetuning-LLM ✏️ Course developed by @krishnaik06 ⌨️ (0:00:00) Introduction ⌨️ (0:01:39) Quantization Intuition ⌨️ (0:34:03) Lora And QLORA Indepth Intuition ⌨️ (0:56:26) Finetuning With LLama2 ⌨️ (1:20:35) 1 bit LLM Indepth Intuition ⌨️ (1:37:33) Finetuning with Google Gemma Models ⌨️ (1:59:45) Building LLm Pipelines With No code ⌨️ (2:20:33) Fine tuning With Own Custom Data 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Angular and Supabase Course – Build a Realtime Chat Application

Dg7bZUFopUo | 20 May 2024

Angular and Supabase Course – Build a Realtime Chat Application

Create and deploy a powerful real-time chat application using Angular 17 and Supabase in this full course. Initial Setup: https://github.com/desoga10/ng-chat-ui-setup Final Implementation: https://github.com/desoga10/ng-chat-v Demo Link: https://ng-chat-v.vercel.app/ ✏️ Developed by @TheCodeAngle ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction and Project Demo ⌨️ (0:07:13) User Interface Setup ⌨️ (0:14:32) Setting up a New Supabase Project ⌨️ (0:16:48) Setting up Google Oauth using the Google Cloud Platform ⌨️ (0:25:39) Angular Router Configuration ⌨️ (0:27:58) Setting up the Authentication Service ⌨️ (0:39:03) Creating the CanActivate route guard ⌨️ (0:52:03) Setting up the Chat Tables and the Users Table in Supabase ⌨️ (1:11:07) Implementing the functionality to create a new Chat ⌨️ (1:21:22) Resetting the Form on Submit and Disabling Button for Validation ⌨️ (1:24:11) Fetch and Display Chats from Database ⌨️ (1:38:20) Implementing the Delete Message Functionality ⌨️ (2:01:42) Hosting the App using Vercel ⌨️ (2:08:08) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AI is Overrated – Why ThePrimeagen Ripped Out GitHub Copilot From His Code Editor [Podcast #124]

SuWKCv3ewXw | 17 May 2024

AI is Overrated – Why ThePrimeagen Ripped Out GitHub Copilot From His Code Editor [Podcast #124]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews The Primeagean. He's a software engineer who streams himself programming. He recently left his job at Netflix to stream full-time. We talk about: - Prime's journey from his teacher telling him he'll never accomplish anything in life to working as an engineer at one of the most prestigious tech companies. - Prime's love of "Nintendo Hard" video games, and how his love of challenge propelled him to "get good" at coding - What it's like to live stream coding in front of more than 1,000 people for a dozen hours each week - Leaving San Francisco to move his family of 6 to a horse ranch in South Dakota - Prime's thoughts on AI and how he thinks it will actually create more developer jobs than it destroys I had a blast talking with this guy. Though I don't agree with everything he says, I am right there with him on AI and how it's useful but over-hyped. We'll see what future versions hold and whether a "Moore's Law of AI" is really at work here, or whether it will plateau. I also agree with Prime that devs need to slow down and improve their foundational skills. There are no shortcuts to anywhere worth going. Can you guess what song I'm playing on my bass during the intro? It's from a 1996 rock song. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,331 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: - Prime's Twitch, from which his YouTube videos are derived: https://www.twitch.tv/theprimeagen - Prime's Harpoon library on GitHub, which he talks about maintaining: https://github.com/ThePrimeagen/harpoon - A speedrun of Battletoads by The Mexican Runner, to show you how "Nintendo Hard" this game really is. 36 minutes is an excellent time for a non-pro speedrunner like Prime to achieve: https://www.youtube.com/watch?v=oTPGpA0ha9Y 0:00:00 Introduction and Background 0:02:10 Childhood Influences and Video Games 0:08:28 The Impact of Losing a Parent 0:13:16 Unleashing Potential- Are We Settling for Less? 0:29:29 The Importance of Taking the Time to Learn 0:47:22 A Life-Changing Moment and Transformation 0:55:29 The Myth of Working Smart, Not Hard 1:02:38 Creating Routines and Maintaining Discipline 1:03:37 ThePrimeagen's Daily Routine and Lean into Night Owl Nature 1:05:49 The Process of Streaming and Building Projects 1:08:50 Twitch vs. YouTube- Live Interaction vs. Asynchronous Communication 1:12:25 The Responsibility of Sharing Opinions on the Internet 1:14:00 Knowing When to Let Go of Projects 1:18:09 Interest in Real Estate and Potential Career Shift 1:26:56 Using Copilot and its Impact 1:50:16 The Integration of AI into Industries 2:00:26 Prioritizing Experience and Project Building 2:02:16 The Marathon Mindset for Success 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

College Precalculus – Full Course with Python Code

Y8oZtFYweTY | 16 May 2024

College Precalculus – Full Course with Python Code

Learn college Precalculus from an experienced university mathematics professor. You will also learn how to implement all the Precalculus concepts using the Python programming language. 💻 Code: https://colab.research.google.com/drive/1Wn8CLlR__gQAMmGrC2DL6YqglTTrsviN ✏️ Ed Pratowski developed this course for freeCodeCamp.org. ⭐️ Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:24) Get Data ⌨️ (00:04:48) Draw Lines ⌨️ (00:36:17) Trigonometry basics ⌨️ (00:46:19) Solve Right Triangles ⌨️ (01:06:16) Degrees and radians ⌨️ (01:25:01) Unit Circle ⌨️ (01:37:08) Trigonometry and Graphing ⌨️ (01:59:28) The Six Trig Graphs ⌨️ (02:18:35) Transforming Trig Graphs ⌨️ (02:30:48) Periodic Data and Prediction ⌨️ (02:53:14) Build a Clock with Trigonometry ⌨️ (03:04:52) Law of Sines ⌨️ (03:21:38) Law of Cosines ⌨️ (03:35:46) Area of any Triangle ⌨️ (03:47:44) Solve Any Triangle ⌨️ (03:50:57) Triangle from Any Three Points ⌨️ (04:09:03) Certification 4 Walkthrough ⌨️ (04:23:09) Matrix Addition and Subtraction ⌨️ (06:11:22) Matrix Multiplication ⌨️ (06:17:24) Inverse of a Matrix ⌨️ (06:26:01) Use a Matrix to Solve a System ⌨️ (06:35:03) Use a Matrix to Develop an Equation ⌨️ (06:46:53) Encoding and Decoding Messages ⌨️ (06:56:15) Inverse Matrix to Solve a System ⌨️ (07:27:34) Complex Numbers ⌨️ (07:43:13) Graphing the Mandelbrot Set ⌨️ (07:58:31) Sum of a Series ⌨️ (08:10:41) The Number e as a Series ⌨️ (08:32:08) How e relates to Sine and Cosine ⌨️ (08:37:48) The Beautiful Math Formula ⌨️ (08:47:54) Probability ⌨️ (09:05:00) Pascal and the Triangle ⌨️ (09:15:18) More Probability Applications ⌨️ (09:26:45) The Math of Gambling ⌨️ (09:44:52) Certification 5 Walkthrough ⌨️ (09:53:40) Organize Your Colab Notebook ⌨️ (11:16:10) A Few More Useful Formulas ⌨️ (11:41:51) Simplify Trig Expressions ⌨️ (10:59:43) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Quantum Computing Course

tsbCSkvHhMo | 15 May 2024

Quantum Computing Course

This quantum computing course provides a solid foundation in quantum computing, from the basics to an understanding of how popular quantum algorithms work. Quantum computing leverages the principles of quantum mechanics to process information at incredible speeds. 🔗 Problem Sets: https://drive.google.com/drive/folders/1A-RHTQFRY_pipVfItQBxMU-xEexRESQj Course developed by @quantum-soar ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:03) 0.1 Introduction to Complex Numbers ⌨️ (0:04:41) 0.2 Complex Numbers on the Number Plane ⌨️ (0:07:18) 0.3 Introduction to Matrices ⌨️ (0:08:36) 0.4 Matrix Multiplication to Transform a Vector ⌨️ (0:12:02) 0.5 Unitary and Hermitian Matrices ⌨️ (0:14:05) 0.6 Eigenvectors and Eigenvalues ⌨️ (0:14:57) 1.1 Introduction to Qubit and Superposition ⌨️ (0:20:06) 1.2 Introduction to Dirac Notation ⌨️ (0:21:28) 1.3 Representing a Qubit on the Bloch Sphere ⌨️ (0:23:06) 1.4 Manipulating a Qubit with Single Qubit Gates ⌨️ (0:27:29) 1.5 Introduction to Phase ⌨️ (0:31:44) 1.6 The Hadamard Gate and +, -, i, -i States ⌨️ (0:34:10) 1.7 The Phase Gates (S and T Gates) ⌨️ (0:35:15) 2.1 Representing Multiple Qubits Mathematically ⌨️ (0:36:54) 2.2 Quantum Circuits ⌨️ (0:38:43) 2.3 Multi-Qubit Gates ⌨️ (0:40:54) 2.4 Measuring Singular Qubits ⌨️ (0:43:06) 2.5 Quantum Entanglement and the Bell States ⌨️ (0:46:18) 2.6 Phase Kickback ⌨️ (0:47:55) 3.1 Superdense Coding ⌨️ (0:50:06) 3.2.A Classical Operations Prerequisites ⌨️ (0:53:20) 3.2.B Functions on Quantum Computers ⌨️ (0:57:27) 3.3 Deutsch's Algorithm ⌨️ (1:03:06) 3.4 Deutch-Jozsa Algorithm ⌨️ (1:12:08) 3.5 Berstein-Vazarani Algorithm ⌨️ (1:16:26) 3.6 Quantum Fourier Transform (QFT) ⌨️ (1:22:41) 3.7 Quantum Phase Estimation ⌨️ (1:26:42) 3.8 Shor's Algorithm 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Create a WordPress Blog with the Help of AI – Beginner's Tutorial

2mrxvLvz_rk | 14 May 2024

Create a WordPress Blog with the Help of AI – Beginner's Tutorial

Learn how to use WordPress to create a blog. Plus, learn how to use AI to help write articles, create logos, and more! ✏️ Course developed by @beau Sign up for Hostinger here: https://hostinger.com/student-signup ⭐️ Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:54) Domain and Hosting ⌨️ (02:10) Initial Wordpress Setup on Hostinger ⌨️ (10:25) Email Setup ⌨️ (13:15) Wordpress Admin Pannel ⌨️ (13:46) AI Logo Design ⌨️ (16:12) Wordpress Site Customization ⌨️ (34:28) Creating Posts / Articles ⌨️ (35:54) AI Content Creator ⌨️ (39:34) SEO ⌨️ (41:13) AI Content Creators, pt 2 ⌨️ (43:08) Customizing Articles Page ⌨️ (45:15) Customizing Home Page and Header ⌨️ (47:33) Customizing Page ⌨️ (51:19) Setting up SMTP for Email Deliverability ⌨️ (52:49) Setting up Email Newsletter ⌨️ (55:30) Customizing Home Page, pt 2 ⌨️ (57:34) Updating Page URLs ⌨️ (57:54) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Course for Beginners 2024

Zi-Q0t4gMC8 | 13 May 2024

JavaScript Course for Beginners 2024

Learn how to use the JavaScript programming language. This beginner's tutorial will teach you all the basics of JavaScript and also includes quiz sections. Code for course: https://github.com/stevenGarciaDev/javascript-for-beginners-notes Course developed by @StevenCodeCraft Steven's LinkedIn: https://www.linkedin.com/in/stevengarciadev/ ⭐️ Contents ⭐️ Section 1: Getting Started (0:00:00) Introduction (0:01:22) What is JavaScript? (0:02:30) Setting up the Development Environment (0:07:25) Follow on social media Section 2: JavaScript Variables (0:07:46) Variables (0:12:40) Constants (0:14:31) Primitive Types (0:19:30) Dynamic Typing (0:21:13) Objects (0:24:38) Arrays (0:27:24) Functions (0:29:48) Types of Functions (0:31:30) Summary of Variables Section 3: JavaScript Operators (0:32:31) Intro to Operators (0:32:45) Arithmetic Operators (0:35:43) Assignment Operator (0:36:24) Comparison Operators (0:38:22) Equality Operators (0:41:39) The Ternary Operator (0:43:47) Logical Operators (0:51:19) Logical Operators with Non-booleans (0:54:37) Operator Precedence (0:55:29) Summary of Operator Section 4: Control Flow (0:56:31) If-Else Statements (1:01:03) Switch-Case Statements (1:05:32) For Loops (1:10:58) While Loops (1:14:05) Do-while Loops (1:15:44) Infinite Loops (1:17:33) For-in Loops (1:19:43) For-of Loops (1:21:38) Break and Continue (1:30:01) Exercise: Max of two numbers (1:31:05) Exercise: FizzBuzz (1:33:36) Exercise: Even and Odd Numbers (1:35:03) Summary of Control Flow Section 5: JavaScript Objects (1:35:55) Object Literals (1:37:26) Factory Functions (1:40:33) Constructor Functions (1:44:10) Objects are Dynamic (1:46:39) The Constructor Property (1:48:25) Functions are Objects (1:51:31) Value vs Reference types (1:53:54) Enumerating Properties of an Object (1:57:43) Cloning an Object (2:00:00) Garbage Collection (2:00:28) The Built in Math Function (2:03:19) String Methods (2:08:52) Template Literals (2:10:58) The Date Object (2:13:12) Summary of Objects Section 6: JavaScript Arrays (2:14:03) Introduction to Arrays (2:14:39) Adding Elements (2:17:34) Finding Elements (Primitives) (2:21:13) Finding Elements (Reference Types) (2:23:40) Arrow Functions (2:26:16) Removing Elements (2:29:06) Emptying an Array (2:31:25) Combining and Slicing Arrays (2:33:15) Spread Operator (2:34:48) Iterating an Array (2:36:44) Joining Arrays (2:41:19) Sorting Arrays (2:46:06) Testing the Elements of an Array (2:50:12) Filtering an Array (2:53:19) Mapping an Array (2:57:43) Reducing an Array Section 7: JavaScript Functions (3:01:21) Function Declarations vs Expressions (3:03:55) Hoisting (3:06:06) Arguments (3:09:29) The Rest Operator (3:13:48) Default Parameters (3:17:47) Getters and Setters (3:21:59) Try and Catch (3:24:58) Local vs Global Scope (3:28:03) Let vs Var (3:31:11) The ‘this’ keyword 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How Gary Simon Rebuilt his Developer Agency after a Massive Loss [Podcast #123]

h4puc1P2VMA | 10 May 2024

How Gary Simon Rebuilt his Developer Agency after a Massive Loss [Podcast #123]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Gary Simon, a developer and designer who started DesignCourse.com and has published several courses on freeCodeCamp.org over the years. We talk about: - Growing up in rural Ohio, marrying young, and staying out there despite his success as a developer and entrepreneur. - Early client work, and how he designed thousands of logos for clients before becoming an all-out web developer. - Using his skills to help his wife start her own lactation consultant business online - Gary's guitar shredding chops. I recorded this podcast live and I haven't edited it at all. I want to capture the feel of a real live conversation, with all the human quirks that entails. Can you guess what song I'm playing on my bass during the intro? It's from a 1995s Nintendo game. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,331 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: - Gary's Learn UI Fundamentals course on freeCodeCamp: https://www.freecodecamp.org/news/learn-ui-design-fundamentals-with-this-free-one-hour-course/ - Gary's freeCodeCamp live stream series: https://www.freecodecamp.org/news/design-course/ - Gary's tool for memorizing the Guitar fretboard and it's 49 notes: https://fretastic.com/ - Gary's Retrowave Guitar music video: https://www.youtube.com/watch?v=yDc2OvReYh0 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Tezos Blockchain Developer Course – Python Web3 Development

pHQfw1W7V8s | 09 May 2024

Tezos Blockchain Developer Course – Python Web3 Development

This comprehensive Tezos blockchain development course will teach you about its ecosystem, smart contracts, and the technology’s applications. Tezos provided a grant to make this course possible. Learn how to develop distributed applications on Tezos, from setting up wallets to understanding and managing smart contracts effectively. The course covers various tools and techniques essential for Tezos developers and highlights the community-driven innovations that support the platform's growth. 🔗 Tezos website: https://tezos.com/ This course was created by Mathias Hiron. ⭐️ Contnets ⭐️ ⌨️ (00:00:10) Introduction to Tezos Blockchain Development ⌨️ (00:19:45) Sharing Responsibility in Blockchain Creation ⌨️ (00:39:42) Initiating and Managing Contracts ⌨️ (00:59:38) Compiling and Deploying Smart Contracts ⌨️ (01:19:34) Why Blockchains Matter: Security and Decentralization ⌨️ (01:39:30) Implementing Changes in Blockchain Protocols ⌨️ (01:59:24) Understanding User Accounts and Addresses ⌨️ (02:19:21) The Role of Cryptocurrency in Public Blockchains ⌨️ (02:39:36) Securing Transactions Without Middlemen ⌨️ (02:59:32) The Relationship Between Nodes and Consensus ⌨️ (03:19:27) Utilizing Special Modules in Smart Contracts ⌨️ (03:39:22) Handling Zero Deposits and Contract Interactions ⌨️ (03:59:16) Defining Types and Structures in Contracts ⌨️ (04:19:12) Understanding BigMap Content in Tezos ⌨️ (04:38:48) Updating Values and Managing States ⌨️ (04:58:43) Managing Data and Operations in Stack ⌨️ (05:18:39) Using Counters to Enhance Security ⌨️ (05:38:36) Navigating Market Transactions in Tezos ⌨️ (05:58:31) Organizing Elements in Smart Contracts ⌨️ (06:18:26) Optimizing Looping Structures in Development ⌨️ (06:38:27) Exploring New Technologies in Tezos ⌨️ (06:58:23) Enhancing Security with Encrypted Wallets ⌨️ (07:18:18) Testing Functions within Smart Contracts ⌨️ (07:38:14) Evaluating Different Wallets for Users ⌨️ (07:58:10) Managing Increased Transaction Costs ⌨️ (08:18:06) Practical Testing with Real Messages ⌨️ (08:37:57) Assessing Contract Values and Terms ⌨️ (08:57:53) Understanding Contractual Obligations ⌨️ (09:17:48) Applying Practical Knowledge in Tezos ⌨️ (09:37:44) Essential Considerations for Contract Management ⌨️ (09:57:40) Dealing with Numeric Values in Contracts ⌨️ (10:17:36) Changing Delegates and Their Impact ⌨️ (10:37:32) Managing Fees and Payments in Contracts ⌨️ (10:57:28) Avoiding Issues with Endless Loops ⌨️ (11:17:23) Simplifying Contract Operations with Drop Instructions ⌨️ (11:37:19) Maintaining Contracts with System Upgrades ⌨️ (11:57:15) Exploring Lending Contracts and Their Applications ⌨️ (12:17:10) Confirming Contract Compliance and Validity 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Git – Full Course for Beginners

zTjRZNkhiEU | 08 May 2024

Learn Git – Full Course for Beginners

In this Git course for beginners, you will learn the essentials of version control to help you manage your projects more efficiently. ✏️ Course developed by @HiteshChoudharydotcom Code for React app: https://github.com/hiteshchoudhary/react-english ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction to GIT series ⌨️ (0:05:54) Git init and hidden folder ⌨️ (0:23:27) Git commits and logs ⌨️ (0:40:02) Git internal working and configs ⌨️ (1:07:47) Git merge and git conflicts ⌨️ (1:47:21) Git Diff and stashing ⌨️ (2:15:42) Git rebase is not that scary ⌨️ (2:37:24) Insight of pushing code to github ⌨️ (3:18:18) How to make Pull Request and Open Source contribution Channel link: https://www.youtube.com/c/HiteshChoudharydotcom 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

GitHub Actions Certification – Full Course to PASS the Exam

Tz7FsunBbfQ | 07 May 2024

GitHub Actions Certification – Full Course to PASS the Exam

Prepare for the GitHub Actions certification and pass! Certify your proficiency in automating workflows and accelerating development with GitHub Actions. Test your skills in streamlining workflows, automating tasks, and optimizing software pipelines, including CI/CD—all within customizable workflows. ✏️ Course developed by Andrew Brown of ExamPro. @ExamProChannel https://www.exampro.co/github-actions ⭐️ Contents ⭐️ ☁️ Introduction 00:01:00 Introduction 00:09:27 Exam Breakdown ☁️ GitHub Actions Basics 00:12:05 Introduction to GitHub Actions 00:14:07 GitHub Actions Basics 00:29:08 Workflows 00:30:21 Workflow Components 00:32:09 Scheduled Events 00:33:53 Scheduled Events 00:39:55 Single vs Multiple Events 00:41:08 Multi Events 00:47:58 Manual Events 00:49:07 Manual Events Lab 01:08:02 Webhook Events 01:09:49 Webhook Events 01:24:39 Conditional Keyword for Steps 01:25:22 Conditionals 01:27:26 Expressions 01:28:09 Expressions ☁️ Runners and Commands 01:36:15 Runners 01:39:44 GitHub Hosted Runners Lab 01:43:19 Self Hosted Runner 01:44:10 Self Hosted Runner Lab 01:51:46 Workflow Commands 01:53:02 Workflow Commands Lab ☁️ Advanced Workflows 01:57:51 Workflow Contexts 01:59:18 Context 02:07:00 Dependent Jobs 02:07:42 Dependent Jobs Lab 02:11:15 Encrypted Secrets 02:13:50 Configuration Variables 02:14:58 Default Env Vars 02:15:39 Set Custom Env Vars 02:16:38 Set Env Var with Workflow Commands 02:17:15 GITHUB_TOKEN Secret 02:18:19 Add Script to Workflow ☁️ Publishing and Deployment 02:19:05 Publish GitHub Package Using Workflows 02:21:03 Publish Docker Hub Registry using Workflow 02:21:53 Publish GitHub Container Registry using Workflow 02:22:30 Publish Components as GitHub Release 02:23:10 Deploy Release to Cloud Provider ☁️ Optimization and Management 02:24:03 Service Containers 02:26:44 Routing Workflow to Runner 02:28:09 CodeQL Steps 02:28:53 Caching Package and Dependency Files 02:30:18 Caching Job Dependencies and Build Outputs 02:31:21 Remove Workflow Artifact from GitHub 02:32:03 Workflow Status Badge 02:32:38 Env Protections 02:33:05 Job Matrix Configuration 02:33:30 Disabling vs Deleting Workflows ☁️ Advanced GitHub Actions 02:34:18 Action Types 02:35:01 Inputs and Outputs for Actions 02:35:46 Action Versions 02:37:26 Files and Directories for Actions 02:39:17 Exit Codes for GitHub Actions 02:40:04 Reuse Templates for Actions and Workflows 02:41:43 Configure Self Hosted Runners for Enterprise 02:43:06 Custom GitHub Actions

Deep Learning Course for Beginners

HJd1I3FdSnY | 06 May 2024

Deep Learning Course for Beginners

This deep learning course is designed to take you from beginner to proficient in deep learning. You will learn the fundamental concepts, architectures, and applications of deep learning in a clear and practical way. So get ready to build, train, and deploy models that can tackle real-world problems across various industries. Course created by @AyushSinghSh GitHub: https://github.com/ayush714/core-deep-learning-course/tree/main ⭐️ Contents ⭐️ 0:00:00 Intro 0:03:07 Getting started 0:05:07 Vectors 0:21:51 Operation on vectors 0:38:52 Matrices 0:52:02 Operation on Matrices 0:52:27 Matrix Scalar Multiplication 0:55:47 Addition of Matrices 0:59:27 Properties of Matrix addition 1:03:07 Matrix Multiplication 1:08:02 Properties of Matrix Multiplication 1:18:32 Linear Combination Concept 1:36:20 Span 1:50:57 Linear Transformation 2:05:30 Transpose 2:14:02 Properties of Transpose 2:19:52 Dot Product 2:25:22 Geometric Meaning of Dot Product 2:34:32 Types of Matrices 3:04:22 Determinant 3:11:17 Geometric Meaning of Determinant 3:15:42 Calculating Determinant 3:23:37 Properties of Determinant 3:27:22 Rule of Sarus 3:48:42 Minor 3:56:49 Cofactor of a Matrix 4:00:42 Steps to calculate Cofactor of a Matrix 4:03:17 Adjoint of a Matrix 4:18:47 Trace of a Matrix 4:17:22 Properties of Trace 4:38:17 System of Equations 5:03:07 Example 5:17:42 Determinant 5:57:47 Single Variable Calculus 6:02:48 What is Calculus? 6:11:07 Ideas in Calculus 6:11:33 Differentiation 6:18:38 Integration 6:22:07 Precalculus Functions 6:43:52 Single Variable Calculus (Trigonometry Review) 6:45:02 Trigonometry functions 7:12:02 Unit Circle 7:24:32 Limit Concept 7:51:47 Definition of a limit 7:53:27 Continuity 8:00:17 Evaluating Limits 8:17:12 Sandwich Theorem 8:21:12 Differentiation 8:45:42 Differentiation as rate of Change 8:52:37 Differentiation in terms of Limit 9:04:51 Example 9:09:54 Important Differentiation Rules 9:53:12 Rule Chain Rule 10:17:27 What is Deep Learning 10:18:27 What is Machine Learning 10:36:37 Definition of Deep Learning 10:43:07 Applications 10:47:19 Introduction to Neural Networks 10:51:17 Artificial Neural Networks 11:08:31 The Perceptron 11:19:57 Linear Neural Network 11:21:32 Intuition Behind Activation function and Backpropagation Algorithm 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

From Construction Worker to Teaching MILLIONS of Developers with John Smilga [Podcast #122]

X9R7TpGxPG4 | 03 May 2024

From Construction Worker to Teaching MILLIONS of Developers with John Smilga [Podcast #122]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews prolific programming teacher John Smilga. John grew up in the Soviet Union. He worked construction for 5 years before becoming a developer. Today he has taught millions of fellow devs through his many courses on freeCodeCamp. John spent his childhood in Latvia before the Soviet Union fell. He sought work in the UK as an expat hospitality worker on the tiny island of Guernsey. But he had his sights set on moving to the US. There he worked construction and taught himself to code. He also attended online university courses to get a degree. He met his wife, a nurse from Ukraine. Together they started a family and live together in Florida. During this conversation, John talks about his journey into teaching the programming and computer science concepts he's learned. He talks about his free courses on freeCodeCamp and his paid courses that help him pay the bills. John's voice is instantly recognizable by developers. He shares that this is because he has condition where is vocal cords are partially paralyzed, for which he has to receive frequent injections. I hope you enjoy our conversation. Can you guess what bass line I'm playing on my bass during the intro? It's from a 1982 song produced by Quincy Jones. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 9,003 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Guernsey island: https://en.wikipedia.org/wiki/Guernsey John's personal website: https://johnsmilga.com/ John Smilga on Twitter: https://twitter.com/john_smilga 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Code a Chess Game with Stockfish API – JavaScript Tutorial

fJIsqZmQVZQ | 02 May 2024

Code a Chess Game with Stockfish API – JavaScript Tutorial

Learn how to code a chess game that can be played against another person or a computer, using the Stockfish APT. The tutorial uses JavaScript and Angular, but you can follow along if you don't know Angular. 💻 Code: https://github.com/awsomeCStutorials/chess-game Stockfish API: https://stockfish.online/ ✏️ Course created by @RobertsTech139 You can email Roberts if you have questions: [email protected] ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:09) Object-oriented model for a chess app ⌨️ (0:03:55) Create a new Angular project ⌨️ (0:04:07) Abstract Piece class ⌨️ (0:07:07) Bishop class ⌨️ (0:08:22) Knight class ⌨️ (0:09:54) Queen class ⌨️ (0:11:25) Rook class ⌨️ (0:13:14) King class ⌨️ (0:14:37) Pawn class ⌨️ (0:17:06) Chessboard class basic props ⌨️ (0:20:36) Generate chess-board component ⌨️ (0:20:57) working on displaying the chessboard in the browser ⌨️ (0:27:58) Showing a final view of a chess board with pieces ⌨️ (0:28:12) Discussing how we can implement methods ⌨️ (0:32:13) Implementing method to check if the player is in check ⌨️ (0:37:08) Implement a method to see if the position is safe after the move ⌨️ (0:39:17) Implement a method to find all possible safe squares ⌨️ (0:46:39) Method that marks selected piece and piece's safe squares ⌨️ (0:52:16) Method that prevents selecting pieces of a player who is not playing ⌨️ (0:53:22) Implement a method that is responsible for moving pieces ⌨️ (0:56:22) Implement placingPiece method ⌨️ (1:00:03) Declare properties and methods that signalize if the king is in check ⌨️ (1:07:46) Implementing Castling move ⌨️ (1:14:48) implementing EnPassant move ⌨️ (1:21:03) implementing Pawn promotion ⌨️ (1:34:14) Implement a method that checks if a checkmate or stalemate is happening ⌨️ (1:36:32) Implement a method that checks if the game is overdue 50-move rule ⌨️ (1:37:58) Insufficient material poistions ⌨️ (1:41:48) Show game over the message in the application ⌨️ (1:43:31) Demonstrating that checkmate, stalemate, and insufficient material position detection are working ⌨️ (1:44:25) FEN Converter class ⌨️ (1:56:41) Implement a method that detects if the same position occurred 3 times (Threefold repetition rule) ⌨️ (2:01:19) Method that flips the board ⌨️ (2:03:00) Generate computer mode component, stockfish service ⌨️ (2:04:08) Quick explanation of stockfish rest API that we are going to use to get moves from the computer ⌨️ (2:05:42) Implement a method that retrieves the best move from the Stockfish engine ⌨️ (2:13:27) Install angular material ⌨️ (2:14:05) Working on nav menu component ⌨️ (2:18:40) Working on computer mode component ⌨️ (2:22:43) Working on a dialog component ⌨️ (2:37:10) Changes to make our application compatible with the new version of Stockfish API ⌨️ (2:38:01) showing play against computer dialog cmp ⌨️ (2:37:12) Working on a component that shows us the list of previous moves in the game ⌨️ (2:58:25) Implement a method that stores move in short algebraic notation ⌨️ (3:07:07) Implement a method to emit sound after each move type ⌨️ (3:12:22) Implement a method to navigate between moves in the move list component using the left and right arrow 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Tutorial – Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

s5YM1kH1ht8 | 01 May 2024

Full Stack Tutorial – Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN

Learn how to create a fiverr clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN. This is a great project for improving your skills as a full stack developer. Code: https://github.com/vukrosic/next14-fiverr Course created by @vukrosic ⭐️ Contents ⭐️ ⌨️ (0:00:00) Demo and Intro ⌨️ (0:03:27) Setup - Convex, Clerk, NextJS, ShadCN ⌨️ (0:19:21) Create gig page ⌨️ (0:34:46) Database schema ⌨️ (0:46:01) gig.ts - gig backend functions ⌨️ (0:54:56) useApiMutation.ts ⌨️ (0:59:35) categories and subcategories ⌨️ (1:08:51) store user to database ⌨️ (1:13:57) edit gig page ⌨️ (1:33:56) gig edit backend functions ⌨️ (1:45:28) add images to gig ⌨️ (1:57:29) confirm popup window modal ⌨️ (2:00:18) gig description ⌨️ (2:06:02) title editor ⌨️ (2:12:31) offers editor ⌨️ (2:25:41) stripe (part 1 - addPrice) ⌨️ (2:29:03) homepage - browser gigs ⌨️ (3:07:52) search, filter gigs ⌨️ (3:18:57) gig image, action menu ⌨️ (3:37:08) gig page ⌨️ (4:09:04) stripe (part 2 - pay link) ⌨️ (4:15:51) stripe (part 3 - seller account connection) ⌨️ (4:29:45) user profile page ⌨️ (4:49:13) reviews ⌨️ (5:12:28) advanced navbar ⌨️ (5:19:13) manage gigs page ⌨️ (5:36:06) inbox, messages 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js vs React – What's the difference?

JB1aKAoj2o0 | 30 Apr 2024

Next.js vs React – What's the difference?

What's the difference between Next.js and React? Learn more about frameworks and libraries and when to use React, Next, and Vite. Learn data fetching mechanisms, rendering strategies, how to build performant apps, SEO techniques, and more. Course created by @Kulkarniankita FREE Cheatsheet with all the links and resources shared in the course: https://bit.ly/nextjs-react-cheatsheet (to help you follow along) Ankita's upcoming workshop: https://bit.ly/nextjsworkshop-freecodecamp ⭐️ Contents ⭐️ ⌨️ (0:00:00) What is this Course About? and What will you learn? ⌨️ (0:01:28) Download the Free Cheatsheet to follow along ⌨️ (0:02:03) Upcoming Next.js Workshop ⌨️ (0:03:05) Library vs Framework ⌨️ (0:05:11) React vs Next.js ⌨️ (0:07:58) SPA vs SSG (Single Page App vs Static Site Generation ⌨️ (0:11:02) What is Vite? and How does it compare to Next.js? ⌨️ (0:13:18) What will be building? ⌨️ (0:15:23) Start a New Project ⌨️ (0:17:14) Tech Stack ⌨️ (0:19:24) Create a React app & a Next.js app ⌨️ (0:28:49) Tailwind Deep Dive ⌨️ (0:32:57) Use shadcn/ui in our projects ⌨️ (0:39:01) Routing Deep Dive ⌨️ (0:44:55) Setup our Browser Router ⌨️ (0:51:40) Routing Comparison ⌨️ (0:53:18) Quick Tip 🔥 How to Navigate Docs in Next.js ⌨️ (0:53:43) Add Navigation Bar ⌨️ (0:59:56) Different Rendering Techniques ⌨️ (1:05:33) Let’s add Badges to our App ⌨️ (1:13:40) Data Fetching ⌨️ (1:17:53) Let’s use Fetch to fetch the Recipes ⌨️ (1:23:01) Client and Server Components ⌨️ (1:28:52) Filtering in TastyReact and TastyNext ⌨️ (1:43:00) Data Fetching Summary ⌨️ (1:43:28) Recipe Page in our App ⌨️ (1:54:16) How should you start with learning React? ⌨️ (1:56:44) Performance Deep Dive ⌨️ (1:59:29) Font Optimization ⌨️ (2:04:10) Search Engine Optimization (SEO) ⌨️ (2:09:45) Application Ready for Production ⌨️ (2:17:38) Next.js Workshop Goodies 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Intro to AI Engineering – OpenAI JavaScript Tutorial

Yjy837dDvOY | 29 Apr 2024

Intro to AI Engineering – OpenAI JavaScript Tutorial

Interactive course version here: https://scrimba.com/links/intro-to-ai-engineering This crash course will get you up-to-speed on how build AI-powered web apps using the GPT-4 and DALL·E APIs. You'll build and deploy an app you can add to your portfolio to impress your future employer. The course was created by Scrimba instructors Tom Chant, Per Borgen and Guil Hernandez. Follow Scrimba on YouTube here: https://www.youtube.com/c/Scrimba ⭐️ Code ⭐️ Download the code via the lessons on Scrimba: https://scrimba.com/links/intro-to-ai-engineering ⭐️ Contents ⭐️ 0:00:00 AI Engineering basics 0:03:52 The code so far 0:06:48 Polygon API sign-up & key 0:08:12 Get an OpenAI API Key 0:10:22 Overview of how the API works 0:13:42 An API call: OpenAI dependency 0:16:45 An API call: Instance and model 0:18:58 An API call: The messages array 0:25:12 A quick word about models 0:30:45 Prompt Engineering and a challenge 0:35:20 Adding AI to the App 0:40:27 Tokens 0:46:11 Playground 0:48:08 Temperature 0:52:23 The "Few Shot" Approach 0:56:52 Adding Examples 1:00:33 Stop Sequence 1:03:39 Frequency and Presence Penalties 1:06:49 Fine-tuning 1:16:49 Creating Images with the DALL·E 3 API 1:27:46 Intro to AI Safety 1:33:18 Safety Best Practices 1:36:44 You made it! Deploying AI Apps with Cloudflare 1:39:02 Learn secure & robust deployment strategies 1:41:16 Create a Cloudflare worker 1:45:42 Connect your worker to OpenAI 1:50:14 Update client side data fetching 1:54:28 Handle CORS and preflight requests 1:58:59 OpenAI API requests & responses 2:01:57 Create an AI Gateway 2:06:53 Error handling 2:11:44 Create & deploy the Polygon API worker 2:16:26 Fetch the stock data 2:20:39 Download files and push to GitHub 2:22:07 Deploy your site with Cloudflare Pages 2:26:34 Custom domains with Cloudflare 2:28:52 Recap & 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Ben Awad is a GameDev Who Sleeps 9 hours EVERY NIGHT to be Productive [Quincy Interviews him #121]

N1pYdEAU9mk | 26 Apr 2024

Ben Awad is a GameDev Who Sleeps 9 hours EVERY NIGHT to be Productive [Quincy Interviews him #121]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Ben Awad, a game developer who creates developer tutorials on YouTube and TikTok. I hope you enjoy our conversation. Can you guess what bass line I'm playing on my bass during the intro? It's from a 1979 song. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 8,983 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Ben's game, Void Pet on Android and iOS (Built in React Native): https://voidpet.com/ XKCD coming on "Real Programmers" that Quincy mentions: https://xkcd.com/378/ React Native course by Ben Awad: https://www.freecodecamp.org/news/create-an-app-that-works-on-ios-android-and-the-web-with-react-native-web/ I can't find my Mac Control hotkeys video tutorial that I mentioned anywhere, so I wrote a quick article explaining how to use these: https://www.freecodecamp.org/news//mac-control-keyboard-shortcuts-hotkeys-macos 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

TypeScript Platformer Game Tutorial – Kirby Clone

R6WvJOiX99s | 25 Apr 2024

TypeScript Platformer Game Tutorial – Kirby Clone

Improve your TypeScript skills by building a fun Kirby game clone. Learn how to use Kaboom.js to create a 2d platformer game based on the classic video game. Code: https://github.com/JSLegendDev/Kirby-like-ts Live demo & download link for assets: https://jslegend.itch.io/kirby-like-platformer-asset-pack Download Tiled here : https://www.mapeditor.org/ ✏️ Course created by @JSLegendDev ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro & Setup ⌨️ (0:08:32) Loading assets ⌨️ (0:14:42) Drawing the level in Tiled ⌨️ (0:29:53) Creating the level scene ⌨️ (0:34:07) Implementing logic for displaying the level ⌨️ (0:54:29) Implementing logic for player and enemies ⌨️ (1:57:15) Conclusion ⌨️ (1:58:11) Bonus : How to export your game 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Webflow Tutorial for Beginners – No-Code Web Design

dSykLAkmZ84 | 24 Apr 2024

Webflow Tutorial for Beginners – No-Code Web Design

Learn Webflow from a Webflow certified expert agency owner. In this Webflow course you'll learn how to build a landing page without writing a single line of code and only using Webflow's core features. You'll also learn about Webflow SEO, animations, plans & pricing. Download Design File: https://bit.ly/42CHCCm Course created by @tweakdesigns. Hire him here: https://bit.ly/49aQ3qQ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Web Design Basics ⌨️ (0:03:36) Webflow Basics ⌨️ (0:10:35) Components/Symbols in Webflow ⌨️ (0:11:28) Variables in Webflow ⌨️ (0:13:25) Assets/Images ⌨️ (0:13:35) Webflow CMS ⌨️ (0:14:03) Users in Webflow ⌨️ (0:14:12) E-commerce in Webflow ⌨️ (0:15:13) Add Pages/Folder in Webflow ⌨️ (0:15:25) Style Panel ⌨️ (0:16:24) Layouts - CSS Grid & Flexbox ⌨️ (0:20:22) Typography ⌨️ (0:20:31) Backgrounds ⌨️ (0:21:13) Borders & Radius ⌨️ (0:21:58) Effects ⌨️ (0:22:43) Element Settings ⌨️ (0:23:08) Animations ⌨️ (0:24:36) Landing Page Development ⌨️ (1:05:20) Blog CMS for Landing Page ⌨️ (1:21:29) Mobile & Tablet Responsive ⌨️ (1:30:43) Landing Page Animations ⌨️ (1:36:46) SEO in Webflow ⌨️ (1:37:24) Domain & Hosting ⌨️ (1:38:56) 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build a Google Photos Clone with Next.js and Cloudinary – Tutorial

l71rTm_0260 | 23 Apr 2024

Build a Google Photos Clone with Next.js and Cloudinary – Tutorial

Learn how to use Next.js and Cloudinary to build a Google Photos Clone. Your app will be able to transform and enhance the images. ✏️ Colby Fayock created this course. https://colbyfayock.com/ 🔗 Starter Template: https://github.com/colbyfayock/demo-photo-library-starter 🔗 Bonus Credits & Background Removals: https://cld.media/freecodecamp 🔗 Next Cloudinary: https://next.cloudinary.dev/ 🔗 Photobox: https://www.photobox.dev/ Cloudinary provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:07) Creating a new Next.js app from a starter template ⌨️ (0:05:32) Installing & Configuring the Cloudinary Node.js SDK ⌨️ (0:10:00) Listing photos from Cloudinary ⌨️ (0:15:07) Optimized & Responsive Images with Next Cloudinary ⌨️ (0:23:29) Uploading Images with the CldUploadButton ⌨️ (0:32:24) Passing Server Data to the Client with Tanstack Query ⌨️ (0:39:58) Creating a custom hook to manage resource requests ⌨️ (0:43:53) Optimisticly updating UI on Upload using Tanstack Query ⌨️ (0:52:18) Tagging Images & Fetching Images by Tag ⌨️ (0:55:33) Optimizing Server to Client resource and request management ⌨️ (1:01:55) Creating dynamic routes for viewing individual images ⌨️ (1:11:01) Using AI to Improve, Restore, and Remove Backgrounds from Images ⌨️ (1:28:32) Adding animated loading placeholders for images ⌨️ (1:34:33) Dynamically Cropping & Resizing images to different aspect ratios ⌨️ (1:46:48) Customizing images with filters and effects ⌨️ (1:55:23) Saving and updating an image with applied transformations and effects ⌨️ (2:11:46) Refreshing and updating UI state on save ⌨️ (2:19:14) Saving an image as a copy ⌨️ (2:23:14) Deleting images ⌨️ (2:30:04) Invalidating Tanstack Query tags on change ⌨️ (2:33:01) Adding image resource metadata to info panel ⌨️ (2:37:32) Setting up a Next.js loading UI for React Suspense streaming ⌨️ (2:42:13) Adding loading indicators to homepage gallery ⌨️ (2:43:08) Creating a collage from multiple images ⌨️ (3:06:44) Saving collage creations to library ⌨️ (3:13:30) Generating Ken Burns style zoom animations from images ⌨️ (3:17:50) Stylizing images with Color Pop ⌨️ (3:29:46) Optimizing Creation generation and UI ⌨️ (3:34:29) Creating new server route of only stylized Creations ⌨️ (3:39:05) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Intuitive SQL For Data Analytics - Tutorial

mXW7JHJM34k | 22 Apr 2024

Intuitive SQL For Data Analytics - Tutorial

Learn SQL for analytics. Learn both the theory and the practice so you can confidently solve hard SQL challenges on your own. No previous experience required and you'll do everything in your browser using BigQuery. Course resources: https://miniature-icon-2cc.notion.site/Intuitive-SQL-For-Analytics-65241f69e06446d5bb0a7de272fb5dab Created by @vladdata741 ⭐️ Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:04:42) Syllabus & resources ⌨️ (00:09:04) Meet SQL! ⌨️ (00:10:30) Types of SQL statements ⌨️ (00:12:20) Why BigQuery ⌨️ (00:13:27) How to setup Google Cloud ⌨️ (00:17:02) How to avoid Google Cloud charges ⌨️ (00:22:11) Introduction to our data ⌨️ (00:23:16) How data is organized in BigQuery ⌨️ (00:26:53) Loading our data in BigQuery ⌨️ (00:30:09) The BigQuery Interface ⌨️ (00:37:54) Running our first query ⌨️ (00:46:20) How SQL organizes data ⌨️ (00:54:32) The SQL statement ⌨️ (00:56:05) The three orders of SQL operations ⌨️ (01:00:05) The logical order of SQL operations ⌨️ (01:03:28) Introduction to basics ⌨️ (01:04:10) SELECT and FROM ⌨️ (01:08:22) Transform columns with SELECT ⌨️ (01:19:32) The order of arithmetic operations ⌨️ (01:24:03) The WHERE filter ⌨️ (01:31:28) Boolean algebra ⌨️ (01:48:07) DISTINCT ⌨️ (01:52:04) Create BigQuery tables from queries ⌨️ (01:57:38) UNION 1 ⌨️ (02:05:15) UNION 2 ⌨️ (02:11:57) UNION 3 ⌨️ (02:19:58) UNION 4 ⌨️ (02:22:41) ORDER BY ⌨️ (02:28:52) LIMIT ⌨️ (02:34:06) CASE ⌨️ (02:52:29) Simple aggregations ⌨️ (03:06:59) Subqueries 1 ⌨️ (03:16:28) Subqueries 2 ⌨️ (03:25:46) Subqueries 3 ⌨️ (03:29:43) Nested queries ⌨️ (03:40:11) Common table expressions 1 ⌨️ (03:48:12) Common table expressions 2 ⌨️ (03:53:08) Common table expressions 3 ⌨️ (03:59:18) Joins ⌨️ (05:15:39) GROUP BY And Aggregations ⌨️ (06:04:11) Window Functions ⌨️ (07:09:50) Putting It All Together ⌨️ (07:15:56) Let's Solve A Hard SQL Challenge! ⌨️ (07:33:54) PostgreSQL Exercises - Introduction ⌨️ (07:42:00) PostgreSQL Exercises - Basic ⌨️ (08:10:33) PostgreSQL Exercises - Joins and Subqueries ⌨️ (08:56:45) PostgreSQL Exercises - Aggregations Pt. 1 ⌨️ (09:57:51) PostgreSQL Exercises - Aggregations Pt. 2 ⌨️ (10:57:51) PostgreSQL Exercises - Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

CTO Andrew Brown on DevOps + Cloud Certification Exams [freeCodeCamp Podcast #120]

Zv9MsVSxqXo | 19 Apr 2024

CTO Andrew Brown on DevOps + Cloud Certification Exams [freeCodeCamp Podcast #120]

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Andrew Brown, a CTO-turned co-founder of ExamPro.co. Andrew created this cloud certification exam prep website with another Andrew – also from Canada, who also loves Star Trek. We talk about Andrew's early career fixing computers in the 90s, and his early freelance web development work. These ultimately lead to jobs and promotions that leveled him up to CTO. Andrew also shares his advice to devs who want to learn DevOps and Cloud Engineering, and which certs to prioritize. Andrew suffers from Muscle Tension Dysphonia, a disease that causes voice loss. He shares how he's using AI tools to get around this. Andrew also talks about his love of Tetris Attack (also known as Panel de Pon or Pokémon Puzzle League). He built a frame-perfect port for competitive online play. And of course, Andrew's favorite Star Trek episodes of all time. Can you guess what bass line I'm playing on my bass during the intro? It's the theme from a 90s cartoon. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 8,933 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Just a few of Andrew's many freeCodeCamp cloud cert prep courses. (He has dozens more on freeCodeCamp's YouTube channel): https://www.freecodecamp.org/news/author/andrew/ His website, ExamPro.co: https://www.exampro.co/ American Mall simulator browser game by Bloomberg: https://www.bloomberg.com/features/american-mall-game/ The Greatest Generation podcast: https://maximumfun.org/podcasts/greatest-generation/

WebSockets Beginners Tutorial with Socket.IO

CzcfeL7ymbU | 18 Apr 2024

WebSockets Beginners Tutorial with Socket.IO

Learn how to implement WebSockets with Socket.IO. WebSockets provide a way for a web browser and a server to communicate with each other continuously without having to close the connection after each exchange. This makes it ideal for real-time applications, like live chat or gaming, where you need quick back-and-forth communication. Course developed by @CybernaticoByNishant Code: https://github.com/nishant-666/Multiplayer-dashboard-using-websockets 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

RAG From Scratch – Tutorial from LangChain Engineer

sVcwVQRHIc8 | 17 Apr 2024

RAG From Scratch – Tutorial from LangChain Engineer

Learn how to implement RAG from scratch from a LangChain software engineer. This course teaches you how to use RAG to combine custom data with LLMs. 💻 Code: https://github.com/langchain-ai/rag-from-scratch If you're completely new to LangChain and want to learn about some fundamentals, check out our guide for beginners: https://www.freecodecamp.org/news/beginners-guide-to-langchain/ ✏️ Course created by Lance Martin, PhD. Lance on X: https://twitter.com/rlancemartin ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Overview ⌨️ (0:05:53) Indexing ⌨️ (0:10:40) Retrieval ⌨️ (0:15:52) Generation ⌨️ (0:22:14) Query Translation (Multi-Query) ⌨️ (0:28:20) Query Translation (RAG Fusion) ⌨️ (0:33:57) Query Translation (Decomposition) ⌨️ (0:40:31) Query Translation (Step Back) ⌨️ (0:47:24) Query Translation (HyDE) ⌨️ (0:52:07) Routing ⌨️ (0:59:08) Query Construction ⌨️ (1:05:05) Indexing (Multi Representation) ⌨️ (1:11:39) Indexing (RAPTOR) ⌨️ (1:19:19) Indexing (ColBERT) ⌨️ (1:26:32) CRAG ⌨️ (1:44:09) Adaptive RAG ⌨️ (2:12:02) Is RAG Really Dead? 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Data Science Essentials – Crash Course in A/B Testing with Case Study

KZe0C0Qq4p0 | 16 Apr 2024

Data Science Essentials – Crash Course in A/B Testing with Case Study

In this applied Data Science Crash Course, we cover everything you need to know about A/B testing, from the concepts to the practical details they can apply in business. The course merges in-depth statistical analysis (think hypothesis testing, significance levels, and the nitty-gritty of pooled estimates, test statistics, p-values, and assessing statistical significance) with the kind of data science theories big tech firms rely on, all alongside practical Python tutorials for real-world test implementation. Plus, there's a real-life case study thrown in to help you understand the concepts more. ✏️ Course created by Tatev Karen Aslanyan. More from Tatev here: https://lunartech.ai/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Video Introduction ⌨️ (0:03:49) Introduction to Data Science and A/B Testing ⌨️ (0:05:38) Basics of A/B Testing in Data Science ⌨️ (0:07:06) Key Parameters of A/B Testing for Data Scientists ⌨️ (0:09:24) Formulating Hypotheses and Identifying Primary Metrics in Data Science A/B Testing ⌨️ (0:19:55) Designing an A/B Test: Data Science Approach ⌨️ (0:37:56) Resources for A/B Testing in Data Science ⌨️ (0:39:22) Analyzing A/B Test Results in Python: Data Science Techniques ⌨️ (1:01:00) Data Science Portfolio Project: Case Study with AB Testing ⌨️ (1:04:38) Reintroduction to A/B Testing in the Data Science Process ⌨️ (1:21:07) Data Science Techniques: Loading Data with Pandas for A/B Testing ⌨️ (1:29:19) Data Science Visualization: Using Matplotlib and Seaborn for A/B Test Click Data ⌨️ (1:38:38) Data Science Power Analysis: Understanding A/B Test Model Parameters ⌨️ (1:44:25) Data Science Calculations: Pooled Estimates and Variance for A/B Testing ⌨️ (2:06:48) Computing A/B Test P-Values: Data Science Methods for Statistical Significance ⌨️ (2:12:42) Practical Significance in A/B Testing: A Data Science Perspective ⌨️ (2:29:07) Conclusion: Wrapping Up A/B Testing in Data Science 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Digital Ocean Tutorial – Deploy Django and Other Frameworks

Td3lirXIeRI | 15 Apr 2024

Digital Ocean Tutorial – Deploy Django and Other Frameworks

Learn how to deploy to Digital Ocean. You'll learn to deploy Django projects but the steps are similar to deploy projects built with other frameworks. The server will run on Ubuntu 22.04, and you will learn how to use technologies like Nginx, Supervisor, Git, Gunicorn, Postresql and some more. ✏️ Course developed by @CodeWithStein Sign up for Digital Ocean: https://m.do.co/c/d3cdd4293e67 ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:21) Create account ⌨️ (02:15) Create server ⌨️ (07:53) Install software ⌨️ (11:52) Configure Postgresql ⌨️ (15:56) Users and environment ⌨️ (19:41) Requirements.txt ⌨️ (22:26) Separate settings file ⌨️ (24:01) Introducing Git ⌨️ (31:36) Environmental variables ⌨️ (33:16) Init database ⌨️ (36:46) Configure Gunicorn ⌨️ (45:25) Configure Supervisor ⌨️ (48:44) Configure Nginx ⌨️ (57:38) SSL / Let's Encrypt ⌨️ (59:26) Repeat procedure 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

CSS Artist Kass Moreno – freeCodeCamp Podcast #119

ZAkEpjDg26o | 12 Apr 2024

CSS Artist Kass Moreno – freeCodeCamp Podcast #119

On this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Kass Moreno, a Senior Front End Developer and CSS Artist. Kass started learning coding at age 28 and has since built a reputation as one of the most skilled artists who work with CSS. We talk about: Her childhood in Mexico and in Texas Making the hard decision to drop out of architecture school Her dreadful years working as a salesperson Learning from freeCodeCamp and doing the 100DaysOfCode challenge Getting freelance clients and expanding her skills Her rapid career growth as a developer Can you guess what bass line I'm playing on my bass during the intro? It's a 1982 pop classic. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 8,904 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Kass's portfolio of CSS art: https://www.cssartist.com/ Bruno Simon's 3D interactive portfolio using Three.js. Drive an RC car around knocking things down: https://bruno-simon.com/ 1 Dimensional PacMan game that Quincy mentions (be careful – it's addictive): https://abagames.github.io/crisp-game-lib-11-games/?pakupaku 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI

-kLs1NGt3ys | 11 Apr 2024

One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI

Learn how to turn Figma designs into code using AI. In this course, you will learn how to easily create and deploy frontend code starting with just a design. ✏️ Course developed by @AniaKubow Sample Figma design to follow along: https://www.figma.com/community/file/1344907822759018861/localhost-website Get started with Locofy: https://www.locofy.ai/ 🏗️ Locofy provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:54) What is Figma? ⌨️ (0:02:22) The design ⌨️ (0:06:28) Locofy Lightning and LocoAI ⌨️ (0:25:18) Let’s build out our app! ⌨️ (0:40:45) Sync to GitHub ⌨️ (0:49:40) Create a Database ⌨️ (0:54:49) Create Authentication ⌨️ (1:28:20) Let’s deploy our app! 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Backend Development Course - Build 3 Projects

ftKiHCDVwfA | 10 Apr 2024

Backend Development Course - Build 3 Projects

This video is a full project-based backend web development course. In this course, you will learn how to build 3 full backend web applications. ✏️ Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi Backend Mastery Course - https://backendmastery.com/ Projects Built: 1. AI Web App 💻 Github: https://github.com/tomitokko/ai-blog-article-generator 2. Netflix Clone 💻 Github: https://github.com/tomitokko/django-netflix-clone 3. Spotify Clone 💻 Github: https://github.com/tomitokko/spotify-clone 🔗 API Link: https://rapidapi.com/DataFanatic/api/spotify-scraper ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:30) AI Web App ⌨️ (3:07:35) Netflix Clone ⌨️ (6:11:33) Spotify Clone - Part 1 ⌨️ (6:33:25) Spotify Clone - Part 2 ⌨️ (6:55:45) Spotify Clone - Part 3 ⌨️ (9:50:21) Spotify Clone - Part 4 ⌨️ (10:07:48) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Indie Game Dev Jabrils talks AI & Anime [freeCodeCamp Podcast #118]

aWWF9kP70Tc | 05 Apr 2024

Indie Game Dev Jabrils talks AI & Anime [freeCodeCamp Podcast #118]

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

Learn React Router v6 – Full Course

SMq1IQRweDc | 04 Apr 2024

Learn React Router v6 – Full Course

Learn how to use React Router. You'll learn about setting up a basic routes, protecting authenticated routes, custom route transitions and more. Course created by @CounterSyntax 💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter 💻 Git Explorer Final: https://github.com/Kolosafo/git-explorer-final ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Overview ⌨️ (0:02:23) Introduction To React Router ⌨️ (0:05:08) Project Overview ⌨️ (0:07:01) Project Setup ⌨️ (0:09:23) Installing React Router ⌨️ (0:10:33) Setting up React Router ⌨️ (0:14:11) Introduction to Routing ⌨️ (0:20:37) Boilerplate code ⌨️ (0:21:23) Adding a new Route ⌨️ (0:22:12) How to Navigate between Pages ⌨️ (0:25:01) Nested Routes ⌨️ (0:31:37) Creating a custom "Not Found" page ⌨️ (0:35:30) Dynamic Routing ⌨️ (0:43:34) Programmatic Navigation ⌨️ (0:53:27) Route Guarding ⌨️ (1:02:45) Navbar Adjustment ⌨️ (1:06:07) Navigation Transition Animation ⌨️ (1:16:54) Lazy Loading ⌨️ (1:24:34) Advanced Route Config ⌨️ (1:37:09) The Final Project ⌨️ (1:38:09) The END! 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build a Dev Portfolio as a 2D Game – JavaScript Course

wy_fSStEgMs | 03 Apr 2024

Build a Dev Portfolio as a 2D Game – JavaScript Course

Learn how to use Kaboom.js to create a 2d game that is actually a developer portfolio. This is a creative way to show off your skills. Live demo: https://jslegenddev.github.io/portfolio/ Source code: https://github.com/JSLegendDev/2d-portfolio-kaboom Map files (map.json + map.png): https://github.com/JSLegendDev/2d-portfolio-kaboom/tree/master/public Spritesheet: https://github.com/JSLegendDev/2d-portfolio-kaboom/blob/master/public/spritesheet.png Fonts: https://datagoblin.itch.io/monogram Tiled software: https://mapeditor.org Substack post explaining how to implement mobile controls : https://jslegenddev.substack.com/p/how-to-implement-player-controls Course developed by @JSLegendDev ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:35) Setup ⌨️ (0:16:40) Loading assets ⌨️ (0:19:36) How to use Tiled to draw maps ⌨️ (0:36:23) Writing logic to display map ⌨️ (0:45:02) Creating the player ⌨️ (0:52:13) Writing logic to display boundaries ⌨️ (0:58:07) Writing logic to display dialogue ⌨️ (1:16:28) Spawning the player + player movement logic ⌨️ (1:26:33) Writing logic for scaling the camera + animations + dialogue text 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Understanding AI from Scratch – Neural Networks Course

VgzHT9quo5c | 02 Apr 2024

Understanding AI from Scratch – Neural Networks Course

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

He's helped THOUSANDS of people learn to code [Leon Noel of #100devs on freeCodeCamp Podcast #117]

KYAakLooVuE | 29 Mar 2024

He's helped THOUSANDS of people learn to code [Leon Noel of #100devs on freeCodeCamp Podcast #117]

On this week's episode of the podcast, freeCodeCamp Founder Quincy Larson interviews Leon Noel, founder of 100Devs and head of engineering at Resilient Coders. Growing up, Leon had it drilled into him that he had to become a doctor, lawyer, or dentist. But his ambitions grew and he went on to have an exciting career in tech. After a successful exit from a startup, Leon wanted to help folks who were struggling during the pandemic. He started 100Devs, a charity which has helped 10,000s of people learn to code. We talk about: - dropping out of Yale - getting into the selective Tech Stars startup accelerator - Getting involved with Resilient Coders, a charity that helps court-involved youth learn coding - Starting 100Devs and building a Discord server with 60,000 people learning to code together Quincy recorded this podcast live and hasn't edited it at all. We want to capture the feel of a real live conversation, with all the human quirks that entails. Can you guess what song he's playing on my bass during the intro? It's his arrangement of the intro to a 1990s cartoon. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, we want to thank the 8,427 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: The video that changed Leon's life on Spaced Repetition, by Ali Abdaal: https://youtu.be/Z-zNHHpXoMM The official Anki app, which is free on web / desktop and doesn’t lock you into a subscription. Leon's advice: "Only create cards on one device, but review on any to save you from weird syncing issues." https://apps.ankiweb.net Dr. Barbara Oakley’s Learn How to Learn course, which Leon calls "a masterpiece":  https://coursera.org/learn/learning-how-to-learn The 100Devs website (new cohort starting in early May): https://100devs.org/about Trailer for X-men '97: https://youtu.be/pv3Ss8o9gGQ Thelonious Monk [pianist Quincy mentions] "Straight No Chaser" documentary trailer: https://www.youtube.com/watch?v=dx0E9-ThvKc Leon on YouTube: http://leonnoel.com/youtube Leon on Discord: http://leonnoel.com/discord Leon's Twitch for his live streams: http://leonnoel.com/twitch Leon's website: https://leonnoel.com/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Easily Automate Business Tasks – No-Code Automation Course

5kJv254sebQ | 28 Mar 2024

Easily Automate Business Tasks – No-Code Automation Course

Learn how to effectively use automation to streamline your business tasks. From mastering lead management with tools like Facebook Lead Ads and HubSpot to enhancing ecommerce through ChatGPT-driven product descriptions, this course covers a spectrum of applications including ticketing, in-house task management, AI-enhanced email automation, and more. You'll do it all with Make. ✏️ Course developed by Ania Kubow. Try Make to start automating tasks: https://make.com/en/register?promo=learning-make Make provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:23) Getting started ⌨️ (0:08:26) Lead Management Automation ⌨️ (0:09:19) Lead organization with Facebook Lead Ads and Google Sheets ⌨️ (0:21:32) Lead Enrichment with web-hooks, HubSpot, Slack and Clearbit ⌨️ (0:58:04) Lead classification with Typeform and Hubspot ⌨️ (1:10:10) Qualify incoming leads with Google Sheets and Clearbit ⌨️ (1:29:43) Ecommerce Automation ⌨️ (1:30:27) Generate Product Descriptions with ChatGPT and Google Sheets ⌨️ (1:45:49) Ticketing/Barcode Automation ⌨️ (1:46:13) Generate barcoded tickets with Google Sheets and Google Docs ⌨️ (2:07:45) Automation In-house ⌨️ (2:08:05) Generate calendar events with Trello and Google Calendar ⌨️ (2:17:03) Make a to-do list from Discord Messages and Google Sheets ⌨️ (2:33:16) Automation and AI ⌨️ (2:34:00) Automate emails with ChatGPT and Gmail ⌨️ (3:00:24) Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn NestJS – Complete Course

sFnAHC9lLaw | 26 Mar 2024

Learn NestJS – Complete Course

Learn NestJS in this comprehensive course for beginners. NestJS is a framework for building efficient, scalable Node.js web applications. Code: https://github.com/HaiderMalik12/nestjs-fundamentals Course resources e-book: https://www.haidermalik.dev/nestjs Testing Starter Kit for Module 12: https://drive.google.com/file/d/1dU4ro10jZaIYAu32MwQFr4UHlY6GFu6O/view?usp=sharing ✏️ This course was developed by @haidermalik3402 . Check out more of his courses: https://www.udemy.com/user/5512f7602d2ad/ ⭐️ Contents ⭐️ Module 0 ⌨️ 00:00:00 What is NestJS ⌨️ 00:03:01 Create NestJS Project ⌨️ 00:05:30 NestJS Directory Structure Module 1 ⌨️ 00:07:00 Creating Controller ⌨️ 00:11:07 Creating a Service ⌨️ 00:18:09 Creating Module Module 2 ⌨️ 00:24:27 Middleware ⌨️ 00:32:39 Exception Filter ⌨️ 00:43:07 Transform param using ParseIntPipe ⌨️ 00:48:10 Validate Request Body using class validator Module 3 ⌨️ 00:52:09 Custom Providers ⌨️ 01:15:26 Injection Scopes ⌨️ 01:20:59 One To Many Relation Module 4 ⌨️ 01:35:05 Establish Database Connection ⌨️ 01:43:42 Create an Entity ⌨️ 01:50:43 Create and Fetch records from Database ⌨️ 02:08:54 Pagination Module 5 ⌨️ 02:17:44 One to One ⌨️ 02:24:14 Many to Many relation Module 6 ⌨️ 02:43:51 User Signup ⌨️ 03:00:05 User Login ⌨️ 03:08:12 Authenticate User with Passport JWT ⌨️ 03:24:42 Role Based Authentication ⌨️ 03:46:51 Two Factor Authentication ⌨️ 04:17:41 API Key Authentication Module 7 ⌨️ 04:32:52 Debug NestJS Application ⌨️ 04:37:00 Migrations ⌨️ 04:49:51 Seeding Module 8 ⌨️ 05:02:02 Custom Configuration ⌨️ 05:24:29 Validate Env Variables ⌨️ 05:35:48 Hot Module Reloading Module 9 ⌨️ 05:45:51 Swagger Setup ⌨️ 05:52:30 Document Signup Route ⌨️ 05:58:28 Create Schema using ApiProperty ⌨️ 06:02:54 Test JWT Authentication Module 10 ⌨️ 06:11:40 Install MongoDB using Docker Compose ⌨️ 06:18:16 Connect with MongoDB ⌨️ 06:21:24 Create Schema ⌨️ 06:24:56 Save Record in Mongo Collection ⌨️ 06:33:08 Find and Delete ⌨️ 06:38:47 Populate Module 11 ⌨️ 06:52:18 Configure Dev and Production Env ⌨️ 07:01:22 Push Source Code to Github Repo ⌨️ 07:06:38 Deploy NestJS Project to Railway ⌨️ 07:15:44 Install Dotenv to work with TypeORM migrations ⌨️ 07:20:20 Fixing Env Bugs Module 12 ⌨️ 07:29:45 Getting started with Jest ⌨️ 07:37:22 Auto Mocking ⌨️ 07:55:13 SpyOn Function ⌨️ 08:05:49 Unit Test Controller ⌨️ 08:19:35 Unit Test Service ⌨️ 08:28:19 E2E Testing Module 13 ⌨️ 08:41:58 Speedy Web Compiler with NestJS v10 ⌨️ 08:50:31 Creating Websocket Server ⌨️ 08:59:05 Send Message from Frontend app Module 14 ⌨️ 09:05:48 GraphQL Server Setup ⌨️ 09:13:43 Define Queries and Mutations ⌨️ 09:20:11 Resolve Queries ⌨️ 09:25:42 Resolve Mutations ⌨️ 09:30:35 Error Handling Module 15 ⌨️ 09:34:14 Define Schema for Authentication ⌨️ 09:42:13 Resolve Auth Queries and Mutations ⌨️ 09:52:47 Apply Authentication using Auth Guard Module 16 ⌨️ 10:12:06 Implement Real time Subscription Module 17 ⌨️ 10:20:39 Unit Test Resolver ⌨️ 10:32:02 End to End Tesing GraphQL APIs Module 18 ⌨️ 10:46:55 Server Side Caching using Apollo ⌨️ 10:58:56 Optimize Query Performance using Data Loader ⌨️ 11:14:06 Fetching Data from External REST API Module 19 ⌨️ 11:20:56 Setup Prisma ⌨️ 11:24:25 Models and Migrations ⌨️ 11:28:08 Generate Prisma Client ⌨️ 11:30:43 Create, Find and FindOne ⌨️ 11:40:57 Update and Delete Operation ⌨️ 11:49:17 One to Many Relation ⌨️ 12:00:54 One to One Relation ⌨️ 12:07:33 Many to Many Relation ⌨️ 12:20:35 Bulk or Batch Operations ⌨️ 12:24:29 Implement Transaction using Nested Queries ⌨️ 12:32:56 Interactive Transactions Module 20 ⌨️ 12:46:08 File Upload ⌨️ 12:56:12 Custom Decorator ⌨️ 13:02:03 Scheduling CRON Task with Nest.js ⌨️ 13:14:41 Cookies ⌨️ 13:23:03 Queues ⌨️ 13:35:43 Event Emitter ⌨️ 13:47:13 Streaming ⌨️ 13:52:55 Session

Data Analytics with the Google Stack (SQL, Python, Data Visualization, Data Analysis)

NnSIKA77pD8 | 25 Mar 2024

Data Analytics with the Google Stack (SQL, Python, Data Visualization, Data Analysis)

Learn data analytics by building projects using different free Google services. ➡ Data Analysis with Google Sheets ➡ SQL with Google BigQuery ➡ Python with Google Colab ➡ Data Visualization with Google Looker Studio ✏️ Course developed by @analyst_adithya Code and resources: https://github.com/vyasadi/Free_Code_Camp_Material ⭐️ Contents ⭐️ ⌨️ (0:01:48) Introduction ⌨️ (0:01:48) Spreadsheets for Data Analysis ⌨️ (0:40:52) SQL with Google BigQuery ⌨️ (1:41:36) Python with Google Colab ⌨️ (2:19:01) Data Visualization with Looker Studio 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

She wrote code you use every day [freeCodeCamp Podcast #116]

lSxiMMs5y-4 | 22 Mar 2024

She wrote code you use every day [freeCodeCamp Podcast #116]

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Jessica Lord, AKA JLord. She's worked as a software engineer for more than a decade at companies like GitHub and Glitch. Among her many accomplishments, Jessica created the Electon team at GitHub. Electron is a library for building desktop apps using browser technologies. If you've used the desktop version of Slack, Figma, or VS Code, you've used Electron. I recorded this podcast live and I haven't edited it at all. I want to capture the feel of a real live conversation, with all the human quirks that entails. As with all my podcast episodes, I start by performing a classic bass line. Can you guess what song this bass line is from? It's a "cult" hit from 1990. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Also, I want to thank the 8,427 kind people who support our charity each month, and who make this podcast possible. You can join them and support our mission at: https://www.freecodecamp.org/donate Links we talk about during the interview: Git-It, Jessica's interactive Git course on Node School: https://github.com/jlord/git-it Jessica's old craft blog (you may get an HTTPS warning from your browser but the site is just an old Blogspot site): http://www.ecabonline.com/ JSBin founder Remy Sharp's blog about JSBin and how he "lost his love of his side project": https://remysharp.com/2015/09/14/jsbin-toxic-part-1 Subdivisions song by Rush that Quincy mentions. Great early morning listening: https://www.youtube.com/watch?v=EYYdQB0mkEU

Practical TypeScript – Course for Beginners

JHEB7RhJG1Y | 21 Mar 2024

Practical TypeScript – Course for Beginners

Master TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application. Code: https://github.com/john-smilga/typescript-course Course developed by @CodingAddict ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro, Type Annotations, Arrays ⌨️ (0:55:40) Objects and Functions ⌨️ (1:54:57) Alias and Interface ⌨️ (3:02:53) Tuples and Enums ⌨️ (3:59:10) Type Guards ⌨️ (4:31:02) Generics ⌨️ (5:10:25) Fetch Data ⌨️ (5:43:05) Classes ⌨️ (6:05:17) Tasks ⌨️ (6:47:18) React with TypeScript 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

ASP.NET Core Tutorial – Beginner to Advanced Projects

6SAFgcMie4U | 20 Mar 2024

ASP.NET Core Tutorial – Beginner to Advanced Projects

Master ASP.NET Core by building three projects from scratch. You will start with an simple full stack project and work your way up to an advanced project. This course will teach you everything you need to know to create your own projects in ASP.NET Core MVC. Course developed by @codeafuture 🔗 Food Menu Web App's Source Code: https://github.com/codeafuture/Food-Menu 🔗 Google Docs Clone's Source Code: https://github.com/codeafuture/TextEditor 🔗 Stripe Web App's Source Code: https://github.com/codeafuture/StripeWebApp ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:55) ASP.NET Core MVC Structure ⌨️ (0:02:38) Food Menu Web App: Setting up the Project ⌨️ (0:04:29) Creating the Models ⌨️ (0:09:05) Creating the Context ⌨️ (0:20:35) Connecting the Project to the Database ⌨️ (0:24:50) Creating the Controller and its Methods ⌨️ (0:44:10) Adding multiple Data manually to the Database ⌨️ (0:48:20) Adding the Search Bar ⌨️ (0:57:37) Google Docs Clone: Intro ⌨️ (0:58:08) Creating the Model and setting up the Database ⌨️ (1:03:50) Creating a Controller ⌨️ (1:08:00) Handling the Create Page ⌨️ (1:11:05) Importing TinyMCE library ⌨️ (1:16:20) The Edit Page ⌨️ (1:20:32) The Index Page ⌨️ (1:29:39) Fixing the Index Method ⌨️ (1:33:00) Formatting the Delete Page ⌨️ (1:34:22) Printing a Document as a PDF ⌨️ (1:35:18) Stripe Web App: Intro ⌨️ (1:35:51) Stripe Account & Stripe Docs ⌨️ (1:40:35) Setting up the Project in Visual Studio ⌨️ (1:56:36) Creating the Model and setting up the Database ⌨️ (2:06:52) Storing Products in the Database ⌨️ (2:10:39) Displaying Products in the Index Page ⌨️ (2:23:10) site.css file ⌨️ (2:26:55) CreateCheckout Method ⌨️ (2:28:33) Testing 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Intro to Stacks – Data Structure Explained

k1IaYPGel3s | 19 Mar 2024

Intro to Stacks – Data Structure Explained

Learn all about stacks, a common data structure used in computer science. Also learn how to answer coding challenges involving stacks. Course developed by @DestinationFAANG ⭐️ Resources ⭐️ Most asked Technical Interview Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit#gid=1377915986 Github Repo with all the Solutions: https://github.com/DestinationFAANG/Destination-FAANG-Java-Solution ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:35) About me ⌨️ (0:02:24) Introduction to Stack ⌨️ (0:04:32) Stack in real world ⌨️ (0:05:08) Basic Operations ⌨️ (0:07:16) Stack implementation ⌨️ (0:10:29) Stack use cases ⌨️ (0:19:06) Daily Temperatures ⌨️ (0:32:52) Evaluate Reverse Polish Notation ⌨️ (0:42:17) Min Stack ⌨️ (0:51:10) Generate Parentheses ⌨️ (1:06:43) Car Fleet ⌨️ (1:26:13) Minimum Remove to Make Valid Parentheses ⌨️ (1:36:51) Valid Parentheses ⌨️ (1:48:03) Largest Rectangle In Histogram ⌨️ (2:05:53) Longest Valid Parentheses ⌨️ (2:21:31) Max Stack 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Building web applications in Java with Spring Boot 3 – Tutorial

31KTdfRH6nY | 18 Mar 2024

Building web applications in Java with Spring Boot 3 – Tutorial

Learn how to build web applications in Java with Spring Boot 3. You'll learn about Spring's fundamentals by creating a REST API that communicates with a database and is supported by a comprehensive suite of tests. By the end of this course you will have learned what you need to start building your own web applications with Spring Boot 3. ✏️ Course developed by @DanVega 💻 Code: https://github.com/danvega/fcc-spring-boot-3 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:00) Module 1: Course Introduction ⌨️ (0:19:25) Module 2: Create your project ⌨️ (0:49:44) Module 3: REST API ⌨️ (1:33:12) Module 4: Working with Databases ⌨️ (2:24:12) Module 5: Rest Clients ⌨️ (2:44:55) Module 6: Testing ⌨️ (3:27:50) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

From Stay-at-Home Mom to Developer at Age 36 [freeCodeCamp Podcast #115]

WomQr-jRO1c | 15 Mar 2024

From Stay-at-Home Mom to Developer at Age 36 [freeCodeCamp Podcast #115]

This week freeCodeCamp founder Quincy Larson interviews Phoebe Voong-Fadel about her childhood as the daughter of refugees, and how she self-studied coding and became a professional developer. Phoebe worked from age 12 at her parent's Chinese take-out restaurant. She was able to study history at the London School of Economics, before working in higher ed. She left her job to raise two kids due to the high cost of childcare in the UK, and spent years self-studying coding before becoming a software developer at age 36. I recorded this podcast live and I haven't edited it at all. I want to capture the feel of a real live conversation, with all the human quirks that entails. As with all my podcast episodes, I start by performing a classic bass line. Can you guess what song this bass line is from? It's from 1989. Phoebe has earned multiple certifications from freeCodeCamp, and also published a number of articles on our publication. How Phoebe went from stay-at-home mom to Front End Web Developer at age 36: https://www.freecodecamp.org/news/how-i-went-from-stay-at-home-mum-to-front-end-web-developer-39724046692a/ Phoebe's review of Harvard CS50: https://www.freecodecamp.org/news/cs50-course-review/ The BBC Take-away Kids documentary, which Phoebe said is what her childhood was like, working from age 12: https://www.bbc.com/news/av/stories-47007812 Phoebe's website, with her portfolio and links to her socials: https://www.thecodinghamster.com/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Localize Your Websites with Crowdin – Full Course

qTEag3J1ebY | 13 Mar 2024

Localize Your Websites with Crowdin – Full Course

Learn how to use Crowdin to streamline the translation processes for apps and websites, enabling you to effectively reach a diverse, international audience. ✏️ Course developed by @codingwithestefania Estefania on Twitter: https://twitter.com/EstefaniaCassN Access Crowdin: https://crowdin.com/ Crowdin provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:51) freeCodeCamp's Localization Effort ⌨️ (0:09:39) What is Localization? ⌨️ (0:11:31) Importance of Localization ⌨️ (0:12:11) Translation vs. Localization ⌨️ (0:14:01) Localized Resources ⌨️ (0:15:06) Frequently Used File Formats ⌨️ (0:19:48) Localization Terminology ⌨️ (0:49:50) Introduction to Crowdin ⌨️ (0:54:14) Important Terminology for Crowdin ⌨️ (0:59:33) Create a Crowdin Account ⌨️ (1:05:08) Log in and Log out ⌨️ (1:06:23) Create a Crowdin Enterprise Account ⌨️ (1:08:43) Activate the Free Plan ⌨️ (1:10:23) Customize your Profile ⌨️ (1:20:09) Create a Project ⌨️ (1:28:31) Project Overview ⌨️ (1:41:29) Project Settings ⌨️ (1:57:06) Delete a Project ⌨️ (1:58:19) Upload Files ⌨️ (2:07:54) Start Translating ⌨️ (2:10:35) Translation Editor ⌨️ (2:30:43) Translation Editor Modes ⌨️ (2:41:30) Go to Another File ⌨️ (2:43:25) Show and Approve Strings ⌨️ (2:44:39) Translate RTL Languages ⌨️ (2:46:12) Translation Editor Settings ⌨️ (2:49:47) Keyboard Shortcuts ⌨️ (2:50:56) Download the Translated Files ⌨️ (2:55:50) Translation Memory ⌨️ (3:04:30) Glossary ⌨️ (3:11:49) Quality Assurance (QA) Checks ⌨️ (3:17:07) Upload Existing Translations ⌨️ (3:20:49) Pre-Translation ⌨️ (3:25:41) Offline Translation ⌨️ (3:28:54) Invite Project Members ⌨️ (3:42:50) Project Managers ⌨️ (3:49:01) Tasks ⌨️ (4:04:24) Project Reports ⌨️ (4:11:10) Conversations ⌨️ (4:15:40) Integrations (Google Drive as an example) ⌨️ (4:28:35) More Integrations ⌨️ (4:33:27) Crowdin Enterprise for Organizations ⌨️ (5:07:13) Groups in Crowdin Enterprise ⌨️ (5:10:41) Projects in Crowdin Enterprise ⌨️ (5:43:06) Visual Studio Code Extension ⌨️ (6:04:32) Translate a React App ⌨️ (6:15:32) Introduction to react-i18next ⌨️ (6:41:26) Crowdin GitHub Integration ⌨️ (6:59:18) JS Proxy Translator Integration for Static Websites ⌨️ (7:20:54) Crowdin In-Context Localization for Web ⌨️ (7:37:03) Crowdin for Contributors ⌨️ (7:52:43) i18next and Crowdin documentation ⌨️ (8:01:02) 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Top 10 Javascript Algorithms to Prepare for Coding Interviews

ufBbWIyKY2E | 12 Mar 2024

Top 10 Javascript Algorithms to Prepare for Coding Interviews

Build a solid foundation and prepare you for Leetcode-style coding challenges. Learn the top 10 must-know Javascript algorithms interview questions to help you ace your coding interviews. This course will help you build a strong foundation in Javascript algorithms and tackle Leetcode problems with confidence. 💻 Code: https://github.com/codingmoney/javascript-coding-interview-questions ✏️ Course developed by @CodingMoney ⌨️ (0:00:00) Introduction ⌨️ (0:01:00) Reverse String & Integers ⌨️ (0:11:29) Palindrome ⌨️ (0:15:58) Max Char ⌨️ (0:33:43) Array Chunking ⌨️ (0:41:56) Title Case ⌨️ (0:49:31) Anagrams ⌨️ (1:07:54) Count Vowels ⌨️ (1:15:21) Fizz Buzz ⌨️ (1:20:02) Steps String Pattern ⌨️ (1:30:52) Pyramid String Pattern ⌨️ (1:39:24) Bonus - Spiral Matrix 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Back End Developer Roadmap 2024

tN6oJu2DqCM | 11 Mar 2024

Back End Developer Roadmap 2024

Learn what technologies you should learn first to become a back end web developer. Watch the full learning back end learning path: https://www.youtube.com/playlist?list=PLWKjhJtqVAbn21gs5UnLhCQ82f923WCgM ✏️ This video was developed by @beau

From Microsoft to Amazon to CTO – Quincy Interviews Meme Queen Cassidoo (Cassidy Williams)

T-dzgrlgmm0 | 08 Mar 2024

From Microsoft to Amazon to CTO – Quincy Interviews Meme Queen Cassidoo (Cassidy Williams)

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews developer-turned-CTO Cassidy Williams, also known as Cassidoo on Twitter and TikTok. She's worked in tech for over a decade as a developer at several tech companies, including Amazon, Microsoft, and Netlify. She has gradually progressed to senior developer and now CTO. Follow Cassidy on Twitter: https://twitter.com/cassidoo Cassidy's TikTok: https://www.tiktok.com/@cassidoo The National Center for Women and Information Technology: https://ncwit.org/ Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech.

Code a Virtual 3D Art Gallery – Three.js JavaScript Tutorial / Code-a-Long

imqiYWidUIA | 07 Mar 2024

Code a Virtual 3D Art Gallery – Three.js JavaScript Tutorial / Code-a-Long

Learn how to use Three.js to build an interactive 3D art gallery from scratch. The course covers essential concepts including scene creation, camera setup, renderer development, geometry, material and texture creation, meshing, animation, controls, and real-time UI configuration using a GUI debugger. 💻 Source Code: https://github.com/theringsofsaturn/3D-art-gallery Materials & Resources: The Office Ceiling material in 4K: https://ambientcg.com/view?id=OfficeCeiling005 The Wood Floor in 4K: https://ambientcg.com/view?id=WoodFloor040 The Walls in 4K: https://polyhaven.com/a/leather_white 3D Model Statue: https://sketchfab.com/3d-models/100kz11-aphrodite-kallipygos-statuette-c01ba617ec83491195146583b70e3df9 ✏️ Course developed by @the_rings_of_saturn Installation: *To run the project on your computer: - First, install Node on your computer if you don't have it. Link to download Node. - Then "download zip" or clone the project on my GitHub. - Open the terminal at the root level and run `npm install`. - Then run `npx vite` to run the project live. - Click and open the URL address you see in the terminal. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Task Manager Coding Project Tutorial – Next.js, React, Prisma, MongoDB

OHvfgaDl-yY | 05 Mar 2024

Task Manager Coding Project Tutorial – Next.js, React, Prisma, MongoDB

Learn how to code an awesome full stack Task Manager App using Next.js, React, Prisma, and MongoDB. Code: https://github.com/Maclinz/todoapp_fullstack Live Link: https://todoapp-fullstack-khaki.vercel.app/ ✏️ Course developed by @TheCodeDealer ⭐️ Contents ⭐️ (0:00:00) Introduction (0:03:48) The Code Dealer Website (0:06:34) Initial Setup and Sidebar (1:33:11) Prisma Setup and Task Creation (2:11:41) Getting and Displaying Tasks (3:04:41) Top Loading Bar, Task Delete and Task Create (3:27:07) User Profile and Important, Completed, Do It Now Pages (3:52:40) Task Creation Modal and Task Update (4:41:24) Mobile Screens and Some Other Features 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn C# – Full Course with Mini-Projects

YrtFtdTTfv0 | 04 Mar 2024

Learn C# – Full Course with Mini-Projects

This complete C# tutorial for beginners will take you from the basics of C# programming to advanced concepts. ✏️ Course developed by @CoffeeNCode Learn more from the course creator: https://www.udemy.com/course/csharp-complete-masterclass/?couponCode=FREECODECAMP ⭐️ Contents ⭐️ (0:00:00) Introduction (0:01:56) Installing Visual Studio 2022 (0:05:25) Creating your first project (0:07:48) Hello world (0:10:56) Numeric data types (0:18:08) Text based data types (0:20:32) Converting string to numbers (0:24:27) Boolean data type (0:25:36) Operators (0:31:36) Remainder (0:35:08) Var keyword (0:39:13) Const keyword (0:43:15) Exercise - Storing user data (0:45:05) Exercise - Odd/Even checker (0:46:59) Console Input/Output (0:55:32) If statements (1:09:13) Switch statements (1:14:29) For loops (1:22:28) While loops (1:32:53) Conditional operator (1:36:22) Numeric formatting (1:49:36) TryParse function (1:59:42) Exercise - Times table (2:03:10) Exercise - Fizz buzz game (2:08:24) Verbatim string literal (2:17:00) String formatting (2:22:36) String interpolation (2:25:59) String concatenation (2:30:41) Empty string (2:32:59) String Equals function (2:38:03) String iteration looping (2:47:56) String IsNullOrEmpty function (2:53:07) Exercise - Print string in reverse (3:01:44) Exercise - Password checker (3:11:02) Arrays (3:32:59) Array sorting (3:35:48) Array reversal (3:39:20) Array clearing (3:45:38) Array IndexOf (3:55:00) Lists (4:03:57) Dictionary (4:16:30) Exercise - Odd/Even number split (4:23:11) Exercise - Array of multiples (4:30:00) Functions (4:35:39) Void functions (4:41:32) Return type functions (4:59:48) Function parameters (5:12:24) Optional parameters (5:17:19) Named parameters (5:19:51) Out parameters (5:37:28) Reference parameters (5:46:12) Exercise - Area of a Triangle (5:50:14) Exercise - Sum of int Array (6:01:09) Exception handling (6:03:27) Try…catch (6:12:47) Printing error messages (6:17:31) Exercise - Custom TryParse (6:26:00) Debugging (6:37:55) Local/auto window (6:41:35) Watch window (6:46:40) Exercise - Fix logic error (6:50:14) Structures (7:06:56) Classes (7:15:56) Class functions (7:22:07) Class fields (7:37:27) Class variable/function scope (7:41:30) Class properties (8:01:09) Class ToString function override (8:16:44) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AI and the Future of Education with Seth Goldin – freeCodeCamp Podcast

Ixsr2RyZcv4 | 01 Mar 2024

AI and the Future of Education with Seth Goldin – freeCodeCamp Podcast

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson discusses the future of education with Seth Goldin. Seth is a founder and studies computer science at Yale. Seth's recommended article "ChatGPT is a Blurry JPEG of the Web": https://www.newyorker.com/tech/annals-of-technology/chatgpt-is-a-blurry-jpeg-of-the-web Seth's free "Google Like a Pro" course: https://www.freecodecamp.org/news/how-to-google-like-a-pro/ Seth's free "The Ethics of AI and ML" course: https://www.freecodecamp.org/news/the-ethics-of-ai-and-ml/ Follow Seth on Twitter: https://twitter.com/seth_goldin Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech.

Machine Learning in 2024 – Beginner's Course

bmmQA8A-yUA | 29 Feb 2024

Machine Learning in 2024 – Beginner's Course

This machine learning course is created for beginners who are learning in 2024. The course begins with a Machine Learning Roadmap for 2024, emphasizing career paths and beginner-friendly theory. Then it the course moves on to hands-on practical applications and a comprehensive end-to-end project using Python. ✏️ Course created by Tatev Karen Aslanyan. More from Tatev here: https://lunartech.ai/ Colab Code: https://colab.research.google.com/drive/16HdFVhvRq-DEmNU61Qp8YXMTA3CxUmg-?usp=sharing Contents ⌨️ (0:00:00) Introduction ⌨️ (0:03:13) Machine Learning Roadmap for 2024 ⌨️ (0:10:39) Must Have Skill Set for Career in Machine Learning ⌨️ (0:38:54) Machine Learning Common Career Paths ⌨️ (0:45:48) Machine Learning Basics ⌨️ (1:00:59) Bias-Variance Trade-Off ⌨️ (1:08:04) Overfitting and Regularization ⌨️ (1:23:38) Linear Regression Basics - Statistical Version ⌨️ (1:36:56) Linear Regression Model Theory ⌨️ (2:00:20) Logistic Regression Model Theory ⌨️ (2:15:37) Case Study with Linear Regression ⌨️ (2:33:44) Loading and Exploring Data ⌨️ (2:39:54) Defining Independent and Dependent Variables ⌨️ (2:45:59) Data Cleaning and Preprocessing ⌨️ (2:54:39) Descriptive Statistics and Data Visualization ⌨️ (3:03:39) InterQuantileRange for Outlier Detection ⌨️ (3:14:00) Correlation Analysis ⌨️ (3:32:14) Splitting Data into Train/Test with sklearn ⌨️ (3:34:31) Running Linear Regression - Causal Analysis ⌨️ (4:01:24) Checking OLS Assumptions of Linear Regression Model ⌨️ (4:10:10) Running Linear Regression for Predictive Analytics ⌨️ (4:15:54) Closing: Next Steps and Resources 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Serverless Node.js Tutorial – Neon Serverless Postgres, AWS Lambda, Next.js, Vercel

cxgAN7T3rq8 | 28 Feb 2024

Serverless Node.js Tutorial – Neon Serverless Postgres, AWS Lambda, Next.js, Vercel

Learn how to deploy an Express.js and Node.js app to AWS Lambda leveraging Neon Serverless Postgres (https://neon.tech/education) and the Serverless Framework. This course will also teach you how to deploy to Vercel. ✏️ Course developed by @CodingEntrepreneurs ⭐️ Code ⭐️ https://github.com/codingforentrepreneurs/serverless-nodejs-api https://github.com/codingforentrepreneurs/serverless-nodejs-api-nextjs 🏗️ Neon provided a grant to make this course possible. https://neon.tech/education ⭐️ Chapters ⭐️ ⌨️ (0:00:00) Welcome ⌨️ (0:02:32) What Serverless Means for App Development ⌨️ (0:08:32) Requirements & Tech Overview ⌨️ (0:12:28) Project Setup ⌨️ (0:19:22) Running Express Locally with the Serverless Framework ⌨️ (0:27:11) Using Dotenv to Load Sensitive Data in Each Stage ⌨️ (0:35:18) Explore Branching Databases with Neon Postgres ⌨️ (0:44:01) Manage Neon resources from your terminal with the Neon CLI ⌨️ (0:53:47) Integrete NodeJS to Neon Postgres ⌨️ (1:02:50) First Deploy to AWS Lambda via Serverless Framework ⌨️ (1:23:08) Securing our Deployment with AWS System Manager Parameter Store ⌨️ (1:43:52) Decouple and Upgrade AWS SSM Client ⌨️ (1:53:17) Your First Database Schema ⌨️ (2:02:39) Generate SQL Migration Files from Drizzle Kit ⌨️ (2:07:50) Custom CLI to Perform DB Migrations ⌨️ (2:19:33) Create & Retreive Database Data with Drizzle ⌨️ (2:39:34) Validating Request Data with Zod ⌨️ (2:51:11) Automating Branched Neon Database Secrets ⌨️ (3:09:00) Automated Deployments via Github Actions ⌨️ (3:32:07) Integrating with Rewrites in Nextjs and Vercel ⌨️ (3:48:58) Deploy Expressjs to Vercel ⌨️ (4:03:08) Thank you and 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Generative AI Full Course – Gemini Pro, OpenAI, Llama, Langchain, Pinecone, Vector Databases & More

mEsleV16qdo | 27 Feb 2024

Generative AI Full Course – Gemini Pro, OpenAI, Llama, Langchain, Pinecone, Vector Databases & More

Learn about generative models and different frameworks, investigating the production of text and visual material produced by artificial intelligence. This course was originally recorded live. Instructors: Krish Naik, Sunny Savita, and Boktiar Ahmed Bappy. For course details, visit: https://ineuron.ai/course/generative-ai-community-edition ⌨️ (00:00:00) DAY 1: Introduction to Generative AI Community Course ⌨️ (01:44:14) DAY 2: Introduction to OpenAI and understanding the OpenAI API ⌨️ (03:37:49) DAY 3: Introduction to LangChain ⌨️ (05:16:48) Day 4: Hugging Face API + Langchain ⌨️ (07:13:08) DAY 5: Memory in Langchain ⌨️ (09:07:53) DAY 6: LLM Generative AI Project using OpenAI & LangChain ⌨️ (11:03:29) DAY 7: LLM Generative AI Project & Deployment ⌨️ (13:09:02) DAY 8: Introduction to Vector Database for AI & LLM ⌨️ (14:52:41) DAY 9: Mastering Vector Databases with Pinecone ⌨️ (17:02:19) DAY 10: Mastering ChromaDB Vector Databases ⌨️ (19:04:25) DAY 11: Introducing Meta Llama 2 ⌨️ (20:54:33) DAY 12: End to End Medical Chatbot Project, Part 1 ⌨️ (22:36:05) DAY 13: End to End Medical Chatbot Project, Part 2 ⌨️ (24:22:10) Generative AI: Everything You need to know about Gemini Pro LLM Models ⌨️ (26:16:33) End to End Gen AI Project using Google Gemini Pro ⌨️ (28:24:14) Webinar - Generative AI Revolution: The Future 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Working at OpenAI with Logan Kilpatrick – freeCodeCamp Podcast

mCjRYS1Wr0Q | 23 Feb 2024

Working at OpenAI with Logan Kilpatrick – freeCodeCamp Podcast

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Logan Kilpatrick. Logan is a developer advocate with OpenAI. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech.

Google Gemini AI Course for Beginners

DJtX3S7qx2s | 22 Feb 2024

Google Gemini AI Course for Beginners

Learn how to use Google Gemini in this course for beginners. This course will tech you how to use Google's AI model and the Gemini API and how to build an AI chatbot using Gemini. ✏️ Course developed by @AniaKubow ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:29) What is Gemini? ⌨️ (0:04:07) What is AI? ⌨️ (0:05:50) Large Language Models (LLMs) ⌨️ (0:12:10) 00:08:34:21 Getting your API Key ⌨️ (0:14:15) Models ⌨️ (0:15:28) Initializing the Generative Model ⌨️ (0:21:40) Text-to-text ⌨️ (0:25:01) Text/Image-to-text ⌨️ (0:31:26) Text-to-chat ⌨️ (0:35:23) Text-to-embedding ⌨️ (0:38:51) Build an AI Code Buddy

Azure AI Fundamentals Certification 2024 (AI-900) - Full Course to PASS the Exam

hHjmr_YOqnU | 21 Feb 2024

Azure AI Fundamentals Certification 2024 (AI-900) - Full Course to PASS the Exam

Prepare for the Azure AI Fundamentals Certification (AI-900) and pass! This course has been updated for 2024. ✏️ Course developed by Andrew Brown of ExamPro. @ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ⭐️ Contents ⭐️ ☁️ Introduction 🎤 (00:00:00) Introduction to AI-900 🎤 (00:08:18) Exam Guide Breakdown ☁️ ML Introduction 🎤 (00:12:51) Layers of Machine Learning 🎤 (00:13:59) Key Elements of AI 🎤 (00:14:57) DataSets 🎤 (00:16:37) Labeling 🎤 (00:17:43) Supervised and Unsupervised Reinforcement 🎤 (00:19:09) Netural Networks and Deep Learning 🎤 (00:21:25) GPU 🎤 (00:22:21) CUDA 🎤 (00:23:29) Simple ML Pipeline 🎤 (00:25:39) Forecast vs Prediction 🎤 (00:26:24) Metrics 🎤 (00:27:58) Juypter Notebooks 🎤 (00:29:13) Regression 🎤 (00:30:50) Classification 🎤 (00:31:44) Clustering 🎤 (00:32:29) Confusion Matrix ☁️ Common AI Workloads 🎤 (00:34:06) Anomaly Detection AI 🎤 (00:34:59) Computer Vision AI 🎤 (00:37:05) Natural Language Processing AI 🎤 (00:38:42) Conversational AI ☁️ Responsible AI 🎤 (00:40:16) Responsible AI 🎤 (00:41:09) Fairness 🎤 (00:42:08) Reliability and safety 🎤 (00:43:00) Privacy and security 🎤 (00:43:45) Inclusiveness 🎤 (00:44:24) Transparency 🎤 (00:45:00) Accountability 🎤 (00:45:45) Guidelines for Human AI Interaction 🎤 (00:46:04) Follow Along Guidelines for Human AI Interaction ☁️ Congitive Services 🎤 (00:57:33) Azure Cognitive Services 🎤 (00:59:41) Congitive API Key and Endpoint 🎤 (01:00:08) Knowledge Mining 🎤 (01:04:42) Face Service 🎤 (01:06:30) Speech and Translate Service 🎤 (01:08:04) Text Analytics 🎤 (01:11:02) OCR Computer Vision 🎤 (01:12:22) Form Recognizer 🎤 (01:14:48) Form Recognizer Custom Models 🎤 (01:15:34) Form Recognizer Prebuilt Models 🎤 (01:17:33) LUIS 🎤 (01:19:58) QnA Maker 🎤 (01:24:19) Azure Bot Service ☁️ ML Studio 🎤 (01:26:45) Azure Machine Learning Service 🎤 (01:28:10) Studio Overview 🎤 (01:29:39) Studio Compute 🎤 (01:30:48) Studio Data Labeling 🎤 (01:31:45) Data Stores 🎤 (01:32:34) Datasets 🎤 (01:33:44) Experiments 🎤 (01:34:16) Pipelines 🎤 (01:35:23) ML Designer 🎤 (01:36:07) Model Registry 🎤 (01:36:34) Endpoints 🎤 (01:37:50) Notebooks ☁️ AutoML 🎤 (01:38:41) Introduction to AutoML 🎤 (01:41:15) Data Guard Rails 🎤 (01:42:01) Automatic Featurization 🎤 (01:43:53) Model Selection 🎤 (01:44:57) Explanation 🎤 (01:45:51) Primary Metrics 🎤 (01:47:43) Validation Type ☁️ Custom Vision 🎤 (01:48:14) Introduction to Custom Vision 🎤 (01:48:58) Project Types and Domains 🎤 (01:51:54) Custom Vision Features ☁️ Features of generative AI solutions 🎤 (01:54:32) AI vs Generative AI 🎤 (01:57:17) What is a LLM Large Language Model 🎤 (01:58:58) Transformer models 🎤 (02:00:14) Tokenization 🎤 (02:01:26) Embeddings 🎤 (02:02:46) Positional encoding 🎤 (02:04:27) Attention ☁️ Capabilities of Azure OpenAI Service 🎤 (02:08:01) Introduction to Azure OpenAI Service 🎤 (02:10:29) Azure OpenAI Studio 🎤 (02:11:44) Azure OpenAI service pricing 🎤 (02:13:14) What are Copilots 🎤 (02:15:43) Prompt engineering 🎤 (02:18:51) Grounding 🎤 (02:20:36) Copilot demo ☁️ Follow Alongs 🎤 (02:24:04) Setup 🎤 (02:35:02) Computer Vision 🎤 (02:38:44) Custom Vision Classification 🎤 (02:45:22) Custom Vision Object Detection 🎤 (02:51:18) Face Service 🎤 (02:54:30) Form Recognizer 🎤 (02:58:01) OCR 🎤 (03:02:54) Text Analysis 🎤 (03:06:37) QnAMaker 🎤 (03:25:11) LUIS 🎤 (03:30:56) AutoML 🎤 (03:48:13) Designer 🎤 (03:58:31) MNIST 🎤 (04:18:10) Data Labeling 🎤 (04:22:38) Clean up

Data Structures and Algorithms with Visualizations – Full Course (Java)

2ZLl8GAk1X4 | 20 Feb 2024

Data Structures and Algorithms with Visualizations – Full Course (Java)

Data Structures and Algorithms is an important aspect of every coding interview. This Algorithms and Data Structures course will teach you everything you need to prepare for placements, coding interviews, and logic building. The course walks you through multiple Java algorithms, data structure problems, and their solutions with step-by-step visualizations, so that you are actually learning instead of blindly memorizing solutions. 💻 Code: https://github.com/dinesh-varyani/ds-algos ✏️ Course developed by @itsdineshvaryani ⭐️ Contents ⭐️ 00:00:00 Introduction 00:03:46 Introduction to Data Structures 00:03:46 Introduction to Data Structures 00:08:49 Introduction to Algorithms 00:19:43 Time Complexity of an Algorithm 00:25:05 Space Complexity of an Algorithm 00:27:14 Asymptotic Analysis of an Algorithm 00:29:43 Asymptotic Notations 00:39:06 Analysis and Rules to calculate Big O notation 01:06:16 One-Dimensional Array 01:32:38 print elements of an Array 01:44:29 Remove Even Integers from an Array 02:03:54 Reverse an Array 02:16:09 find Minimum value in an Array 02:28:13 Find Second Maximum value in an Array 02:41:03 move Zeroes to end of an Array 03:01:46 resize an Array 03:19:58 Find the Missing Number in an Array 03:34:08 check if a given String is a Palindrome 03:52:52 Create a Singly Linked List 04:02:58 Print elements of a Singly Linked List 04:13:11 Find length of a Singly Linked List 04:22:52 Insert nodes in a Singly Linked List 05:16:40 Delete nodes of a Singly Linked List 06:12:06 search an element in a Singly Linked List 06:22:42 Reverse a Singly Linked List 06:33:27 find nth node from the end of a Singly Linked List 06:46:43 remove duplicate from sorted Singy Linked List 06:57:51 insert a node in a sorted Singly Linked List 07:09:37 remove a given key from Singly Linked List 07:20:10 detect a loop in a Singly Linked List 07:36:58 find start of a loop in a Singly Linked List? 07:57:54 Why Floyd's Cycle Detection algorithm works? 08:17:23 remove loop from a Singly Linked List? 08:37:36 Merge Two Sorted ListsQuestion 09:21:54 LeetCode #2: Add Two Numbers 09:41:53 represent a Doubly Linked List 09:46:06 implement Doubly Linked List 09:52:27 print elements of a Doubly Linked List 10:05:10 insert node at the beginning of a Doubly Linked List 10:15:25 Insert node at the end of a Doubly Linked List 10:25:50 delete first node in a Doubly Linked List 10:41:08 delete last node in a Doubly Linked List 10:55:49 represent a Circular Singly Linked List 11:03:46 implement a Circular Singly Linked List 11:11:20 traverse and print a Circular Singly Linked List 11:22:55 insert node at the start of a Circular Singly Linked List 11:37:48 insert node at the end of a Circular Singly Linked List 11:51:52 remove first node from a Circular Singly Linked List 12:10:37 Stacks 13:08:22 Next Greater Element 13:29:44 Valid Parentheses problem (Balanced Brackets) 13:46:11 represent a Queue 13:52:52 implement a Queue 14:31:59 Generate Binary numbers from 1 to n using a Queue 14:50:36 Binary Trees 20:27:59 Search in a row and column wise sorted matrix 20:49:30 Print a given matrix in Spiral form 21:23:55 Introduction to Priority Queue and Binary Heap 21:32:00 represent a Binary Heap 21:43:41 implement Max Heap 21:56:25 Bottom - Up Reheapify (Swim) in Max Heap 22:09:30 insert in a Max Heap 22:45:34 Top - Down Reheapify (Sink) in Max Heap 23:02:17 delete max element in a Max Heap 23:25:57 Linear Search 23:35:47 Binary Search 23:51:38 Search Insert Position in a Sorted Array 24:13:22 Bubble Sort 24:51:29 Insertion Sort 25:33:57 Selection Sort Algorithm 26:16:06 merge two sorted arrays 26:53:01 Merge Sort 28:33:26 Sort an array of 0’s, 1’s, and 2’s (Dutch National Flag Problem) 29:06:31 Quick Sort Algorithm 30:42:59 Squares of a Sorted Array 31:07:03 Rearrange Sorted Array in Max⧸Min form 31:38:01 Graphs 33:55:55 Number of Islands 34:43:56 Hashing and Hash Tables 37:33:21 Contains Duplicate 37:45:19 Introduction to Intervals and Overlapping Intervals 37:53:40 Merge Intervals 38:15:53 Insert Interval 38:40:02 Trie Data Structures 39:47:59 Dynamic Programming 41:26:02 Kadane's Algorithm for Maximum Sum Subarray 42:12:39 LeetCode: Two Sum 42:54:26 Is Valid Subsequence problem 43:22:23 First Non-Repeating Character in a String 43:48:45 Remove Vowels from a String 44:04:10 Reverse an Integer 44:23:13 Remove Element 44:40:54 Remove Duplicates from Sorted Array 44:58:57 Three Sum problem Animation 45:22:37 Product of an Array except self 45:45:01 Sliding Window Maximum 46:32:09 Maximum Sum Subarray of Size K 46:59:45 LeetCode: Longest Substring Without Repeating Characters 47:24:15 LeetCode: Symmetric Tree

How the Insane Pressure of Classical Music Prepared Jessica for Tech – freeCodeCamp.org Podcast

tM6OOJt0S2Y | 16 Feb 2024

How the Insane Pressure of Classical Music Prepared Jessica for Tech – freeCodeCamp.org Podcast

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Jessica Wilkins. Jessica is an entrepreneur, accomplished musician, and software developer. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Timestamps: - 0:00:00 Quincy's bass intro. If you can guess this 1970 classic bass line say so in the comments. - 0:01:00 Our discussion of Jessica's upbringing by a school teacher and single mom, and her journey into classical music - 1:07:00 Jessica Learns to code and builds a profitable sheet music e-commerce business - 1:35:00 Jessica's decision to go all in on software development - 1:44:00 Contract work and thoughts on what caused recent tech layoffs Links: One of Jessica's articles - 40 JavaScript Projects for Beginners – Easy Ideas to Get Started Coding JS: https://www.freecodecamp.org/news/javascript-projects-for-beginners/ The Black Excellence Music Project, Jessica's first React project: https://blackexcellencemusicproject.com/ Danny Thompson freeCodeCamp Podcast interview: https://freecodecamp.libsyn.com/site/were-back-danny-thompsons-journey-from-chicken-fryer-to-software-engineer Danny's LinkedIn course that Quincy mentions: https://www.linkedin.com/learning/linkedin-profiles-for-technical-professionals/main-visuals-on-your-profile 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

CRUD API Tutorial – Node, Express, MongoDB

_7UQPve99r4 | 14 Feb 2024

CRUD API Tutorial – Node, Express, MongoDB

This is a great beginners course to learn the basics of backend development by building a CRUD API with Node.js, Express, and MongoDB. Basically the MERN Stack without the R. Also, learn how to use Postman/ThunderClient and Insomnia for testing purposes. Code: https://github.com/haris-bit/simple-crud-app-backend ✏️ Course developed by @CodingCleverly ⭐️ Chapters ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:34) package.json ⌨️ (0:04:32) express framework ⌨️ (0:09:19) npm run server ⌨️ (0:11:19) API testing tools ⌨️ (0:15:04) git bash ⌨️ (0:17:19) nodemon ⌨️ (0:20:40) mongodb setup ⌨️ (0:31:24) product model ⌨️ (0:41:19) create api ⌨️ (0:48:19) read api all ⌨️ (0:50:19) read api id ⌨️ (0:56:19) update api ⌨️ (1:00:19) delete api ⌨️ (1:07:49) Form URL Encoded ⌨️ (1:12:19) routes ⌨️ (1:15:19) controllers ⌨️ (1:26:19) checking and testing ⌨️ (1:30:19) pushing to github 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn p5.js for Creative Coding – 5 Beginner Projects

o5t7PxRJSXk | 13 Feb 2024

Learn p5.js for Creative Coding – 5 Beginner Projects

Learn p5.js for Creative Coding by following along with 5 beginner project tutorials. p5.js is a Javascript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! Course developed by @pattvira ⭐️ Connect with Patt Vira ⭐️ Website: https://pattvira.com Twitter: /pattvira Instagram: /pattvira ⭐️ p5.js Resources ⭐️ p5.js: https://p5js.org p5.js Web Editor: https://editor.p5js.org/ ⭐️ Code ⭐️ Project 1: https://editor.p5js.org/pattvira/sketches/zF8f04Nep Project 2: https://editor.p5js.org/pattvira/sketches/avnut9q6D Project 3: https://editor.p5js.org/pattvira/sketches/r8ykXZaHd Project 4: https://editor.p5js.org/pattvira/sketches/R7Pw3YQad Project 5: https://editor.p5js.org/pattvira/sketches/q13O-lek4 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:00) Project 1: Interactive Display with Rotating Blocks ⌨️ (0:28:17) Project 2: Beautiful Trigonometry ⌨️ (0:43:48) Project 3: 3-Dimensional Kinetic Typography ⌨️ (1:10:13) Project 4: Hypnotic Flowers ⌨️ (1:29:06) Project 5: Mondrian-Inspired Generative Art 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn SvelteKit – Full Course for Beginners

vb7CgDcA_6U | 12 Feb 2024

Learn SvelteKit – Full Course for Beginners

Learn everything you need to know about SvelteKit & TailwindCSS by building a beginner friendly landing page (that also looks awesome!). 💻 Code: https://github.com/jamezmca/gym-app-landingpage ✏️ Course developed by @Smoljames 🔗 Resources 🔗 Init SvelteKit & TailwindCSS - https://tailwindcss.com/docs/guides/sveltekit Font Awesome CDN - https://cdnjs.com/libraries/font-awesome Font Awesome Icons - https://fontawesome.com/icons Google Fonts - https://fonts.google.com/ Netlify (Deployment) - https://netlify.com/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:33) Build web app w. SvelteKit & TailwindCSS ⌨️ (1:30:21) Deploy landing page Topics Covered - Learn SvelteKit & TailwindCSS - Web Development with SvelteKit & TailwindCSS - Build & deploy a modern landing page - Landing page with SvelteKit & TailwindCSS 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AI Engineering with Scrimba CEO Per Borgen – freeCodeCamp.org Podcast Interview

vDJq3QavcaQ | 09 Feb 2024

AI Engineering with Scrimba CEO Per Borgen – freeCodeCamp.org Podcast Interview

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Per Borgen. Per is the co-founder and CEO of Scrimba. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Links we talk about during the interview: Per's HTML + CSS course: https://www.freecodecamp.org/news/learn-html-and-css-from-the-ceo-of-scrimba/ Per's JavaScript course: https://www.freecodecamp.org/news/full-javascript-course-for-beginners/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

ASP.NET Core Tutorial – Full Auction App

nKovSmd5DWY | 08 Feb 2024

ASP.NET Core Tutorial – Full Auction App

Learn how to build a complete fullstack project in Asp.Net Core. ASP.NET Core is a high-performance, open-source framework for building modern, cloud-based, internet-connected applications, such as web apps, IoT apps, and mobile backends, using .NET. In this course, Alen Omeri will teach you how to build an auction web application. 💻 Source Code: https://github.com/codeafuture/Auctions ✏️ Code developed by @codeafuture ⭐️ Contents ⭐️ ⌨️ (0:00:00) Overview ⌨️ (0:01:17) Models & Database Setup ⌨️ (0:13:03) Index Page ⌨️ (0:27:42) Create Page & File Uploads ⌨️ (0:47:25) Details Page ⌨️ (1:18:06) CSS + Structure, Search Bar & Pagination ⌨️ (1:38:33) Adding bids & Closing the bidding ⌨️ (1:53:26) Adding Comments ⌨️ (2:00:54) My Listings ⌨️ (2:04:11) My Bids ⌨️ (2:10:21) Project Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Career Change to Code - The Complete Guide [Full Course for Aspiring Developers]

YdWkUdMxMvM | 07 Feb 2024

Career Change to Code - The Complete Guide [Full Course for Aspiring Developers]

This course is for those considering transitioning careers to become a software developer. This course is designed to prevent the common mistakes and missteps that discourage many beginners. It offers clarity, tools, and strategies to efficiently achieve your coding goals, whether that's securing a high-paying job, launching a tech startup, or just exploring the world of software development. ✏️ Course developed by Zubin Pratap, who went from 37 year old lawyer to Google Software Engineer at 39. https://linktr.ee/zubinpratap ⭐️ Contents ⭐️ Section 1 - Starting Right ⌨️ (0:00:00) Introduction ⌨️ (0:10:35) Course Goals ⌨️ (0:13:36) Getting the Most Out of This Course ⌨️ (0:19:48) The 5 Ws (And 1 H) ⌨️ (0:23:42) Start With Why What ⌨️ (0:30:58) The Who ⌨️ (0:39:46) When By ⌨️ (0:43:32) Where (Learning Formats) Section 2 - De-Mythify ⌨️ (0:54:04) Myths Intro Objectives ⌨️ (0:58:15) Myth 1: CS Equals Coding ⌨️ (1:04:03) Myth 2: Math ⌨️ (1:08:17) Myth 3: It's Too Hard for Me ⌨️ (1:11:32) Myth 4: It Will Be Quick ⌨️ (1:16:56) Myth 5: It's So Boring! ⌨️ (1:20:26) Myths Conclusion ⌨️ (1:22:49) Risk Factors Section 3 - Fundamental Decisions ⌨️ (1:51:29) Fundamental Decisions Intro Objectives ⌨️ (1:53:24) Which Language Frameworks ⌨️ (2:03:15) Choosing Tools ⌨️ (2:11:24) Choosing Skills Section 4 - Open Secrets ⌨️ (2:17:36) Open Secrets Intro and Objectives ⌨️ (2:19:34) Secret 1 Med ⌨️ (2:21:00) Mysterious Secret 2 ⌨️ (2:29:17) Secret 3 2 1 ⌨️ (2:36:02) Secret 4 Pace Yourself ⌨️ (2:41:14) Conclusion Section 5 - Setbacks (From Oh No to Let's Go) ⌨️ (2:42:05) Setbacks Intro Objectives ⌨️ (2:44:51) Confusion ⌨️ (2:49:19) Overwhelmed ⌨️ (2:56:08) Self Doubt ⌨️ (3:00:38) Slow Slow Progress ⌨️ (3:06:19) Getting Stuck ⌨️ (3:12:29) I'm Not Like Zuck ⌨️ (3:14:54) Mindsets Recap ⌨️ (3:20:44) That's a Wrap!

Spring Boot & Spring Data JPA – Complete Course

5rNk7m_zlAg | 06 Feb 2024

Spring Boot & Spring Data JPA – Complete Course

Learn how to use Spring Boot and Spring Data JPA in this full course for beginners. These are two pivotal technologies in modern Java development. Spring Boot simplifies the process of building stand-alone, production-grade Spring-based applications with minimal effort, while Spring Data JPA is a powerful tool for simplifying data access operations in Java applications, seamlessly integrating with databases. ✏️Course developed by @BoualiAli ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:34) Spring core ⌨️ (0:01:04) Spring boot ⌨️ (0:01:07) Spring boot in Action ⌨️ (0:01:28) Spring beans in action ⌨️ (1:11:13) Dependency Inject (DI) ⌨️ (1:28:56) Spring Special Beans ⌨️ (1:42:05) Spring profiles ⌨️ (1:57:11) Spring REST ⌨️ (2:16:31) Spring REST in Action ⌨️ (3:20:08) Spring Data JPA ⌨️ (4:48:18) DTO Pattern ⌨️ (5:22:43) Service Layer ⌨️ (5:55:07) Spring Data Validation ⌨️ (6:22:55) Testing Overview ⌨️ (6:29:08) Spring test in Action ⌨️ (7:02:51) Test Isolation with Mockito ⌨️ (7:33:44) Spring Boot Outro ⌨️ (7:34:31) Spring Data JPA 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build 25 React Projects – Tutorial

5ZdHfJVAY-s | 05 Feb 2024

Build 25 React Projects – Tutorial

Master React by building 25 different projects. If you follow along, you'll be ready to interview for a job as a React developer. ✏️ Created by @sangammukherjee3009 Code: 🔗 20 React JS Simple Projects Link : https://github.com/sangammukherjee/25-reactjs-interview-projects 🔗 Weather App : https://github.com/sangammukherjee/weather-app-25-reactjs-interview-projects 🔗 Food Recipe App : https://github.com/sangammukherjee/food-recipe-25-reactjs-interview-projects 🔗 Shopping cart App : https://github.com/sangammukherjee/food-recipe-25-reactjs-interview-projects 🔗 Expense Tracker App : https://github.com/sangammukherjee/expense-tracker-25-reactjs-interview-projects 🔗 Mern stack Notes App : https://github.com/sangammukherjee/mern-stack-blog-app-25-reactjs-interview-projects ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:08:02) Accordion ⌨️ (0:31:22) Random Color Generator ⌨️ (0:45:22) Star Rating ⌨️ (0:57:22) Image Slider ⌨️ (1:21:10) Load More Button ⌨️ (1:38:30) Tree View / Menu UI / Recursive Navigation Menu ⌨️ (2:01:52) QR Code Generator ⌨️ (2:09:12) Light and Dark Mode / Theme Switch / Dark Theme ⌨️ (2:26:11) Scroll Indicator ⌨️ (2:43:30) Tabs ⌨️ (2:57:02) Modal Popup ⌨️ (3:13:17) Github Profile Finder ⌨️ (3:36:18) Search Autocomplete with API implementation ⌨️ (3:53:42) Tic Tac Toe ⌨️ (4:16:45) Feature Flag Implementation ⌨️ (4:35:22) useFetch Custom Hook ⌨️ (4:47:15) useOnclickOutside Custom Hook ⌨️ (4:56:42) useWindowResize / useResponsive Custom Hook ⌨️ (5:02:37) Scroll to Top and Bottom ⌨️ (5:11:27) Scroll to Particular Section ⌨️ (5:19:12) Weather App ⌨️ (5:48:24) Food Recipe App ⌨️ (6:45:12) Shopping Cart App ⌨️ (7:37:25) Expense Tracker App ⌨️ (8:29:52) Mern Stack Blog App 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Oh My Zsh Creator Robby Russell – freeCodeCamp.org Podcast Interview

OwjKN9_NqPI | 02 Feb 2024

Oh My Zsh Creator Robby Russell – freeCodeCamp.org Podcast Interview

In this week's episode of the podcast, freeCodeCamp founder Quincy Larson interviews Robby Russell. Robby created the open-source project Oh My Zsh. Oh My Zsh is a framework for managing your Zsh configuration for your command line terminal. It's been extremely popular among developers for more than a decade. Robby is also the CEO of Planet Argon, a developer consultancy he created two decades ago. He's done work for Nike and lots of other companies. Be sure to follow The freeCodeCamp podcast in your favorite podcast app. And share this podcast with a friend. Let's inspire more folks to learn to code and build careers for themselves in tech. Links we talk about during the interview: Robby reading his classic "d'Oh My Zshell" article recording on an older freeCodeCamp podcast episode: https://freecodecamp.libsyn.com/site/ep-34-doh-my-zsh The Sandy Mets interview episode of Maintainable that Robby mentions: https://maintainable.fm/episodes/sandi-metz-making-is-easy-mending-is-a-challenge The Mighty Missoula (Robby's Post Rock band) live set: https://www.youtube.com/watch?v=63DE2tNlAWY

Learn Accessibility - Full a11y Tutorial

e2nkq3h1P68 | 01 Feb 2024

Learn Accessibility - Full a11y Tutorial

Learn how to write accessible HTML by solving coding challenges. Click here to get to the challenges: https://scrimba.com/links/accessibility This course is all about making the web a better place for everyone. You'll dive into what it truly means to build accessible websites and why it's so important. Instructor and web developer Fredrik Ridderfalk will teach you the fundamentals of accessible development, like understanding contrast ratios, exploring the accessibility tree, getting familiar with WCAG levels, and much more. All while challenging you to get your hands on the keyboard so that you build up a11y muscle memory. If you have any feedback to Fredrik, please reach out to him on X here: https://twitter.com/Ridderfalk Follow Scrimba on YouTube for more tutorials: https://www.youtube.com/c/Scrimba ⭐️ Code ⭐️ Download the code via Scrimba: https://scrimba.com/links/learn-to-code-with-ai ⭐️ Contents ⭐️ ⌨️ (0:00:00) Accessible Development Intro ⌨️ (0:01:32) Understanding web accessibility ⌨️ (0:06:09) Aside - Text contrast ⌨️ (0:10:02) Aside - Use of color ⌨️ (0:11:23) Text contrast ⌨️ (0:17:56) Aside - Alternative Text ⌨️ (0:25:13) Aside - Links ⌨️ (0:32:36) Links and alternative text ⌨️ (0:37:46) Aside - Labels ⌨️ (0:44:02) Aside - Radio Buttons ⌨️ (0:45:54) Labels ⌨️ (0:49:07) Semantic HTML ⌨️ (0:54:55) Lists ⌨️ (0:59:41) Text-size ⌨️ (1:03:06) Headings ⌨️ (1:06:01) ARIA ⌨️ (1:11:07) ARIA live regions ⌨️ (1:16:58) Aside - Skip Navigation Link Part 1 ⌨️ (1:20:33) Aside - Skip Navigation Link Part 2 ⌨️ (1:22:36) Skip Navigation Link ⌨️ (1:24:23) Final challenge part 1 ⌨️ (1:27:27) Final challenge part 2 ⌨️ (1:31:43) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

GitHub Foundations Certification Course – Pass the exam in 10 hours!

Jdc0i7RcBv8 | 31 Jan 2024

GitHub Foundations Certification Course – Pass the exam in 10 hours!

Learn about GitHub and pass the GitHub Foundations exam! Learn the core concepts of collaborating, contributing, and working on GitHub. https://www.exampro.co/github-foundations ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro Certification Training: https://www.exampro.co ⭐️ Course Contents ⭐️ ☁️ (00:00:00) Introduction Introduction to GitHub Exam Guide Breakdown GitHub Stars ☁️ (00:18:52) GitHub Basics Version Control Systems Git Version Control Services GitHub Setup UFA with Auth and GitHub Mobile Create GitHub Account Multiple GitHub Accounts Setup GitHub Organization Creating and Uploading an Avatar GitHub Octocat Git vs GitHub GitHub Repo GitHub Repo Tour Git Quick and Dirty Crash Course Git Commit Git Branch Git Remote GitHub Flow ☁️ (02:55:04) GitHub Development GitHub CLI GitHub CLI Follow Along SSH Keys SSH Keys Follow Along Deploy Keys Personal Account Access Tokens Personal Access Tokens GitHub APIs GitHub APIs Follow Along Github SDKs Github SDKs Follow Along ☁️ (04:16:22) GitHub Desktop and Mobile GitHub Desktop GitHub Desktop Follow Along GitHub Desktop vs Github GitHub Mobile ☁️ (04:26:05) GitHub Entities Types of GitHub Accounts GitHub Free vs GitHub Pro GitHub Organizations Plans GitHub Enterprises Deployment Options ☁️ (04:34:55) Markdown Markdown Markdown Basic Syntax Markdown Extended Syntax Text Formatting Toolbar Slash Commands GitHub Flavoured Markdown Markdown on GitHub Uploading Files ☁️ (05:08:31) GitHub User Profile GitHub User Profile GitHub User Profile Follow Along ☁️ (05:15:04) Understanding GitHub Repos README Files Basic Repo Navigation Create a GitHub Repo Create a Github Repo Follow Along Maintaining a repo Maintaining a repo Follow Along Repo Templates Repo Templates Follow Along Cloning a Repo Adding files to a repo Creating branches Creating branches Follow Along Starring Repos Starring Repos Follow Along Watching repos Watching repos Follow Along Feature previews Tags GitHub Tags Follow Along GitHub Releases Github Packages Repo Insights ☁️ (06:25:11) GitHub Issues Creating Issues Issues vs Discussions vs Pull Requests Issuing numbering and linking Create a branch from an issue Create branch from issue again Search and filter issues Search and filter issues Follow Along Issue Templates Issue Forms Issue Templates and Issues Forms Pinning Issues ☁️ (07:02:49) GitHub Pull Requests Pull Requests Creating Pull Requests Base and Compare Draft Pull Requests Draft Pull Requests Follow Along Linked Activity within a pull request Pull Requests Statuses Commenting in pull requests Codeowners file Pull Request Options Required Reviewers Reviewing Pull Requests Merge options Pull Requests Pull Request Templates ☁️ (07:34:07) GitHub Discussions GitHub Discussions Discussion Options Marking Answers in a Discussion Pinning Discussions Convert Discussion to an Issue GitHub Discussions Follow Along ☁️ (07:39:57) Notifications Notification Configuration Options Notification Filters Options Mentions in Threads Notifcations Inbox Notifications Inbox Follow Along Notification Watching Notification Subscriptions Notification other views and options ☁️ (07:48:31) Gists Gists Fork and Clone Gists Gists ☁️ (07:53:46) GitHub Wiki GitHub Wiki GitHub Wiki Follow Along ☁️ (07:57:00) GitHub Pages GitHub Pages GitHub Pages Follow Along ☁️ (08:00:33) GitHub Actions GitHub Actions GitHub Actions Follow Along ☁️ (08:18:03) GitHub Copilot Copilot Copilot Individuals vs Copilot Business Setting up Copilot Github Copilot ☁️ (08:37:43) GitHub Codespaces GitHub Codespaces Create a Codespace GitHub Codespaces Lifecycle Renaming Codespaces Renaming Codespaces Follow Along VS Code Configurations Retention Period and Timeout Configuration Codespaces Sync Settings Installing Dotfiles Deep Links Codespaces Secrets Codespaces Secrets Follow Along devcontainer json Changing Shells ☁️ (08:58:26) GitHub.dev Github dev Codespaces vs Github dev ☁️ (09:00:07) Open Source Open Source GitHub Sponsors GitHub and Open Source GitHub and Open Source Follow Along InnerSource InnerSource vs OpenSource Forking Discoverable repos Github Repo Search and Topics ☁️ (09:14:58) Labels and Milestones GitHub Labels GitHub Milestones Labels Milestones ☁️ (09:19:31) GitHub Projects GitHub Projects Projects vs Projects Classic Project Workflows Project Insights GitHub Projects Managing Saved Replies Assigning Issues and Pull Requests ☁️ (09:28:57) Authentication and Security Securing your account with 2FA Access Permissions Personal Accounts EMUs Security Scanners Organization Roles ☁️ (09:37:46) GitHub Administrator Managing Features Repo permissions levels Branch Protection Rules Security Tab features and options Managing Collaborators Organization Teams Tab ☁️ (09:42:42) GitHub Enterprise GitHub Connect GitHub Internal Repos GitHub Advanced Security SAML and SCIM ☁️ (09:48:10) Book Your Exam

Deep Learning Interview Prep Course

BAregq0sdyY | 30 Jan 2024

Deep Learning Interview Prep Course

Prepare for a job interview about deep learning. This course covers 50 common interview questions related to deep learning and gives detailed explanations. ✏️ Course created by Tatev Karen Aslanyan. ✏️ Expanded course with 100 questions: https://courses.lunartech.ai/courses/deep-learning-interview-preparation-course-100-q-a-s ⭐️ Contents ⭐️ ⌨️ 0:00:00 Introduction ⌨️ 0:08:20 Question 1: What is Deep Learning? ⌨️ 0:11:45 Question 2: How does Deep Learning differ from traditional Machine Learning? ⌨️ 0:15:25 Question 3: What is a Neural Network? ⌨️ 0:21:40 Question 4: Explain the concept of a neuron in Deep Learning ⌨️ 0:24:35 Question 5: Explain architecture of Neural Networks in simple way ⌨️ 0:31:45 Question 6: What is an activation function in a Neural Network? ⌨️ 0:35:00 Question 7: Name few popular activation functions and describe them ⌨️ 0:47:40 Question 8: What happens if you do not use any activation functions in a neural network? ⌨️ 0:48:20 Question 9: Describe how training of basic Neural Networks works ⌨️ 0:53:45 Question 10: What is Gradient Descent? ⌨️ 1:03:50 Question 11: What is the function of an optimizer in Deep Learning? ⌨️ 1:09:25 Question 12: What is backpropagation, and why is it important in Deep Learning? ⌨️ 1:17:25 Question 13: How is backpropagation different from gradient descent? ⌨️ 1:19:55 Question 14: Describe what Vanishing Gradient Problem is and it’s impact on NN ⌨️ 1:25:55 Question 15: Describe what Exploding Gradients Problem is and it’s impact on NN ⌨️ 1:33:55 Question 16: There is a neuron in the hidden layer that always results in an error. What could be the reason? ⌨️ 1:37:50 Question 17: What do you understand by a computational graph? ⌨️ 1:43:28 Question 18: What is Loss Function and what are various Loss functions used in Deep Learning? ⌨️ 1:47:15 Question 19: What is Cross Entropy loss function and how is it called in industry? ⌨️ 1:50:18 Question 20: Why is Cross-entropy preferred as the cost function for multi-class classification problems? ⌨️ 1:53:10 Question 21: What is SGD and why it’s used in training Neural Networks? ⌨️ 1:58:24 Question 22: Why does stochastic gradient descent oscillate towards local minima? ⌨️ 2:03:38 Question 23: How is GD different from SGD? ⌨️ 2:08:19 Question 24: How can optimization methods like gradient descent be improved? What is the role of the momentum term? ⌨️ 2:14:22 Question 25: Compare batch gradient descent, minibatch gradient descent, and stochastic gradient descent. ⌨️ 2:19:12 Question 26: How to decide batch size in deep learning (considering both too small and too large sizes)? ⌨️ 2:26:01 Question 27: Batch Size vs Model Performance: How does the batch size impact the performance of a deep learning model? ⌨️ 2:29:33 Question 28: What is Hessian, and how can it be used for faster training? What are its disadvantages? ⌨️ 2:34:12 Question 29: What is RMSProp and how does it work? ⌨️ 2:38:43 Question 30: Discuss the concept of an adaptive learning rate. Describe adaptive learning methods ⌨️ 2:43:34 Question 31: What is Adam and why is it used most of the time in NNs? ⌨️ 2:49:59 Question 32: What is AdamW and why it’s preferred over Adam? ⌨️ 2:54:50 Question 33: What is Batch Normalization and why it’s used in NN? ⌨️ 3:03:19 Question 34: What is Layer Normalization, and why it’s used in NN? ⌨️ 3:06:20 Question 35: What are Residual Connections and their function in NN? ⌨️ 3:15:05 Question 36: What is Gradient clipping and their impact on NN? ⌨️ 3:18:09 Question 37: What is Xavier Initialization and why it’s used in NN? ⌨️ 3:22:13 Question 38: What are different ways to solve Vanishing gradients? ⌨️ 3:25:25 Question 39: What are ways to solve Exploding Gradients? ⌨️ 3:26:42 Question 40: What happens if the Neural Network is suffering from Overfitting relate to large weights? ⌨️ 3:29:18 Question 41: What is Dropout and how does it work? ⌨️ 3:33:59 Question 42: How does Dropout prevent overfitting in NN? ⌨️ 3:35:06 Question 43: Is Dropout like Random Forest? ⌨️ 3:39:21 Question 44: What is the impact of Drop Out on the training vs testing? ⌨️ 3:41:20 Question 45: What are L2/L1 Regularizations and how do they prevent overfitting in NN? ⌨️ 3:44:39 Question 46: What is the difference between L1 and L2 regularisations in NN? ⌨️ 3:48:43 Question 47: How do L1 vs L2 Regularization impact the Weights in a NN? ⌨️ 3:51:56 Question 48: What is the curse of dimensionality in ML or AI? ⌨️ 3:53:04 Question 49: How deep learning models tackle the curse of dimensionality? ⌨️ 3:56:47 Question 50: What are Generative Models, give examples?

Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

KkC_wYM_Co4 | 29 Jan 2024

Beginner Web Dev Project Tutorial – Weather App with Next.js, Tailwind CSS, and TypeScript

Learn to build a Weather App using Next.js, Tailwind CSS, and TypeScript in this hands-on tutorial! Create a responsive, dynamic app from scratch with React components. ✏️ Course from @reactwithutkarsh Live Demo: https://weather-app-nextjs-seven-rho.vercel.app/ Code Repo: https://github.com/whoisseth/weather-app-nextjs ⭐️ Chapters ⭐️ ⌨️ (0:00:13) Introduction ⌨️ (0:03:45) Navbar Component ⌨️ (0:27:41) API and Data Types Configurations ⌨️ (0:38:59) Current Day Section Components ⌨️ (1:12:45) Additional Details Component ⌨️ (1:30:53) 7 Days Forecast Data Section ⌨️ (1:41:53) Search and Current Location Logic 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Beau Carnes: Running the Largest Tutorial Channel – freeCodeCamp.org Podcast

DNPF0oPcMDs | 26 Jan 2024

Beau Carnes: Running the Largest Tutorial Channel – freeCodeCamp.org Podcast

The freeCodeCamp podcast is now a video podcast! In this episode, freeCodeCamp founder Quincy Larson interviews Beau Carnes. Beau runs the freeCodeCamp.org YouTube channel. Links: Beau's YouTube course style guide: https://www.freecodecamp.org/news/how-to-create-a-great-technical-course/ How I got a second degree and earned 5 developer certifications in just one year, while working and raising two kids https://www.freecodecamp.org/news/how-i-got-a-second-degree-and-earned-5-developer-certifications-in-just-one-year-while-working-and-2b902ee291ab/ Beau's Robot Family YouTube channel: https://youtube.com/robotfamily 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

LangChain GEN AI Tutorial – 6 End-to-End Projects using OpenAI, Google Gemini Pro, LLAMA2

x0AnCE9SE4A | 25 Jan 2024

LangChain GEN AI Tutorial – 6 End-to-End Projects using OpenAI, Google Gemini Pro, LLAMA2

Learn how to us LangChain with GPT-4, Google Gemini Pro, and LLAMA2 by creating six end-to-end projects. The goal of LangChain is to link powerful LLMs, such as OpenAI's GPT-3.5 and GPT-4, to an array of external data sources to create and reap the benefits of natural language processing (NLP) applications. 💻 Github: https://github.com/krishnaik06/Complete-Langchain-Tutorials ✏️ Course developed by @krishnaik06 ⭐️ Contents ⭐️ ⌨️ (0:00:21) Introduction What We will Learn ⌨️ (0:01:36) Langchain Crash Course ⌨️ (1:18:26) Chat With PDF Using Langchain And Astradb ⌨️ (1:41:21) Blog Generation Using LLAMA 2 LLM Models ⌨️ (2:16:21) End To End LLm Projects Using Pinecone VectorDB ⌨️ (2:52:02) Google Gemini Pro Demo ⌨️ (3:20:11) Multi Language Invoice Extractor LLm Project ⌨️ (3:46:02) Conversational Q&A Chatbot Using Gemini Pro API 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Passkey Authentication with Express.js and Docker – Web Authentication API Tutorial

lzelnAI914A | 24 Jan 2024

Passkey Authentication with Express.js and Docker – Web Authentication API Tutorial

Learn about the Web Authentication API by building an app that implements passkey authentication. At the end of the tutorial, we will have a little Express.js app connected to a Postgres database, through Sequelize, in Docker container. 📎 Text tutorial: https://divrhino.com/articles/passkeys-express 💻 Code: https://github.com/divrhino/divrhino-passkeys-express ✏️ Course developed by @DivRhino ⭐️ Chapters ⭐️ ⌨️ (00:21) Introduction ⌨️ (00:37) Prerequisites ⌨️ (01:10) Expected end result ⌨️ (01:25) Getting started ⌨️ (05:18) Configure Sequelize ⌨️ (06:54) Set up Postgres ⌨️ (10:40) Routes and controllers ⌨️ (12:16) Frontend views ⌨️ (16:58) Public key credentials ⌨️ (18:27) Configure Passport.js ⌨️ (25:38) Sessions ⌨️ (28:03) Passkeys overview ⌨️ (29:11) Phase 1: attestation/registration ⌨️ (39:11) Logout ⌨️ (39:56) Phase 2: assertion/login ⌨️ (46:46) Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Event Driven Architecture on AWS – Course for Beginners

Zr6fnhvJKlw | 23 Jan 2024

Event Driven Architecture on AWS – Course for Beginners

Dive into the dynamic world of Event Driven Architecture (EDA) with this comprehensive course! Join @iammattmartz Matt Morgan as they unravel the secrets of transforming traditional apps into cutting-edge, event-driven powerhouses. Companion Blog Post: https://martz.codes/e/deep ✏️ Matt Martz (martzcodes) 🔗 https://matt.martz.codes 🔗 CDK Crash Course - https://youtu.be/T-H4nJQyMig 🔗 Event Driven Documentation: https://matt.martz.codes/series/edd 🔗 Inferring Architecture and Asynchronous Workflows using EventBridge Events - https://matt.martz.codes/inferring-architecture-and-asynchronous-workflows-using-eventbridge-events ✏️ Matt Morgan 🔗 https://mattmorgan.cloud 🌟 Chapters: ⌨️ (0:00:00) Intro ⌨️ (0:05:51) EDA Basics ⌨️ (0:35:30) Demoing EDA with AWS CDK ⌨️ (1:08:01) Advanced Practices with EDA ⌨️ (1:30:16) Bloopers ⭐️ Resources ⭐️ ▶ ServerlessLand.com ▶ Eric Johnson 🔗 AWS re:Invent 2023 - Building next-generation applications with event-driven architecture (API302) - https://youtu.be/KXR17uwLEC8?si=jCO7ylloaDNtR3Ua ▶ David Boyne 🔗 https://www.boyney.io/ 🔗 AWS re:Invent 2023 - Navigating the journey to serverless event-driven architecture (API303) - https://www.youtube.com/watch?v=hvGuqHp051c 🔗 https://eventcatalog.dev ▶ Yan Cui (AWS Serverless Hero) 🔗 Orchestration vs Choreography: https://medium.com/theburningmonk-com/choreography-vs-orchestration-in-the-land-of-serverless-8aaf26690889 What is a MacGuffin? https://en.wikipedia.org/wiki/MacGuffin 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

OpenAI Assistants API – Course for Beginners

qHPonmSX4Ms | 22 Jan 2024

OpenAI Assistants API – Course for Beginners

Learn how to use the OpenAI's Assistants API to build powerful AI assistants. In this course, we'll explore how to leverage the Assistants API by OpenAI to create dynamic, intelligent web apps using Streamlit. What we'll cover: 1️⃣ Function Calling with the API: Learn to seamlessly integrate the Assistants API into your applications, enabling advanced AI functionalities right at your fingertips. 2️⃣ Knowledge Retrieval: Discover how to use the API to extract information, answer questions, and make your applications smarter and more responsive. 3️⃣ Code Interpreter Capabilities: Dive into the API's ability to interpret and generate code, a game-changer for automating tasks and enhancing your app's capabilities. 4️⃣ LLM Fundamentals: Gain a solid understanding of Large Language Models (LLMs) and how they form the backbone of OpenAI's Assistants API. This module demystifies the technology and provides a foundation for advanced application development. The course features a series of hands-on projects and real-world examples to apply what you've learned. By the end of our session, you'll have the skills and confidence to build your own intelligent web apps using Streamlit and OpenAI's Assistants API. ⭐️ Code ⭐️ Personal trainer: https://github.com/pdichone/vincibits-personal-trainer-assistant Personal trainer: https://github.com/pdichone/vincibits-personal-trainer-assistant Study-Buddy: https://github.com/pdichone/vincibits-study-buddy-knwoledge-retrieval ✏️ Created by @vincibits Twitter (X): @buildappswithme ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:02) What’s This Course About - What Will You Learn? ⌨️ (0:01:33) Pre-requisites ⌨️ (0:02:44) Python and Dev tools Set up ⌨️ (0:04:22) VS Code Installation ⌨️ (0:05:31) OpenAI Account - Generate an API Key ⌨️ (0:07:53) What is the Assistants API & Benefits - Comparison Between the Chat Completion API and the Assistants API ⌨️ (0:18:16) Assistants API Building Blocks ⌨️ (0:24:04) Creating an Assistants API - Manually (Personal Trainer) ⌨️ (0:38:20) Creating an Assistants API - In Code (Personal Trainer) ⌨️ (1:04:15) Build a News Summarizer Introduction: Function Calling - A Streamlit Application ⌨️ (1:25:39) Create an AssistantsManager Class For our News Summarizer ⌨️ (2:10:46) Using the AssistantManager Class to Create an Assistant and run it as a Streamlit App ⌨️ (2:28:23) Knowledge Bases Retrieval Tools - How it Works & Introduction to Embeddings ⌨️ (2:35:25) Build a Study Buddy Streamlit Application ⌨️ (3:22:24) Run the Study Buddy Streamlit Application and Test ⌨️ (3:29:27) Wrap up and Final Considerations. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python Data Analysis and Visualization Course – Astronomical Data

H9KefzbryEw | 19 Jan 2024

Python Data Analysis and Visualization Course – Astronomical Data

Learn data analysis, data visualizations, and image processing techniques using real-world astronomical data. The course offers a practical, hands-on approach to simplifying complex concepts in data analysis, making it great for beginners. Code: https://drive.google.com/drive/folders/1KufkfHYGUyQmqexkKjgGJZgWgeh69ENf?usp=sharing ✏️ Course developed by @Spartificial Spartificial Website: https://spartificial.com/ ⭐️ Contents ⭐️ ⌨️ (0:00:34) Introduction to Course ⌨️ (0:03:54) Introduction to Google Colab ⌨️ (0:09:13) Python Comments ⌨️ (0:14:39) Variables and Constants ⌨️ (0:21:26) Basic Data Types ⌨️ (0:33:06) f-string ⌨️ (0:42:14) User inputs ⌨️ (0:47:43) Data Type Conversions ⌨️ (0:59:34) Control Flow ⌨️ (1:19:34) Functions ⌨️ (1:46:05) Intro to Tabular Dataset ⌨️ (1:48:14) Importing the libraries for tabular dataset ⌨️ (1:51:44) Exploring the tabular dataset ⌨️ (2:08:55) Creating First Visualization with barplot matplotlib ⌨️ (2:12:48) Adding customization to barplot ⌨️ (2:31:26) Creating bargraph using Seaborn ⌨️ (2:39:54) Visusalizing outliers using boxplot ⌨️ (2:46:13) Introducing subplots using matplotlib ⌨️ (2:53:57) Line plots ⌨️ (3:05:04) Pair plot and scatter plot ⌨️ (3:16:25) Creating HR Diagram ⌨️ (3:49:18) Downloading visualizations ⌨️ (3:54:44) Understanding Images, pixels, grayscale and colors ⌨️ (4:07:44) What are FITS file? ⌨️ (4:11:24) Installing Astroquery ⌨️ (4:13:44) SkyView Form - Virtual Telescope ⌨️ (4:19:12) Visualize Andromeda galaxy ⌨️ (4:41:14) Creating FITS file and testing ⌨️ (4:52:19) Pixel Distribution ⌨️ (5:01:39) MinMax Pixel Scaling ⌨️ (5:12:30) Standard Scaling, Log Normalization, Square root normalization ⌨️ (5:22:34) ZScaleInterval ⌨️ (5:43:39) Convolution Operation - Why? Why? and Demonstration ⌨️ (5:50:13) Gaussian Denoising ⌨️ (6:02:21) Enhancing features with Meijering and Sato filter ⌨️ (6:11:12) Corner Foerstner - What and How to use it in Python ⌨️ (6:19:21) Multiscale Basic Features using skimage ⌨️ (6:30:02) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Get a Developer Job – Even in This Economy [Full Course]

6nz8GXjxiHg | 18 Jan 2024

How to Get a Developer Job – Even in This Economy [Full Course]

This course will help you find a programming job and is specifically designed for self-taught developers. The course covers covers everything from job search strategy, resumes, networking, interviewing, and a lot more. Let's lets start learning. Follow along interactively on Boot.dev: https://www.boot.dev/learn/learn-job-search Read freeCodeCamp founder Quincy Larson's free book "How to Learn to Code and Get a Developer Job": https://www.freecodecamp.org/news/learn-to-code-book/ Learn back-end on Boot.dev: https://boot.dev Follow Lane on Twitter: https://twitter.com/wagslane Lane’s YouTube: https://youtube.com/@bootdotdev Backend Banter Podcast: https://www.youtube.com/@backendbanterfm ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:18) Ch 1. Job Search Strategy ⌨️ (0:21:52) Ch 2. Portfolio Projects ⌨️ (0:53:33) Ch 3. Github Profile ⌨️ (1:06:45) Ch 4. Linkedin ⌨️ (1:20:52) Ch 5. Resume ⌨️ (1:47:52) Ch 6. Applying ⌨️ (2:03:15) Ch 7. Networking ⌨️ (2:38:23) Ch 8. Interviewing ⌨️ (3:37:49) Ch 9. Relocation ⭐️ Guests and mentions ⭐️ TJ Devries: https://www.youtube.com/@teej_dv ThePrimeagen: https://www.youtube.com/@ThePrimeTimeagen Bill Kennedy: https://twitter.com/goinggodotnet Miriah Peterson: https://www.linkedin.com/in/miriah-peterson-35649b5b/ Theo Browne: https://www.youtube.com/@t3dotgg Don the Developer: https://www.youtube.com/@DonTheDeveloper Kent C Dodds: https://www.youtube.com/@KentCDodds-vids James Q Quick: https://www.youtube.com/@JamesQQuick Melkey: https://www.youtube.com/@MelkeyDev Eddie Jaoude: https://github.com/eddiejaoude Danny Thompson: https://www.linkedin.com/in/dthompsondev/ Need help? Join the Boot.dev Discord: https://boot.dev/community FreeCodeCamp Discord: https://www.freecodecamp.org/news/freecodecamp-discord-chat-room-server/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

UIs with Python – Use PyQt5 to Create a Music Player

DjutoyfCl2c | 17 Jan 2024

UIs with Python – Use PyQt5 to Create a Music Player

Learn how to create UIs with Python by creating a Modern Music Player with the PyQt5 framework. Some of the features of the app are: - Beautiful and modern user interface - Playlists and favourite songs functionalities - Custom context menus for different pages - Background slideshow for every song 💻 Code: https://github.com/tommyscodebase/Advanced_Music_Player_with_PyQt5 Download DB Browser for SQLite: https://sqlitebrowser.org/dl/ ✏️ Course developed by @tommys_codebase ⭐️ Chapters ⭐️ ⌨️ (0:00:00) 01: Introduction ⌨️ (0:00:47) 02: Demo ⌨️ (0:04:40) 03: Getting Starter Files ⌨️ (0:06:24) 04: Installing required packages ⌨️ (0:07:56) 05: Opening the Qt Designer ⌨️ (0:10:37) 06: Exploring the UI file ⌨️ (0:21:05) 07: Designing the User Interface ⌨️ (1:37:15) 08: Convert the UI file and the resource file ⌨️ (1:46:45) 09: Creating custom title bar ⌨️ (1:55:09) 10: Add Songs ⌨️ (2:05:49) 11: Play Song ⌨️ (2:13:44) 12: Pause and Unpause ⌨️ (2:17:01) 13: Stop Song ⌨️ (2:21:02) 14: Volume Control ⌨️ (2:27:41) 15: Move Slider ⌨️ (2:42:07) 16: Next Song ⌨️ (2:47:36) 17: Previous Song ⌨️ (2:57:58) 18: Loop one song and play random ⌨️ (3:15:52) 19: Automatically play next song ⌨️ (3:21:48) 20: Remove Songs ⌨️ (3:33:37) 21: Navigate Pages ⌨️ (3:37:53) 22: Database Functions ⌨️ (4:23:58) 23: Favourite Songs Functions ⌨️ (4:51:52) 24: Automatically restart queues ⌨️ (5:01:28) 25: Playlist Functions ⌨️ (5:49:06) 26: Create Context Menus ⌨️ (6:09:20) 27: Show Playlist Content ⌨️ (6:28:13) 28: Background Slideshow ⌨️ (6:41:09) 29: Fixing Database Directory ⌨️ (6:45:52) 30: Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Data Engineering Course for Beginners

PHsC_t0j1dU | 16 Jan 2024

Data Engineering Course for Beginners

Learn the essentials of data engineering in this course for beginners. You'll learn about Databases, Docker, and analytical engineering. You'll explore advanced topics like data pipeline building with Airflow, and engage in batch processing with Spark and streaming data with Kafka. The course culminates in a comprehensive project, putting your skills to the test in creating a full end-to-end pipeline. ✏️ Justin Chau created this course. Course Resources: https://transparent-trout-f2f.notion.site/FreeCodeCamp-Data-Engineering-Course-Resources-e9d2b97aed5b4d4a922257d953c4e759 Thanks to Airbyte for providing a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:36) Why Data Engineering ⌨️ (0:03:14) Docker ⌨️ (0:30:38) SQL ⌨️ (1:04:32) Building a Data Pipeline from Scratch ⌨️ (1:31:03) dbt ⌨️ (2:04:11) CRON Job ⌨️ (2:07:54) Airflow ⌨️ (2:41:14) Airbyte ⌨️ (3:01:54) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

NGINX Tutorial for Beginners

9t9Mp0BGnyI | 12 Jan 2024

NGINX Tutorial for Beginners

NGINX is open-source web server software used for reverse proxy, load balancing, and caching. It's important to understand, especially if you are a backend developer. ✏️ Course created by @laithacademy Docker installation: https://docs.docker.com/get-docker/ NGINX installation: https://www.nginx.com/resources/wiki/start/topics/tutorials/install/ ⭐️ Contents ⭐️ ⌨️ (00:00) What is NGINX ⌨️ (08:18) NGINX Installation ⌨️ (11:11) NGINX Terminology ⌨️ (13:16) Serving Static Content ⌨️ (17:34) Mime Types ⌨️ (22:48) Location Context ⌨️ (33:16) Rewrites and Redirect ⌨️ (37:53) NGINX as a Load Balancer 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Add Email to Your Apps – Tutorial

h_mk2Uci9o0 | 11 Jan 2024

How to Add Email to Your Apps – Tutorial

If you want to add email functionality to your application, this is the course. The course starts all the way back at the invention of email and by the end you will know how to make your app send emails using multiple programming languages and libraries. ✏️ Craig Dennis developed this course. Teacher's Notes: https://twil.io/notes-email-course ✉️ Unit 1 - Understanding Email ▶ (0:00:21) Video 1 - Welcome ▶ (0:03:15) Video 2 - In the Beginning ▶ (0:08:46) Video 3 - DNS ▶ (0:11:38) Video 4 - Protocols ▶ (0:17:23) Video 5 - Spamming and Spoofing ▶ (0:23:53) Video 6 - Enter the Authenticity Acronyms ✉️ Unit 2 - Let’s get Sending Email ▶ (0:26:44) Video 1 - Introduction ▶ (0:28:00) Video 2 - Libraries ▶ (0:31:33) Video 3 - Email API Services ▶ (0:36:42) Video 4 - Handling Events ▶ (0:38:28) Video 5 - Receiving email programmatically ▶ (0:39:24) Video 6 - Wrap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Data Analyst Bootcamp for Beginners (SQL, Tableau, Power BI, Python, Excel, Pandas, Projects, more)

PSNXoAs2FtQ | 09 Jan 2024

Data Analyst Bootcamp for Beginners (SQL, Tableau, Power BI, Python, Excel, Pandas, Projects, more)

Become a data analyst by following along with this massive course. You will learn the core topics that data analysts need to know. And along the way, you will build plenty of projects to gain hands-on experience. ✏️ Bootcamp developed by @AlexTheAnalyst 🔗 Analyst Builder: https://www.analystbuilder.com/ 💻 Access the datasets used here: https://github.com/AlexTheAnalyst ⭐️ Chapters ⭐️ 00:00:00 Introduction 00:01:10 How to Become a Data Analyst in 2023 (Completely FREE!) 00:15:08 SQL Basics Tutorial | Installing SQL Server Management Studio and Create Tables 00:24:44 SQL Basics Tutorial | Select + From Statements 00:30:57 SQL Basics Tutorial | Where Statement 00:38:54 SQL Basics Tutorial | Group By + Order By Statements 00:47:03 Intermediate SQL Tutorial | Inner/Outer Joins | Use Cases 01:02:55 Intermediate SQL Tutorial | Unions | Union Operator 01:08:19 Intermediate SQL Tutorial | Case Statement | Use Cases 01:15:44 Intermediate SQL Tutorial | Having Clause 01:19:15 Intermediate SQL Tutorial | Updating/Deleting Data 01:23:51 Intermediate SQL Tutorial | Aliasing 01:30:02 Intermediate SQL Tutorial | Partition By 01:34:16 Advanced SQL Tutorial | CTE (Common Table Expression) 01:37:59 Advanced SQL Tutorial | Temp Tables 01:48:18 Advanced SQL Tutorial | String Functions + Use Cases 02:02:06 Advanced SQL Tutorial | Stored Procedures + Use Cases 02:08:20 Advanced SQL Tutorial | Subqueries 02:16:57 Data Analyst Portfolio Project | SQL Data Exploration 03:34:01 Data Analyst Portfolio Project | Data Cleaning in SQL 04:28:41 Pivot Tables in Excel | Excel Tutorial 04:46:15 Formulas in Excel | Excel Tutorial 05:20:07 XLOOKUP in Excel | Excel Tutorial 05:38:52 Conditional Formatting in Excel | Excel Tutorial 05:59:49 Charts in Excel | Excel Tutorial 06:14:58 Cleaning Data in Excel | Excel Tutorial 06:36:02 Full Project in Excel | Excel Tutorial 07:16:49 How to Install Tableau and Create First Visualization | Tableau Tutorial 07:33:53 How to use Calculated Fields and Bins in Tableau | Tableau Tutorial 07:40:17 How to Create Visualizations in Tableau | Tableau Tutorial 07:54:20 How to use Joins in Tableau | Tableau Tutorial 08:08:47 Full Beginner Project in Tableau | Tableau Tutorial 08:53:02 How to Install Power BI | Building First Visualization | Microsoft Power BI 09:05:51 How to use Power Query in Power BI | Microsoft Power BI 09:18:57 How to Create and Manage Relationships in Power BI | Microsoft Power BI 09:27:33 How to use DAX in Power BI | Microsoft Power BI 09:43:16 How to use Drill Down in Power BI | Microsoft Power BI 09:49:18 How to use Conditional Formatting in Power BI | Microsoft Power BI 09:59:10 How to use Bins and Lists in Power BI | Microsoft Power BI 10:08:40 Popular Visualizations in Power BI | Microsoft Power BI 10:22:54 Full Power BI Guided Project | Microsoft Power BI 11:05:31 Installing Jupyter Notebooks/Anaconda | Python 11:15:34 Variables in Python | Python 11:28:51 Data Types in Python | Python 11:50:48 Comparison, Logical, and Membership Operators in Python | Python 11:58:03 If Else Statements in Python | Python 12:04:42 For Loops in Python | Python 12:13:59 While Loops in Python | Python 12:19:39 Functions in Python | Python 12:32:22 Converting Data Types in Python | Python 12:38:57 Building a BMI Calculator with Python | Python Project 12:53:19 Building an Automated File Sorter in File Explorer using Python | Python Project 13:10:10 Inspecting Web Pages with HTML | Web Scraping in Python 13:16:03 BeautifulSoup + Requests | Web Scraping in Python 13:23:01 Find and Find_All | Web Scraping in Python 13:35:11 Scraping Data from a Real Website | Web Scraping in Python 14:00:33 Reading in Files in Pandas | Python Pandas Tutorials 14:19:49 Filtering Columns and Rows in Pandas | Python Pandas Tutorials 14:31:37 Indexes in Pandas | Python Pandas Tutorials 14:42:59 Group By and Aggregate Functions in Pandas | Python Pandas Tutorials 14:54:04 Merging DataFrames in Pandas | Python Pandas Tutorials 15:16:13 Creating Visualizations using Pandas Library | Python Pandas Tutorials 15:33:02 Data Cleaning in Pandas | Python Pandas Tutorials 16:11:39 Exploratory Data Analysis in Pandas | Python Pandas Tutorials 16:43:52 Amazon Web Scraping Using Python | Data Analyst Portfolio Project 17:31:03 Automating Crypto Website API Pull Using Python | Data Analyst Project 18:22:13 How to Create a Portfolio Website 18:57:39 Create the Perfect Data Analyst Resume 19:15:16 Top 3 Tips on Using LinkedIn to Land a Job 19:22:05 Get Your Data Analyst Bootcamp Certification

Learn to Code with AI - ChatGPT Tutorial

dJhlMn2otxA | 08 Jan 2024

Learn to Code with AI - ChatGPT Tutorial

This tutorial teaches non-coders to build apps with ChatGPT. Try the interactive version here: https://scrimba.com/links/learn-to-code-with-ai Get ready for a unique approach to coding. Start building projects right away, without worrying about complex programming syntax. With ChatGPT handling the technical details, you can focus on the creative parts. Gradually improve your programming skills as you progress through increasingly sophisticated projects. If you have any feedback to the teacher Guil Hernandez, please reach out to him on X here: https://twitter.com/guilh Follow Scrimba on YouTube here: https://www.youtube.com/c/Scrimba 💻 Download the code via Scrimba: https://scrimba.com/links/learn-to-code-with-ai ⭐️ Chapters ⭐️ Section 1: Build and deploy your first projects with ChatGPT ⌨️ (0:00:20) Intro ⌨️ (0:03:40) Welcome to a new kind of coding course ⌨️ (0:05:26) Building with AI & ChatGPT ⌨️ (0:07:30) Sign up for and access ChatGPT ⌨️ (0:09:20) What you need to know about HTML and CSS ⌨️ (0:17:30) Build a login button ⌨️ (0:27:09) Website hero section ⌨️ (0:36:40) Subscription signup form ⌨️ (0:50:27) What you need to know about JavaScript ⌨️ (0:59:23) Interactive event invite - part 1 ⌨️ (1:09:07) Interactive event invite - part 2 ⌨️ (1:16:03) Cake raffle app ⌨️ (1:30:38) Dive deeper and level up your coding skills ⌨️ (1:32:23) Debug, get feedback, and improve your code ⌨️ (1:44:11) Drum kit app ⌨️ (1:54:41) Deploy and share your projects ⌨️ (1:58:10) Share your feedback and project ideas Section 2: Next-level projects with AI ⌨️ (1:59:26) What's in store for you? ⌨️ (2:01:38) Build a wac a mole style game with facebomp ⌨️ (2:14:44) FaceBomp game - part 2 ⌨️ (2:28:23) Project slideshow ⌨️ (2:40:20) Personal homepage ⌨️ (2:51:03) Personal homepage - part 2 ⌨️ (3:00:55) Pushing projects to GitHub ⌨️ (3:05:34) Smart home mobile interface ⌨️ (3:18:06) Smart home mobile interface - part 2 ⌨️ (3:24:29) Turn your project into a mobile app ⌨️ (3:31:11) SnapStash Chrome extension ⌨️ (3:38:08) SnapStash Chrome extension - part 2 ⌨️ (3:51:39) Automate project deployment with GitHub and Netlify ⌨️ (3:53:57) Pause to reflect & recharge Section 3. Build database-powered apps ⌨️ (3:54:58) Build database-powered projects ⌨️ (3:57:17) What you need to know about Firebase ⌨️ (3:59:31) Get set up with Firebase ⌨️ (4:03:09) Add Firebase to a project ⌨️ (4:09:52) Compliment generator ⌨️ (4:15:13) Compliment generator - part 2 ⌨️ (4:20:48) Lunch break poll ⌨️ (4:29:16) Lunch break poll - part 2 ⌨️ (4:34:22) RoadWallet app ⌨️ (4:44:56) Reflect and wrap up 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Memcached Tutorial for Beginners

VhM2ByShhzE | 04 Jan 2024

Memcached Tutorial for Beginners

Memcached is a high-performance, distributed memory caching system designed to speed up dynamic web applications by alleviating database load. In this course, you will learn about Memcached's architecture and design choices, and learn how to create a hands-on demo using Docker, Telnet, and nodes. ✏️ Course developed by @hnasr Source Code: https://github.com/hnasr/javascript_playground/tree/master/memcached Fundamentals of Database Engineering course: https://databases.win/ Download the slides for Memcached course here: https://payhip.com/b/rw14l (0:00:27) Intro (0:05:07) What is Memcached? (0:08:12) Memory management (0:16:27) LRU (0:25:44) Threading and Connections (0:31:07) Read Example (0:34:57) Write Example (0:36:44) Write and Read collisions (0:40:07) Locking (0:40:57) Distributed Cache (0:43:57) Memcached with Docker/Telnet/NodeJS (0:45:27) Spin up a Memcached Docker container and telnet (0:52:44) Memcached and NodeJS (0:56:42) Four Memached Servers with NodeJS (1:01:27) Summary 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack React Developer Course with Appwrite

Bvwq_S0n2pk | 03 Jan 2024

Full Stack React Developer Course with Appwrite

In this React course, you'll not only learn the nuances of React and its internal workings but also immerse yourself in building a variety of projects to understand the practical applications of React features. This course uniquely balances a project-focused approach with comprehensive theoretical knowledge, ensuring a thorough understanding of each concept. By the end of this course, not only will you have a bunch of projects for your portfolio, but you'll also gain hands-on experience in creating a full-stack application using Appwrite, integrating advanced tools like Redux-Toolkit and Tailwind to craft production-grade applications. 💻 Code: https://github.com/hiteshchoudhary/react-english ✏️ Course created by @HiteshChoudharydotcom ⭐️ Contents ⭐️ ⌨️ (00:00:00) React Roadmap ⌨️ (00:20:05) Create react projects ⌨️ (00:42:37) Understand the react flow and structure ⌨️ (01:09:15) Create your own react library and JSX ⌨️ (01:40:45) Why you need hooks and project ⌨️ (02:00:12) Virtual DOM, Fibre and reconciliation ⌨️ (02:13:55) Tailwind and Props in reactjs ⌨️ (02:40:33) Building a react project . bgChanger ⌨️ (02:58:20) useEffect, useRef and useCallback with 1 project ⌨️ (03:38:37) Custom hooks in react . currency Project ⌨️ (04:31:08) React router crash course ⌨️ (05:27:02) Context API in react . get the concept ⌨️ (05:56:01) Build a dark mode light mode in reactjs with context api ⌨️ (06:25:21) Context API with local Storage ⌨️ (07:33:39) Building a full stack project with react and appwrite ⌨️ (07:40:51) Exploring the new docs of appwrite ⌨️ (08:07:18) All that you need to know about Appwrite Auth ⌨️ (08:28:53) Appwrite Databases, Query and Storage - All that you need ⌨️ (09:05:55) Setting up redux store and protecing pages in react ⌨️ (09:49:08) Debugging for protected routes ⌨️ (09:52:43) Learn to create production components ⌨️ (10:18:44) React hook form and TinyMCE editor in react ⌨️ (11:30:09) Parsing HTML in react components ⌨️ (12:07:47) Prepare all pages with components ⌨️ (12:27:55) Debugging the mega project 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Master Behavioral Interviews (for Software Engineers)

8hpSMnCwCxY | 21 Dec 2023

Master Behavioral Interviews (for Software Engineers)

Learn the essential skills and insights to succeed in behavior-based interviews. While many developers focus on preparing for technical interviews, you should also prepare for the other parts of job interviews. This course will help you navigate behavioral interviews with ease. ✏️ Course developed by @DestinationFAANG ⭐️ Resources ⭐️ ▶ PPT deck with all the content: https://docs.google.com/presentation/d/16DNAiuCC_UohosO61I1UQvIdWFrjlUz7/edit?usp=drive_link&ouid=112476210230339613138&rtpof=true&sd=true ▶ Books: - Cracking The Coding Interview - 101 Great Answers to the Toughest Interview Questions ▶ Online Courses: LinkedIn learning, Coursera, Udemy ▶ Reddit: r/jobs, r/interviews, r/cscareerquestions ▶ Websites: Levels.fyi, Glassdoor, ▶ Other important resources: - https://www.levels.fyi/blog/amazon-leadership-principles.html - https://www.microsoft.com/en-us/microsoft-365-life-hacks/presentations/behavioral-interview-questions-answers - https://www.tryexponent.com/blog/the-complete-google-behavioral-interview-guide ⭐️ Contents ⭐️ ⌨️ (0:00:29) Course outline ⌨️ (0:02:38) Understanding different types of interviews ⌨️ (0:04:03) Behavioral interview fundamentals ⌨️ (0:10:34) Master of the STAR method ⌨️ (0:19:59) Self-assessment and researching companies ⌨️ (0:32:38) Case study 1: Netflix ⌨️ (0:39:01) Case study 2: Amazon ⌨️ (0:42:12) Behavioral interview question categories ⌨️ (0:50:09) Top 50 behavioral interview questions ⌨️ (2:01:20) How to deal with tough questions ⌨️ (2:06:19) Non-verbal communication ⌨️ (2:08:19) Strategies for preparation and useful Resources 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn JavaScript Interactively in NEW freeCodeCamp.org Curriculum

n8mNX2YqkUs | 20 Dec 2023

Learn JavaScript Interactively in NEW freeCodeCamp.org Curriculum

freeCodeCamp.org has just launched a major update to the JavaScript Algorithms and Data Structures Certification. You can now learn JavaScript by building 21 projects! Instead of coding through a series of challenges, you will learn the fundamentals of JavaScript by building 16 practice projects + 5 certification projects. Each of the practice projects will lead you through a step by step process for building out dynamic HTML, CSS and JavaScript applications. Check out the new JavaScript curriculum at www.freeCodeCamp.org! ✏️ Jessica Wilkins created this walkthrough video.

Full Stack Tutorial – Hotel Management Site w/ Next.js, React, Sanity.io, Tailwind, Stripe

kiCH27qsNL8 | 19 Dec 2023

Full Stack Tutorial – Hotel Management Site w/ Next.js, React, Sanity.io, Tailwind, Stripe

Learn how to build and deploy a hotel management system with Next.js, React, Sanity.io, Tailwind CSS, and Stripe. Features: - Hotel Room Management CRUD with Sanity.IO - Hotel Room Review - Room Booking - Checkout with Stripe - Stripe webhook - Light / Dark Mode with React Context - Search (Room Type / Name) - Authentication with Auth.JS - Typescript - useSwr Hook - Deployment to Vercel - And lots more... 💻 Code: https://github.com/laribright/hotel-management ✏️ Course created by @codewithlari ⭐️ Contents ⭐️ 0:00:07 Intro and Demo 0:09:07 New Project 0:14:42 Layout 0:35:02 Dark / White Theme 0:47:37 Authentication Page Setup 1:02:01 Sanity CMS Integration 1:13:57 Environment Variables 1:16:47 Sanity Schemas (user, account, booking, hotelRoom, verificationToken) 1:52:37 Authentication with next auth (Github, Email, Google) 2:12:02 Toast Notification 2:14:18 Fixing Api folder error 2:15:35 Authentication Continued 2:20:29 Complete Schema 2:25:22 Authentication Test 2:31:07 Configuring jwt 2:40:37 Custom classnames using tailwind directives 2:42:07 Hero Section 3:07:35 Search Feature 3:23:52 Gallery Component 3:25:47 NewsLetter Component 3:27:22 Featured Room 3:56:37 Nextjs Loading Component 3:58:33 Nextjs Error Component 4:02:27 Rooms Page 4:31:07 Room Details Page 6:03:28 Create Booking API 6:13:58 Middleware 6:16:07 Stripe Integration 6:38:45 Test Booking Payment 6:42:37 Webhooks 7:25:37 User Details Page 8:37:10 Rate Hotel Room 9:28:22 Display Hotel Room Rating 9:54:26 Git / Vercel / Deployment 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Remix and Strapi Crash Course – Full Stack Development

5yIivwrvH6w | 18 Dec 2023

Remix and Strapi Crash Course – Full Stack Development

Learn how to use Remix and Strapi to build full stack applications. In this course, you'll discover how to harness the power of Remix, a modern React framework, to create dynamic, user-friendly front-end interfaces. And you'll learn to integrate Strapi, a flexible, open-source Headless CMS, to efficiently manage and deliver your content. ✏️ Course created by @CodingAfterThirty 💻 Code: https://github.com/PaulBratslavsky/freecodecamp-remix-strapi-final ⭐️ Contents ⭐️ (0:03:51) Introduction (0:03:51) Prerequisites (0:04:21) Setting up our project and overview (0:07:03) Root route explained and linking our CSS (0:08:22) Creating your first route and render via outlet (0:10:36) Creating Dynamic Routes in Remix (0:14:12) Setting up contact detail page (0:15:08) Using the loader function to load data (0:20:02) Loading single-user based on id via params (0:24:48) Setting up Strapi, a headless CMS (0:27:56) Strapi Admin overview and creating our first collection type (0:33:20) Fetching all contacts from our Strapi endpoint (0:38:17) Fetching single contact (0:40:17) Adding the ability to add a new contact (0:54:41) Form validation with Zod and Remix (1:03:31) Adding the ability to update contact information (1:16:25) Programmatic navigation using useNavigate hook (1:18:15) Implementing the delete contact functionality (1:25:53) Showing a fallback page when no items are selected (1:27:25) Handling errors in Remix with error boundaries (1:34:04) Implementing mark contact as a favorite (1:37:33) Implementing search with Remix and Strapi filtering (1:58:51) Submitting our form programmatically on input change (2:00:39) Implementing loading state via useNavigation hook (2:05:45) Project review and some improvement (2:06:55) Styling active link in Remix (2:09:17) Using useFetcher hook for form submission (2:11:08) Throwing errors in Remix (2:15:41) Closing thought and where to find hel 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Microsoft Azure Fundamentals Certification Course (AZ-900) UPDATED – Pass the exam in 8 hours!

5abffC-K40c | 14 Dec 2023

Microsoft Azure Fundamentals Certification Course (AZ-900) UPDATED – Pass the exam in 8 hours!

Learn about Microsoft Azure and pass the Azure Fundamentals exam! The Azure Fundamentals exam (AZ-900) is an opportunity to prove knowledge of cloud concepts, core Azure services, Azure pricing, SLA, and lifecycle, and the fundamentals of cloud security, privacy, compliance, and trust. You will learn about all these things in this course. ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro Certification Training: https://www.exampro.co 🐦 Twitter: https://twitter.com/andrewbrown 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐️ Course Contents ⭐️ ☁️ (00:01:05) Introduction Why should I get the AZ-900? Exam Guide Walkthrough ☁️ (00:24:24) Cloud Concepts What is Cloud Computing Common Cloud Services What is Microsoft and Azure Benefits of Cloud Computing Types of Cloud Computing Types of Cloud Computing Responsibilities Cloud Deployment Models Total Cost of Ownership CAPEX vs OPEX Cloud Architecture Terminologies High Availability High Scalability High Elasticity Fault Tolerance High Durability Business Continuity Plan Disaster Recovery Options ☁️ (00:57:44) Evolution of Compute Dedicated Servers Virtual Machines Containers Functions ☁️ (01:03:37) Global Infrastructure Regions and Geographies Paired Regions Region Types and Service Availability Special Regions Availability Zones AZ Supported Regions Availability Sets Fault and Update Domains ☁️ (01:19:26) Getting Started Follow Along Creating an Azure Account Registered Providers Create a User Account Enabling MFA ☁️ (01:44:28) Compute Services Computing Services Azure Virtual machines Operation Systems Azure Scale Sets Load Balancer Scaling Policy Health Montoring Azure Virtual Desktop Launching a Server ☁️ (02:06:57) Azure App Service Introduction to Azure App Service Runtimes Custom Containers Deployment Slots App Service Enviroment Azure App Service Plan Configure and Deploy App Service ☁️ (02:27:13) Azure Container Instances Introduction to ACI Container Restart Policies Container Environment Variables Container Persistent Storage Create an Azure Container Instances ☁️ (02:34:49) Virtual Networking Introduction to VNets VNet Peering Network Interfaces Subnets Introduction to Azure DNS Introduction to Virtual Network Gateways Azure Express Routes Private Links Create a VNet ☁️ (02:49:27) Storage Accounts Storage Services Introduction to Storage Accounts Storage Comparsion Core Storage Services Performance Tiers Access Tiers Replication Data Redundancy LRS ZRS GRS GZRS RAGRS_RA GZRS Introduction to Azure Blob Azure Blob Types AZCopy Azure Storage Explorer Introduction to Azure Files Azure Files Use Cases Azure File Sync Storing files in Blob Storage ☁️ (03:24:14) Migration Options Azure Cloud Adoption Framework Azure Migrate Azure Migrate Integrated tools Azure Databox ☁️ (03:33:10) Microsoft Entra ID Microsoft Entra ID Name Change Introduction to Entra ID Use Cases AD vs AAD Terminology AD DS Microsoft Entra Domain Services Single Sign On SSO External Identities Conditional Access ☁️ (03:49:46) Security Zero Trust Model Zero Trust Principles Defense In Depth Azure Defender MFA Azure Security Center Key Vault Azure DDoS Protection Azure Firewall Application Gateway Routing Rules Role Based Access Control RBAC Management Groups Service Health Azure Advisor ☁️ (04:16:09) Technology Overview Database Services Application Integration Developer and Mobile Tools Azure DevOps Services Cloud Native Networking Services Enterprise Hybrid Networking Services Azure Traffic Manager IoT Services Big Data and Analytics Services AI ML Services Introduction AI ML Services Serverless Services ☁️ (04:39:34) Follow Alongs Create a Resource Group Creating an Azure Function ☁️ (04:45:54) Billing And Pricing Service Level Agreements Service Credits Composite SLAs TCO Calculator Azure Marketplace Azure Hybrid Benefit Azure Subscriptions First Look at Subscriptions Pricing Calculator Azure Cost Management Resource Tags ☁️ (05:07:47) Governance and Compliance Microsoft Purview Information Protection Introduction Resource Locks Azure Blueprints ☁️ (05:15:31) Azure Management Tools Azure Portal Portal Preview and Features Cloud Shell Exploring Azure Cloud Shell PowerShell PowerShell Follow Along Azure CLI Azure CLI Follow Along Visual Studio Code Azure SDK Follow Along Introduction to ARM Use Cases ARM Scoping Introduction ARM Templates Follow Along Azure Bicep Follow Along Azure Terraform Follow Along Free Tier Spend and Usage ☁️ (08:12:11) Monitoring Tools Introduction to Azure Monitor The Pillars of Obervability Anatomy of Azure Monitor Log Analytics Log Analytics Workspaces Azure Alerts Application Insights

JavaScript Testing with Jest – Crash Course

IPiUDhwnZxA | 13 Dec 2023

JavaScript Testing with Jest – Crash Course

Learn how to test JavaScript code using the Jest testing framework. Jest is a JavaScript testing framework designed to ensure correctness of any JavaScript codebase. It allows you to write tests with an approachable, familiar and feature-rich API that gives you results quickly. ✏️ Course developed by @CodeWithTomi ⭐️ Contents ⭐️ 00:00 Intro 00:45 Setting Up Jest 06:22 Basic Concepts In Jest 15:31 Matchers 33:21 Testing Asynchronous Code 49:48 Mock Functions and Spies 1:00:20 Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build a Virtual World Filled with Self-Driving Cars – JavaScript Tutorial

5iHejdqYIa8 | 12 Dec 2023

Build a Virtual World Filled with Self-Driving Cars – JavaScript Tutorial

Learn to build a virtual environment entirely from the ground up using basic HTML, CSS, and JavaScript. You can easily make something like Pokemon Go using it, but you'll learn to fill it with the self-driving cars from Radu's other course: https://youtu.be/Rs_rAxEsAvI In this course, you'll learn valuable skills like: mathematics, algorithms, programming, and design—skills that greatly benefited Radu during his PhD and his time at Microsoft. Here's what you'll learn: * Building a spatial graph from scratch and creating an editor with a dynamic viewport. * Understanding the mathematics and logic behind user-friendly interfaces in modern software. * Generating road borders, buildings, and trees using geometry and creating a 3D effect. * Implementing road markings to prepare for advanced self-driving challenges. * Enhancing the world editor for user convenience and maximizing auto-generated content. * Loading real-world data from openstreetmap for city-based simulations. * Creating a minimap for navigation in expansive worlds. Created by @Radu ⭐FINAL APP⭐ https://radufromfinland.com/projects/virtualworld 💻CODE💻 https://github.com/gniziemazity/virtual-world 💻COPY CODE FROM HERE💻 https://radufromfinland.com/projects/virtualworld/CODES/lesson_4.js https://radufromfinland.com/projects/virtualworld/CODES/lesson_5.js 👨‍💻MATERIAL FROM STUDENTS👨‍💻 Brett ported the code from Phase 1 to ThreeJS: https://github.com/Bretto/evolution @davidmurphy563 ported the code from Phase 1 to Godot: https://youtu.be/FJFrSCEWqLU?si=toU4O43h2oaJmKUy ⭐RECOMMENDED PREREQUISITES⭐ https://www.youtube.com/playlist?list=PLB0Tybl0UNfZ3nnHVg8SJ4uK3R4QD6R0H ⭐PREREQUISITES I SPECIFICALLY MENTION⭐ Pythagorean Theorem: https://youtu.be/iqSlzYXdFzw Euclidean Distance: https://youtu.be/3rPwfmrCwVw 2D Vectors: https://youtu.be/nzyOCd9FcCA Distance to Segment: https://youtu.be/jvqomjmMsPI Segment Intersection: https://youtu.be/fHOLQJo0FjQ Interpolation: https://youtu.be/J_puRs40GhM ⭐EMOJIS⭐ 🗑️💾🌐🛑🚶🚙🅿️🚦⚠️🎯📁 ⭐EXTRA VIDEOS⭐ Adding the Self-driving Cars https://youtu.be/wH2aNJxltus Using Real-world Data (OpenStreetMap) https://youtu.be/IKwkOajkSHs How to make a MiniMap https://youtu.be/ecZRuuLjGQA ☕Buy Radu a Coffee?☕ https://www.buymeacoffee.com/radum ⭐ Contents ⭐ ⌨️ (0:00:00) Introduction ⌨️ (0:05:21) Project Setup ⌨️ (0:10:16) Spatial Graphs ⌨️ (0:47:50) Graph Editor ⌨️ (1:27:30) Dynamic Viewport ⌨️ (2:03:15) Generating Roads ⌨️ (2:49:25) Buildings And Trees ⌨️ (3:31:47) Pseudo 3D ⌨️ (4:04:59) Road Markings ⌨️ (5:09:65) Saving the World ⌨️ (5:40:57) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Vector Search RAG Tutorial – Combine Your Data with LLMs with Advanced Search

JEBDfGqrAUA | 11 Dec 2023

Vector Search RAG Tutorial – Combine Your Data with LLMs with Advanced Search

Learn how to use vector search and embeddings to easily combine your data with large language models like GPT-4. You will first learn the concepts and then create three projects. ✏️ Course developed by Beau Carnes. 💻 Code: https://github.com/beaucarnes/vector-search-tutorial 🔗 Access MongoDB Atlas: https://cloud.mongodb.com/ 🏗️ MongoDB provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:18) What are vector embeddings? ⌨️ (02:39) What is vector search? ⌨️ (03:40) MongoDB Atlas vector search ⌨️ (04:30) Project 1: Semantic search for movie database ⌨️ (32:55) Project 2: RAG with Atlas Vector Search, LangChain, OpenAI ⌨️ (54:36) Project 3: Chatbot connected to your documentation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Beginner JavaScript Project – Snake Game Tutorial

uyhzCBEGaBY | 07 Dec 2023

Beginner JavaScript Project – Snake Game Tutorial

In this beginners coding tutorial, you will learn to create a Retro Snake Game inspired by the iconic Nokia Snake game using vanilla HMTL, CSS and JavaScript! Using JS you will learn to draw the game board, create the snake and randomly generated food, make the snake move, increase the snake size when it eats, and increase its speed. you will also learn to keep the score, track collisions for the snake, and display your high score. ✏️ Course developed by @howtobecomeadeveloper 💻 Deployed Game: https://snake-game-howtobedev.netlify.app/ 💻 GitHub Repo / Source Code: https://github.com/Ade-mir/snake-game-js Snake AI-Generated Logo: https://github.com/Ade-mir/snake-game-js/blob/main/snake-game-ai-gen.png Google Fonts: https://fonts.google.com/specimen/VT323?query=vt AI font generator / Lexica: https://lexica.art/ ⭐️ Contents ⭐️ ⌨️ (00:00) What we are building / Finished snake game ⌨️ (01:57) Setting up our HTML ⌨️ (10:25) Styling with CSS ⌨️ (27:05) Creating the snake game logic with JavaScript 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AWS Certified Cloud Practitioner Certification Course (CLF-C02) - Pass the Exam!

NhDYbskXRgc | 05 Dec 2023

AWS Certified Cloud Practitioner Certification Course (CLF-C02) - Pass the Exam!

Prepare for the AWS Certified Cloud Practitioner Certification (CLF-C02) and pass! ✏️ Developed by Andrew Brown of ExamPro 🔗 https://twitter.com/andrewbrown Get your Free Practice and Downloadable Cheatsheets 🎁 https://www.exampro.co/clf-c02 ⭐️ Course Contents ⭐️ ☁️ 00:00:00 Introduction ☁️ 00:46:02 Cloud Concepts ☁️ 01:19:34 Getting Started ☁️ 01:52:15 Digital Transformation ☁️ 02:00:18 The Benefits of Cloud ☁️ 02:06:32 Global Infrastructure ☁️ 02:49:18 Cloud Architecture ☁️ 03:12:40 Management and Developer Tools ☁️ 04:50:13 Shared Responsibility Model ☁️ 05:09:10 Compute ☁️ 06:02:37 Storage Services ☁️ 06:40:15 Databases ☁️ 07:10:28 Networking ☁️ 07:32:16 EC2 ☁️ 08:23:59 EC2 Pricing Models ☁️ 08:42:58 Identity ☁️ 09:28:44 Application Integration ☁️ 09:40:11 Containers ☁️ 09:51:00 Governance ☁️ 10:19:27 Provisioning ☁️ 10:40:22 Serverless ☁️ 10:44:52 Windows on AWS ☁️ 10:53:33 Logging ☁️ 11:07:26 ML AI BigData ☁️ 11:44:41 AWS Well Architected Framework ☁️ 12:06:24 TCO and Migration ☁️ 12:22:30 Billing and Pricing ☁️ 13:17:39 Security ☁️ 14:02:57 Variation Stud 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

MLOps Course – Build Machine Learning Production Grade Projects

-dJPoLm_gtE | 04 Dec 2023

MLOps Course – Build Machine Learning Production Grade Projects

MLOps, short for Machine Learning Operations, refers to the practice of applying DevOps principles to machine learning. This MLOps course will guide you through an end-to-end MLOps project, covering everything from data ingestion to deployment, using state-of-the-art tools like ZenML, MLflow, and various MLOps libraries. 💻 Code: https://github.com/ayush714/mlops-projects-course/tree/main ✏️ Course created by @AyushSinghSh ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:28) MLOps Fundamentals (introduction to mlops) ⌨️ (0:32:54) Fundamentals of Zenml ⌨️ (0:45:31) Customer Satisfaction project ⌨️ (0:45:51) Dataset of Olist customer dataset ⌨️ (0:49:01) Installing necessary libraries ⌨️ (0:55:01) Creating blueprint of steps ⌨️ (1:08:06) Zenml Dashboard ⌨️ (1:13:46) Implementing steps ⌨️ (1:15:01) Working on data cleaning ⌨️ (1:33:41) Working on model development ⌨️ (1:41:09) Working on evaluation model ⌨️ (1:48:36) Run pipeline ⌨️ (1:54:28) Implementing experiment tracker ⌨️ (2:11:02) Deployment pipeline ⌨️ (2:58:08) Streamlit app 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build and Deploy an Instagram Clone with React and Firebase – Tutorial

RMScMwY2B6Q | 30 Nov 2023

Build and Deploy an Instagram Clone with React and Firebase – Tutorial

Learn how to use React and Firebase to create an instagram clone from scratch. You'll explore the powerful combination of React for front-end development and Firebase for back-end services, learning to create an Instagram-like platform with features such as user authentication, profile customization, post creation, real-time interactions and more. Course developed by @asaprogrammer_ Demo: https://social-app-asaprogrammer.vercel.app/ 💻 Code: https://github.com/burakorkmez/instagram-clone 🔗 Discord Server (to ask questions) : https://discord.gg/YFn2WyheZV Donate to the creator: https://www.buymeacoffee.com/burakorkmezz ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro And Demo ⌨️ (0:06:35) React && Chakra Setup ⌨️ (0:19:45) Design Auth Page ⌨️ (0:44:55) Design Sidebar ⌨️ (1:08:15) Design Home Page ⌨️ (1:55:00) Design Profile Page ⌨️ (2:46:55) Firebase Setup ⌨️ (2:57:07) Update AuthForm.jsx ⌨️ (3:07:20) Signup With Email && Password ⌨️ (3:25:05) Logout User ⌨️ (3:30:25) Create authStore With Zustand ⌨️ (3:40:15) useAuthState Example ⌨️ (3:43:45) Create Navbar ⌨️ (3:50:15) Fixing A Possible Signup Issue ⌨️ (3:55:55) Login User ⌨️ (4:06:45) Google Authentication ⌨️ (4:15:08) Fixing A Major Google Auth Issue ⌨️ (4:18:08) Fetching Profile Header Data ⌨️ (4:38:41) Edit User Profile ⌨️ (5:11:15) Follow && Unfollow ⌨️ (5:27:15) Update Sidebar.jsx ⌨️ (5:32:55) Search For User Profiles ⌨️ (5:53:15) Suggested Users ⌨️ (6:05:25) Create Post ⌨️ (6:27:25) Fetch User Posts ⌨️ (6:40:05) Delete Post ⌨️ (6:49:15) Create Comment ⌨️ (7:02:25) Get Details of The Comment ⌨️ (7:10:25) Render Post Caption ⌨️ (7:14:05) Like And Unlike Posts ⌨️ (7:21:25) Fetch Feed Posts ⌨️ (7:42:55) Fetch All Comments ⌨️ (7:56:40) Fixes && Optimizations ⌨️ (8:03:05) Security Rules && Deployment 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

API Documentation Best Practices – Full Course

0CSyIBHQy9g | 29 Nov 2023

API Documentation Best Practices – Full Course

This course covers everything you need to know to create, automate, and publish API documentation your developers, partners and users will love. You’ll also learn why API documentation is the foundation for strong governance, effective API security, and achieving your API business goals. ✏️ Course developed by Jason Harmon. https://twitter.com/jharmn Resources: https://www.apisecuniversity.com/courses/api-documentation-best-practices https://www.apisec.ai/blog/generating-openapi-specification-oas-documentation-for-your-rest-apis https://www.apisec.ai/blog/best-api-documentation-tools ⭐️ Contents ⭐️ 0:00:00 Introduction 0:01:16 What is API Documentation? 0:54:02 The Business Impact of API Documentation 1:08:28 How to Write Good Documentation 1:36:03 Documentation Techniques and Tools 1:44:38 Documentation Best Practices 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Advanced Music Production with FL Studio – Tutorial

I_ShMaNw0Rc | 28 Nov 2023

Advanced Music Production with FL Studio – Tutorial

Learn advanced music production with FL Studio. In this course you will learn complex techniques that will transform your approach to creating music. The course covers everything from mastering plugins and sound design to understanding the subtle differences between being a music artist and a music producer. 🔗 Intro to music production course: https://www.youtube.com/watch?v=BUjdnxgBgzM ✏️ Course created by Tristan Willcox. ⌨️ (0:00:00) Introduction ⌨️ (0:01:39) Chapter 1 ⌨️ (0:04:31) Chapter 2 ⌨️ (0:29:02) Chapter 3 ⌨️ (0:57:29) Chapter 4 ⌨️ (1:24:04) Chapter 5 ⌨️ (1:28:08) Chapter 6 ⌨️ (2:52:30) Chapter 7 ⌨️ (2:59:32) Chapter 8 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AWS Cloud Complete Bootcamp Course

zA8guDqfv40 | 27 Nov 2023

AWS Cloud Complete Bootcamp Course

The AWS Cloud Project Bootcamp is a training program to equip you with the skills to design, build, and implement a cloud project. ⚠️ If you are having issues playing this, try watching here: You can also watch here: https://www.youtube.com/playlist?list=PLBfufR7vyJJ7k25byhRXJldB5AiwgNnWv https://aws.cloudprojectbootcamp.com Developed by Andrew Brown. 00:00 Intro 07:10 Welcome to the FREE AWS Cloud Project Bootcamp 10:05 Create a GitHub Account 13:46 Set Up MFA on your GitHub Account 15:01 Create a Gitpod Account 17:56 How Do I get the Gitpod Button 21:56 Setup GitHub Codespaces 23:16 Create AWS Account 33:08 Creating Repository from the Github Template 34:54 Create Lucidchart Account 37:38 Create Honeycomb.io Account 39:56 Create Rollbar Account 41:08 Wk 0 Billing & Architecture 2:40:32 Wk 0 Generate Credentials, AWS CLI, Budget & Billing Alarm via CLI 4:03:37 Wk 0 Pricing Basics & Free tier 4:24:35 AWS Organizations & AWS IAM 5:26:54 Wk 0 Homework 5:34:37 Wk 0 Lucid Charts 6:15:58 Homework Grading 6:35:27 Updating Journal 7:22:27 Scrubing Github History of Sensitive Data 8:09:29 Wk 1 App Containerization 10:10:35 Wk 1 After Stream Commit Code 10:12:25 Wk 1 Gitpod, Github Codespaces, AWS Cloud9 & Cloudtrail 10:22:33 Docker Container Security Best Practices 11:03:46 Grading 11:10:29 Wk 1 Create the notification 11:42:42 Wk 1 DynamoDB & Postgres vs Docker 12:02:00 Before You Ask For Help 12:28:30 Wk 2 Distributed Tracing 14:24:51 Observability vs Monitoring Explained in AWS 14:53:48 Wk 2 Instrument XRay 15:42:48 Wk 2 CloudWatch Logs 15:54:14 Pick the right cloud role 16:47:06 Wk 2 Rollbar 17:07:40 Wk 2 Github Codespaces Crash Course 17:56:54 Wk 2 X-Ray Subsegments Solved 18:27:27 Wk 2 Honeycomb, Rollbar, AWS X-Ray & AWS Cloudwatch Logs pricing considerations 18:34:02 Amazon Cognito Security Best Practices 19:07:31 Wk 3 Decentralized Authenication 21:07:16 Wk 3 Cognito Custom Pages 21:47:04 Wk 3 Congito JWT Server side Verify 22:54:49 Wk 3 Exploring JWTs 23:20:50 Wk 3 Improving UI 23:57:15 Securing Amazon RDS Postgres DB 24:16:16 Wk 4 Relational DBs 26:12:52 Wk 4 SQL RDS 27:27:52 Wk 4 Cognito Post Confirmation Lambda 28:16:53 Wk 4 Creating Activities 30:16:46 Wk 5 NoSQL & Caching 32:16:40 Amazon DynamoDB for security & speed 32:41:06 Wk 5 DynamoDb Utility Scrips 34:29:15 Wk 5 Implement Conversations with DynamoDB 36:12:13 Wk 5 DynamoDB Stream 36:55:23 What hiring managers want from your resume 37:29:16 Amazon ECS Security Best Practices 37:55:05 Wk 6-7 ECS Fargate (Pt 1 & 2) 42:27:04 Wk 6 Deploying Containers 43:11:06 Wk 6 7 Securing Flask (Pt 1 & 2) 44:27:41 Wk 6-7 Further Investigation into Werkzeug 44:36:26 Wk 6-7 Fix Messaging 45:40:17 Wk 6-7 Implement Refresh Token Cognito 46:16:33 Wk 7 Fargate Configuring for Container Insights 48:38:59 Wk 7 CORS, Load Balancing, Domains 49:01:21 Wk 6-7:Guest Instructor Maish, Fargate Technical Questions 49:41:58 Securely Host a Website on AWS with a Custom Domain 50:03:19 Implementing Timezones for ISO 8601 50:25:19 Wk 8 Serverless Image Processing Wk 8 Severless Image Process CDK Wk 8 Serving Avatars via CloudFront Wk 8 Implement Users Profile Page Wk 8 Implement Migrations Backend Endpoint & Profile Form Wk 8 Implement Avatar Uploading Pt 1 Wk 8 Fix CORS for API Gateway Wk 8 Fix CORS Final AWS Lambda Layers Wk 8 Render Avatar from CloudFront 62:33:09 They all landed jobs in cloud 63:16:11 Wk 9 CI⧸CD 65:03:04 Wk 9 Fix CodeBuild Issues 65:15:22 Wk 9 CodePipeline 65:36:38 CI CD Pipeline SECURITY EXPLAINED FOR AWS 65:49:56 Wk 10 CloudFormation Wk 10-11 CFN For Networking Layer Wk 10-11 CFN Diagramming the Network Layer Wk 10 11 CFN Cluster Layer Wk 10-11 CFN Toml Pt 1 Wk 10 11 CFN Toml Pt 2 Wk 10-11 CFN Cluster Layer Finish Wk 10-11 CFN Diagram Cluster Wk 10-11 CFN Svc Layer 74:31:42 AWS CloudFormation Security Best Practices 74:53:06 CFN ECS Fargate Svc Debugging 75:44:26 CFN ECS Faragate Svc Debugging Further 75:54:30 CFN RDS 76:10:10 CFN RDS Finish 76:53:08 CFN Svc Attempt Again 77:04:57 CFN Svc Fixed 77:28:56 CFN Svc Confirmed Fixed 77:29:54 CFN Diagramming Svc & RDS 78:14:45 SAM CFN for Dynamodb DynamoDB Streams Lambda 80:26:53 SAM CFN Fix SAM Lambda Code Artifact 80:31:36 Diagramming DynamoDB 80:41:20 CFN CICD Pt 1 & 2 81:36:34 CFN Diagramming CICD 81:57:17 CFN Static Website Hosting Frontend 82:53:11 CFN Diagramming Static Frontend 83:07:59 Final week Wk X Sync tool for static website hosting Wk X Reconnect DB & Post Confirmation Lambda Wk X CORS for Svc Wk X CICD Pipeline & Create Activity Wk X Refactor JWT to a decorator Wk X Refactor AppPy Wk X Refactor Flask Routes Wk X Replies Work In Progress Wk X Refactor Error Handling & Fetch Requests Wk X Activity Show Page Wk X Cleanup 097:51:33 Project Validation Tool Building 101:07:04 CPBVT Fighting with ChatGPT 101:56:22 CPBVT Implementing Many API Commands 104:07:16 CBVT Validators 106:29:39 CBVT Rules 106:56:04 Rollbar Fix for Updated Flask 107:32:39 Final Submissions Instructions

Machine Learning with Python and Scikit-Learn – Full Course

hDKCxebp88A | 22 Nov 2023

Machine Learning with Python and Scikit-Learn – Full Course

This course is a practical and hands-on introduction to Machine Learning with Python and Scikit-Learn for beginners with basic knowledge of Python and statistics. It is designed and taught by Aakash N S, CEO and co-founder of Jovian. Check out their YouTube channel here: https://youtube.com/@jovianhq We'll start with the basics of machine learning by exploring models like linear & logistic regression and then move on to tree-based models like decision trees, random forests, and gradient-boosting machines. We'll also discuss best practices for approaching and managing machine learning projects and build a state-of-the-art machine learning model for a real-world dataset from scratch. We'll also look at unsupervised learning & recommendations briefly and walk through the process of deploying a machine-learning model to the cloud using the Flask web framework. By the end of this course, you'll be able to confidently build, train, and deploy machine learning models in the real world. To get the most out of this course, follow along & type out all the code yourself, and apply the techniques covered here to other real-world datasets & competitions that you can find on platforms like Kaggle. ⭐️ Topics & Notebooks ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:25) Lesson 1 - Linear Regression and Gradient Descent 🔗 https://jovian.ai/aakashns/python-sklearn-linear-regression ⌨️ (02:17:30) Lesson 2 - Logistic Regression for Classification 🔗 https://jovian.ai/aakashns/python-sklearn-logistic-regression ⌨️ (04:53:26) Lesson 3 - Decision Trees and Random Forests 🔗 https://jovian.ai/aakashns/sklearn-decision-trees-random-forests ⌨️ (07:25:29) Lesson 4 - How to Approach Machine Learning Projects 🔗 https://jovian.com/aakashns/how-to-approach-ml-problems ⌨️ (10:06:13) Lesson 5 - Gradient Boosting Machines with XGBoost 🔗 https://jovian.ai/aakashns/python-gradient-boosting-machines ⌨️ (12:20:57) Lesson 6 - Unsupervised Learning using Scikit-Learn 🔗 https://jovian.ai/aakashns/sklearn-unsupervised-learning , https://jovian.ai/aakashns/movielens-fastai ⌨️ (13:53:18) Lesson 7 - Machine Learning Project from Scratch 🔗 https://jovian.com/aakashns/nyc-taxi-fare-prediction-filled , https://jovian.com/aakashns/nyc-taxi-fare-prediction-blank ⌨️ (16:45:47) Lesson 8 - Deploying a Machine Learning Project with Flask 🔗 https://jovian.com/biraj/deploying-a-machine-learning-model 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Go Programming Tutorial – 3 Beginner Projects

k_V5VvYSlS4 | 21 Nov 2023

Go Programming Tutorial – 3 Beginner Projects

Improve you Go programming skills by developing three different projects. ✏️ Course developed by @AkhilSharmaTech ⭐️ Contents ⭐️ (00:00) Video Introduction (01:02) First Project - Health Checker (18:52) Second Project - File Encryption (1:08:28) Third Project - Data Encryption with GO 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn LangChain.js - Build LLM apps with JavaScript and OpenAI

HSZ_uaif57o | 20 Nov 2023

Learn LangChain.js - Build LLM apps with JavaScript and OpenAI

LangChain.js is a framework for building AI apps. Click here to get to the course's interactive challenges: https://scrimba.com/links/langchain At the end of this course, you will be able use LangChain's Expression Language to build GPT-powered chatbots that have specific knowledge about an underlying dataset. You will use text embeddings and a vector database to perform retrieval-augmented generation (RAG). The course requires an understanding of JavaScript. Here is a free JS course if you need a refresher: https://scrimba.com/learn/learnjavascript ✏️ If you have any feedback to the teacher Tom Chant, please reach out to him on X here: https://twitter.com/tpchant Also, feel free to follow Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Code ⭐️ 🔗 Download via Scrimba: https://scrimba.com/links/langchain ⭐️ Chapters ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:01) What you'll learn and build ⌨️ (0:04:08) Introduction to LangChain from Jacob Lee (Lead Maintainer of LangChain.js) ⌨️ (0:05:36) App Flow Diagrams ⌨️ (0:09:04) What are embeddings ⌨️ (0:15:20) Supabase Setup ⌨️ (0:19:27) Split the text ⌨️ (0:21:28) Split the text II ⌨️ (0:27:47) Upload to supabase ⌨️ (0:31:53) Starter code ⌨️ (0:33:19) Explainer The Standalone Question ⌨️ (0:35:31) Aside Prompt Templates ⌨️ (0:38:59) Aside Prompt Templates II ⌨️ (0:42:08) Adding the first chain ⌨️ (0:46:11) Retrieval ⌨️ (0:52:45) Add StringOutputParser ⌨️ (0:55:15) Fetching the answer the template ⌨️ (1:00:39) Serialize the docs ⌨️ (1:02:53) Aside RunnableSequence ⌨️ (1:07:54) Aside RunnableSequence 2 ⌨️ (1:10:57) Aside RunnableSequence 3 RunnablePassthrough ⌨️ (1:14:47) Super Challenge - add the RunnableSequence ⌨️ (1:17:10) Super Challenge - solution ⌨️ (1:21:47) Wire up the UI ⌨️ (1:24:34) Setting up the memory ⌨️ (1:27:27) Super Challenge Wire up the memory ⌨️ (1:33:51) Performance Issues Check-list ⌨️ (1:37:44) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Master Technical Interviews – Full Course

-LVmKNvflnY | 16 Nov 2023

Master Technical Interviews – Full Course

Are you ready to conquer your technical interviews with confidence? Dive into our comprehensive "Master the Technical Interviews" course, specially crafted to guide you through every aspect of the interview process. With simple explanations and a user-friendly approach, this full course is perfect for new and experienced developers and engineers seeking to secure their dream job in tech. ✏️ Course developed by @DestinationFAANG Resources: 🔗 Most asked Technical Questions: https://docs.google.com/spreadsheets/d/1hzP8j7matoUiJ15N-RhsL5Dmig8_E3aP/edit#gid=1377915986 🔗 Github Repo with all the Solutions: https://github.com/DestinationFAANG/Destination-FAANG-Java-Solution 🔗 Book: Cracking the Coding Interview ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:19) Types of Interviews ⌨️ (0:04:44) Introduction to Big O ⌨️ (0:18:22) Types of Data Structures ⌨️ (0:21:58) Arrays ⌨️ (0:44:57) Linked List ⌨️ (0:59:32) Stack ⌨️ (1:09:56) Queue ⌨️ (1:14:34) Trees ⌨️ (1:40:27) Graphs ⌨️ (2:13:42) Hashmap and Hashset ⌨️ (2:33:55) Heap and Trie ⌨️ (2:49:31) Algorithms with Coding Patterns ⌨️ (2:52:55) Searching Algorithms ⌨️ (2:57:47) Sorting Algorithms ⌨️ (3:09:08) Recursion ⌨️ (3:22:48) Dynamic Programming ⌨️ (3:52:27) Sliding Window ⌨️ (4:03:41) Two Pointer ⌨️ (4:11:56) Fast and Slow Pointer ⌨️ (4:18:42) Backtracking ⌨️ (4:27:17) Intervals ⌨️ (4:36:05) Breadth First Search ⌨️ (4:47:15) Depth First Search ⌨️ (4:54:51) Greedy Algorithms ⌨️ (5:03:15) Golden Rules for Technical Interviews ⌨️ (5:09:23) Mistakes to avoid ⌨️ (5:19:27) Preparation resources 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

PaLM 2 API Course – Build Generative AI Apps

LHbtSrkTsIE | 15 Nov 2023

PaLM 2 API Course – Build Generative AI Apps

In this course you will learn how to use PaLM 2, Google's advanced language model, for AI and chatbot development. Viewers will learn about PaLM 2's key features, setup, and practical applications, including building a functional chatbot. The course covers everything from basic concepts to advanced techniques, making it ideal for developers seeking to enhance their AI skills. 🔗 Get started with the PaLM2 API: https://developers.generativeai.google/ Course developed by @AniaKubow ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction to Palm 2 and Course Overview ⌨️ (0:02:50) Why Use Palm 2: Multifunctionality and Developer Benefits ⌨️ (0:06:46) Setting Up and Starting with Palm 2 ⌨️ (0:18:55) Developing the Chatbot Interface ⌨️ (0:40:14) Implementing Chatbot Functionality ⌨️ (0:58:51) Chatbot Testing and Debugging ⌨️ (1:01:04) Conclusion and Next Steps 🏗️ Google 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 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Become a Great Engineering Manager – Course

kZdFRXeuCuY | 14 Nov 2023

Become a Great Engineering Manager – Course

Master engineering management. This comprehensive course is tailored for aspiring leaders and current managers in the tech industry, offering valuable insights into the transition from a software developer to an engineering manager. You'll learn essential leadership skills, understand the nuances between technical lead and engineering management roles, and explore effective strategies for communication and feedback. ✏️ Course developed by @Kulkarniankita ⭐️ Contents ⭐️ ⌨️ (0:01:20) What I wish I knew before becoming a Engineering Manager ⌨️ (0:22:04) Software Engineering Manager vs Tech Lead (Software Engineer Career Paths) ⌨️ (0:37:07) Engineering Manager Roadmap ⌨️ (1:08:02) How to become a Great Leader ⌨️ (1:19:26) Master this skill once and watch your career skyrocket ⌨️ (1:27:40) How to give feedback as a Software Developer and Engineering Manager | Developer to Leader 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Azure Solutions Architect Expert Certification Course (AZ 305) – Pass the Exam!

i6NzKvGUsBs | 10 Nov 2023

Azure Solutions Architect Expert Certification Course (AZ 305) – Pass the Exam!

Prepare for the Azure Solutions Architect Expert Certification and pass! As a Microsoft Azure solutions architect, you will have subject matter expertise in designing cloud and hybrid solutions that run on Azure. ✏️ Developed by Andrew Brown of ExamPro 🔗 https://twitter.com/andrewbrown ⭐️ Contents ⭐️ ☁️ (0:00:00) Introduction ☁️ (0:17:27) Identity solutions ☁️ (0:38:57) Role based access control ☁️ (0:51:45) Azure Policies ☁️ (1:04:25) Azure Resource Manager ☁️ (1:26:06) ARM Templates ☁️ (1:47:07) Monitoring solutions ☁️ (2:07:18) Identity management best practices ☁️ (2:13:43) Azure Key Vault ☁️ (2:38:29) Integration with on premises solutions ☁️ (2:44:34) Storage Accounts ☁️ (3:00:00) Azure SQL Database ☁️ (3:14:31) Azure Synapse Analytics ☁️ (3:22:26) Azure Data Factory ☁️ (3:28:13) Azure Databricks ☁️ (3:31:29) Azure Data Lake ☁️ (3:37:35) Cosmos DB ☁️ (3:53:29) Azure Cache for Redis ☁️ (3:57:32) Non relational data storage solutions ☁️ (4:38:43) Backup and Disaster Recovery solutions ☁️ (4:57:14) Introduction to AKS ☁️ (5:01:42) Azure Regions and Availability Zones ☁️ (5:06:33) Azure Virtual Machines ☁️ (5:48:35) Azure App Service ☁️ (6:31:18) Azure Container Instances ☁️ (6:38:50) Azure Container Registry ☁️ (6:44:45) Azure Functions ☁️ (6:59:36) Azure Front Door ☁️ (7:22:36) Azure CDN ☁️ (7:25:47) Azure Service Bus ☁️ (8:05:53) Azure Event Grid ☁️ (8:40:06) Azure Event Hub ☁️ (9:04:40) Migration solutions ☁️ (9:18:59) Connectivity solutions ☁️ (9:29:16) Solutions to optimize network security ☁️ (9:36:33) Load Balancing and routing solutions 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Arduino Course for Everybody

DPqiIzK97K0 | 08 Nov 2023

Arduino Course for Everybody

Master the Arduino, a versatile electronics platform, through this comprehensive video course for beginners. Learn the fundamentals, build hands-on projects, explore advanced concepts, and harness the power of input devices to create your own electronic creations. ✏️ Course developed by @mathew2005 💻 Source Code: https://github.com/mathew2005/led-matrix ⭐️ Resources ⭐️ ▶ Inland Starter Pack: - Inland Nano FT232 Starter Kit: https://www.microcenter.com/product/617246/inland-nano-ft232-starter-kit - Inland Electronic Parts Pack: https://www.microcenter.com/product/486623/inland-electronic-parts-pack ▶ ELEGOO Starter Pack: - ELEGOO UNO Project Super Starter Kit: https://a.co/d/h9n8P5G - LED matrix: https://a.co/d/8EJ6t7P ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:16) Buying the right Arduino Kit ⌨️ (0:03:02) Using a Digital Simulator ⌨️ (0:04:20) Project #1 Overview: Basic LED Circuit ⌨️ (0:04:52) Breadboards ⌨️ (0:11:49) Resistors ⌨️ (0:20:57) LEDs ⌨️ (0:32:40) Assembly ⌨️ (0:38:47) Project Recap ⌨️ (0:43:07) Arduino Installation ⌨️ (0:44:55) Project #2: LED Blink Project ⌨️ (0:54:21) Homework #1 ⌨️ (0:56:52) Project #3: LED Traffic Light ⌨️ (1:04:00) Variables ⌨️ (1:11:58) Project Recap ⌨️ (1:12:50) Project #4: Analog Pins ⌨️ (1:34:41) Project #5: Volt Reader ⌨️ (1:57:25) Project #6: Dimmable LED with Potentiometer ⌨️ (2:13:18) Project # 7: Simple Buzz Modulator ⌨️ (2:34:53) Project #8: Melody Buzzer ⌨️ (2:49:33) Photoresistor ⌨️ (3:06:56) Thermistor ⌨️ (3:17:47) Temperature Sensor ⌨️ (3:20:23) Project #9: LM Temperature Sensor ⌨️ (3:46:34) Project #9: DHT Sensor ⌨️ (4:07:57) Project #10: Pushbuttons & Switches ⌨️ (4:30:51) RGB LED ⌨️ (5:13:25) Project #11: Color Picker RGB LED ⌨️ (6:12:04) One Digit 7-Segment LED Display ⌨️ (6:28:21) Project #12: Countdown timer ⌨️ (7:34:18) Four Digit 7-Segment LED Display ⌨️ (8:09:31) Project #13: Alarm Timer ⌨️ (9:15:57) 8 X 8 LED Matrix ⌨️ (9:37:20) Project #14: Input Display ⌨️ (10:28:04) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Create a Store with WordPress and AI Tutorial – Real AI-Generated Products

16BWeTg7mA0 | 07 Nov 2023

Create a Store with WordPress and AI Tutorial – Real AI-Generated Products

Learn how to create a WordPress e-commerce site that sells stickers created with AI. Also learn how to use AI to make WordPress development easier. ✏️ Course created by @beau 🏗️ Hostinger provided a grant to make this course possible. Sign up for Hostinger here: https://www.hostinger.com/getstarted ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:06) Set up hosting and domain ⌨️ (03:38) Set up WordPress with AI ⌨️ (08:20) Set up email ⌨️ (11:39) Start customizing WordPress ⌨️ (12:08) Create logo with AI ⌨️ (14:14) Update WordPress pages and store ⌨️ (22:47) Create images for site using AI ⌨️ (24:25) Update home page ⌨️ (28:24) Customize menus ⌨️ (31:44) Customize blog posts ⌨️ (33:12) Use AI to create sticker designs ⌨️ (38:10) Add products to store ⌨️ (47:09) Change look of cart ⌨️ (49:14) Add payment processing and shipping ⌨️ (52:03) Test order and set up billing method on Printful ⌨️ (53:53) Create first order ⌨️ (54:48) Conclustion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js Authentication - AuthJS / NextAuth for Role-Based Security

MNm1XhDjX1s | 06 Nov 2023

Next.js Authentication - AuthJS / NextAuth for Role-Based Security

Learn how to use NextAuth, soon to be called AuthJS. Learn how to use this tool to add authentication to Next.js 13.5. Dive into the world of role-based authentication and learn how to implement authentication on both server-rendered and client-rendered pages. Discover how to leverage out-of-the-box OAuth providers like Google and GitHub, and explore the process of creating your custom authentication provider using MongoDB. Stay ahead in the world of authentication with this comprehensive guide! 💻 Code: https://github.com/ClarityCoders/NextAuthTutorial-Video ✏️ Course developed by @ClarityCoders ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:41) Environment Setup / Extension Review ⌨️ (0:02:24) Project Creation ⌨️ (0:03:28) Install NextAuth (Auth.js) / Create Project Structure ⌨️ (0:15:36) Create NextAuth (Auth.js) API - Options / Routes ⌨️ (0:25:39) Setup built-in OAuth Provider - (Google / GitHub) ⌨️ (0:29:47) Login / Logout Funtionality ⌨️ (0:37:45) Protecting Pages - Server Side Page ⌨️ (0:40:10) Protecting Pages - Client Side Page ⌨️ (0:46:12) Protecting Pages - Middleware ⌨️ (0:53:58) Creating Custom Provider (Creating a Database of Users) ⌨️ (0:55:16) MongoDB Atlas Signup / Setup ⌨️ (0:58:04) Create User Models (Mongoose Schema) ⌨️ (1:00:37) User Form to Create Users ⌨️ (1:10:30) Create Users API ⌨️ (1:18:45) Setup Custom Provider 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Java Web App with Quarkus and JPAStreamer – Tutorial

KZnQ5R8Kd4I | 03 Nov 2023

Java Web App with Quarkus and JPAStreamer – Tutorial

In this course, you'll learn how to use Quarkus and JPAStreamer to build a REST web application. Quarkus is an open-source framework tailored for Java, optimized for building speedy cloud-native microservices and serverless applications, especially in containerized environments like Kubernetes. JPAStreamer, on the other hand, is a Java library that simplifies database interactions by allowing JPA entities to harness the expressiveness of Java Stream operations. Quarkus project configurator: hrrpa://code.quarkus.io JPAStreamer: https://jpastreamer.org/ ✏️ Julia Gustafsson developed this course. 🔗 Code: https://github.com/speedment/freeCodeCamp-tutorial 🏗️ Speedment and Quarkus provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (03:57) Introduction to Quarkus and JPAStreamer ⌨️ (07:43) Prerequisites ⌨️ (09:10) Project setup ⌨️ (13:53) Integrating the database ⌨️ (19:53) Creating the JPA data model ⌨️ (24:50) Creating the JPAStreamer data model ⌨️ (26:40) Building the REST application with Quarkus and JPAStreamer ⌨️ (31:23) Find by id ⌨️ (36:01) Paged query ⌨️ (41:43) Stream join ⌨️ (46:46) Updating an entity ⌨️ (51:03) Continuous testing ⌨️ (57:11) Debugging in development mode ⌨️ (59:03) Native compilation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Web Development with HTML & CSS – Full Course for Beginners

dX8396ZmSPk | 02 Nov 2023

Web Development with HTML & CSS – Full Course for Beginners

This course is an in-depth introduction to web development with HTML and CSS for complete beginners. We'll start with HTML and CSS basics, dive into some advanced concepts, and learn about Git, GitHub, and cloud deployment using Vercel. We'll also explore mobile-first responsive design, the Bootstrap CSS framework, and the Express web application framework. You'll solve coding assignments on building a web page from a mockup, creating a responsive mobile-first website, and crafting a scientific calculator. For the final project, you will build your personal portfolio website and deploy it to the cloud! ✏️ This course is designed and taught by Aakash N S, CEO and co-founder of Jovian. Check out their YouTube channel here: https://youtube.com/@jovianhq ⭐️ Contents & Code ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:34) Lesson 1 - HTML and CSS Basics https://jovian.com/sydney/html-and-css-basics ⌨️ (02:14:15) Lesson 2 - Advanced HTML and CSS https://jovian.com/aakashns/advanced-html-and-css ⌨️ (04:42:24) Assignment 1 - Design Mockup to Web Page https://jovian.com/aakashns/design-mockup-to-web-page ⌨️ (06:47:59) Lesson 3 - Version Control and Cloud Deployment https://jovian.com/sydney/version-control-and-cloud-deployment ⌨️ (08:59:42) Lesson 4 - Responsive Design and CSS Flexbox https://jovian.com/aakashns/responsive-design-and-css-frameworks ⌨️ (11:32:24) Assignment 2 - Mobile-First Responsive Web Design https://jovian.com/aakashns/mobile-first-responsive-design ⌨️ (12:31:43) Lesson 5 - Bootstrap CSS Framework https://jovian.com/aakashns/bootstrap-css-framework ⌨️ (14:56:51) Assignment 3 - Build a Scientific Calculator https://jovian.com/aakashns/build-a-scientific-calculator ⌨️ (16:34:34) Lesson 6 - Express Web Application Framework https://jovian.com/sydney/express-web-application-framework ⌨️ (18:30:21) Project - Build Your Personal Website https://jovian.com/aakashns/build-your-personal-website ⌨️ (19:00:35) Course Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Create and Deploy Websites and IaC by Chatting with AI

ywLxbDV9TBU | 01 Nov 2023

Create and Deploy Websites and IaC by Chatting with AI

Learn how to create and deploy websites and Infrastructure as Code by chatting with AI. Start using Pulumi AI: https://www.pulumi.com/ai 🏗️ Pulumi provided a grant to make this course possible. Course created by @beau ⭐️ Contents ⭐️ ⌨️ (00:00) Course Introduction ⌨️ (01:05) Deploy as simple website on AWS using AI ⌨️ (04:45) What is Infrastructure as Code? ⌨️ (08:45) Understanding Pulumi ⌨️ (11:21) Pulumi's program model and architecture ⌨️ (15:20) Setting up a Pulumi project ⌨️ (21:14) Pulumi AI ⌨️ (26:18) Creating a serverless function chain using AI ⌨️ (35:13) Searching IaC resources using AI ⌨️ (39:52) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Kotlin & Android Development Course: Build a Quiz Application

kNghEbknLs8 | 30 Oct 2023

Kotlin & Android Development Course: Build a Quiz Application

In this Kotlin and Android course, you will learn about collections, generics, lambdas, Android Studio, widgets, and more. You will also learn how to build a full quiz application for Android devices. ✏️ Alexandru Cristian created this course. Watch his Complete Android & Kotlin Development Course: https://www.udemy.com/course/kotlin-masterclass-learn-kotlin-from-zero-to-advanced/?couponCode=FREECODECAMP4AADC8F8 Chapters ⌨️ (0:00:00) Introduction ⌨️ (0:01:12) List, Set, Map ⌨️ (0:18:00) Mapping ⌨️ (0:29:51) Zipping and Association ⌨️ (0:44:57) Flatten ⌨️ (0:54:50) String Representation ⌨️ (1:05:51) Filtering ⌨️ (1:24:25) Test preifactes - any(), none(), all() ⌨️ (1:27:00) Plus and Minus Operators ⌨️ (1:30:16) Grouping ⌨️ (1:35:10) Retrieve Collections parts ⌨️ (1:55:15) Retreieve Single Elements ⌨️ (1:59:57) Aggregate Operations - sum(), count(), average(), minOrNull(), maxOrNull() ⌨️ (2:04:50) Comparable and Comparator ⌨️ (2:32:10) Binary Search ⌨️ (2:46:32) Generics - Type Paramenters and Casting ⌨️ (3:02:54) Generics - Upper Bounds ⌨️ (3:14:20) Generics - Covariance and Contravariance ⌨️ (3:26:49) Generics - Type Erasure and reifeid keyword ⌨️ (3:39:41) Generics - Where keyword; and 2 Upper Bounds ⌨️ (3:47:14) Access Modifiers ⌨️ (4:03:42) Packages and Imports ⌨️ (4:15:27) Exceptions - Try Catch, Finally ⌨️ (4:24:52) Lambda Functions ⌨️ (4:43:31) Lambdas - it modifier ⌨️ (4:47:17) Scope Functions ⌨️ (5:11:17) Download Android Studio ⌨️ (5:15:26) Android Studio Presentation ⌨️ (5:31:27) Android File Structure ⌨️ (5:38:45) Android XML and Design ⌨️ (5:47:49) Android XML properties ⌨️ (5:50:48) Android - what is does findViewById() function? ⌨️ (5:58:19) String XML ⌨️ (6:01:52) Android Manifest ⌨️ (6:09:06) Android Button and TextView ⌨️ (6:16:56) Android Button OnClickListener ⌨️ (6:26:11) Android EditText ⌨️ (6:37:41) Android App - Convert Inches ⌨️ (6:50:23) Android App - Convert Inches 2 ⌨️ (7:00:55) Android App - Change Color ⌨️ (7:12:40) Android Radio Buttons 1 ⌨️ (7:20:45) Android Radio Buttons 2 ⌨️ (7:29:24) Android SeekBar ⌨️ (7:47:03) Android Toggle Button ⌨️ (7:53:00) Quiz App - UI Welcome Screen ⌨️ (8:10:15) Quiz App - Creating Question Model ⌨️ (8:30:07) Quiz App - Setting the QuizActivity ⌨️ (8:42:43) Quiz App - Connecting the UI with the model ⌨️ (9:01:14) Quiz App - Adding the Button functionality ⌨️ (9:17:57) Quiz App - Selecting the Right and Wrong answers ⌨️ (9:32:35) Quiz App - Setting up the UI for ResultActivity ⌨️ (9:36:37) Quiz App - Improve Code ⌨️ (9:38:57) Quiz App - Sending data to Result Activity ⌨️ (9:55:12) Quiz App - Solve score bug 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Algorithmic Trading – Machine Learning & Quant Strategies Course with Python

9Y3yaoi9rUQ | 26 Oct 2023

Algorithmic Trading – Machine Learning & Quant Strategies Course with Python

In this comprehensive course on algorithmic trading, you will learn about three cutting-edge trading strategies to enhance your financial toolkit. In the first module, you'll explore the Unsupervised Learning Trading Strategy, utilizing S&P 500 stocks data to master features, indicators, and portfolio optimization. Next, you'll leverage the power of social media with the Twitter Sentiment Investing Strategy, ranking NASDAQ stocks based on engagement and evaluating performance against the QQQ return. Lastly, the Intraday Strategy will introduce you to the GARCH model, combining it with technical indicators to capture both daily and intraday signals for potential lucrative positions. ✏️ Course developed by @lachone_ 💻 Code and course resources: https://github.com/Luchkata/Algorithmic_Trading_Machine_Learning/tree/main 🔗 Learn more about Lachezar and Quantitative Trading with Python here: https://www.quantfactory.ai/p/become-a-quant-trader1 ⭐️ Contents ⭐️ 0:00:00 - Algorithmic Trading & Machine Learning Fundamentals 0:15:25 - Building An Unsupervised Learning Trading Strategy 2:05:08 - Building A Twitter Sentiment Investing Strategy 2:28:08 - Building An Intraday Strategy Using GARCH Model 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

MySQL Course for Beginners

uWkcxasFWzQ | 25 Oct 2023

MySQL Course for Beginners

Unlock the power of databases with my MySQL course! Whether you're new to databases or looking to level up your skills, we've got you covered. You will learn how to create, manage, and manipulate data using MySQL. Discover the secrets of keys, learn to write queries like a pro, and automate tasks with triggers. No jargon, just practical knowledge. 💻 Test Database Link: https://github.com/bytebase/employee-sample-database ✏️ Course developed by @KeepItTechie ⭐️ Contents ⭐️ ⌨️ (0:00:34) Introduction ⌨️ (0:01:03) MySQL Overview ⌨️ (0:01:49) Installation ⌨️ (0:05:08) Login to MySQL ⌨️ (0:06:47) Exploring MySQL ⌨️ (0:08:06) Show Databases ⌨️ (0:08:53) Create Database ⌨️ (0:10:01) Use Database ⌨️ (0:10:51) Create Table ⌨️ (0:14:38) Describe Table ⌨️ (0:15:21) Drop Table ⌨️ (0:16:15) Show Table ⌨️ (0:16:45) Drop Database ⌨️ (0:17:35) Install Test Database ⌨️ (0:24:10) Create User Accounts ⌨️ (0:27:34) Change Account Password ⌨️ (0:28:26) List All Accounts ⌨️ (0:29:27) Drop User Accounts ⌨️ (0:30:15) Grant Privileges ⌨️ (0:36:27) Revoke Privileges ⌨️ (0:38:38) Show Granted Privileges ⌨️ (0:39:15) Query ⌨️ (0:39:59) Select Query ⌨️ (0:43:58) Where Clause ⌨️ (0:46:31) Order By ⌨️ (0:48:51) Like ⌨️ (0:50:00) Insert Query ⌨️ (0:52:36) Update Query ⌨️ (0:54:31) Delete Query ⌨️ (0:55:27) Primary Key ⌨️ (0:56:50) Foreign Key ⌨️ (1:04:25) Inner Join ⌨️ (1:07:57) Left Join ⌨️ (1:09:13) Right Join ⌨️ (1:13:10) View ⌨️ (1:22:53) Index ⌨️ (1:27:40) Sub Query ⌨️ (1:29:43) Stored Procedure ⌨️ (1:34:46) Trigger ⌨️ (1:45:55) Processlist ⌨️ (1:47:08) Backup Database ⌨️ (1:51:03) Restore Database ⌨️ (1:54:08) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Harvard CS50 (2023) – Full Computer Science University Course

LfaMVlDaQ24 | 24 Oct 2023

Harvard CS50 (2023) – Full Computer Science University Course

Learn the basics of computer science from Harvard University. This is CS50, an introduction to the intellectual enterprises of computer science and the art of programming. The course is taught live every year and this is the 2023 version. 💻 Slides, source code, and more at https://cs50.harvard.edu/x. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Lecture 0 - Scratch ⌨️ (02:05:47) Lecture 1 - C ⌨️ (04:35:19) Lecture 2 - Arrays ⌨️ (06:59:38) Lecture 3 - Algorithms ⌨️ (09:01:13) Lecture 4 - Memory ⌨️ (11:26:33) Lecture 5 - Data Structures ⌨️ (13:42:44) Lecture 6 - Python ⌨️ (15:58:02) Lecture 7 - SQL ⌨️ (18:18:30) Lecture 8 - HTML, CSS, JavaScript ⌨️ (20:58:14) Lecture 9 - Flask ⌨️ (23:19:07) Lecture 10 - Emoji ⌨️ (25:05:28) Cybersecurity --- HOW TO JOIN CS50 COMMUNITIES Discord: https://discord.gg/cs50 Ed: https://cs50.harvard.edu/x/ed Facebook Group: https://www.facebook.com/groups/cs50/ Faceboook Page: https://www.facebook.com/cs50/ GitHub: https://github.com/cs50 Gitter: https://gitter.im/cs50/x Instagram: https://instagram.com/cs50 LinkedIn Group: https://www.linkedin.com/groups/7437240/ LinkedIn Page: https://www.linkedin.com/school/cs50/ Medium: https://cs50.medium.com/ Quora: https://www.quora.com/topic/CS50 Reddit: https://www.reddit.com/r/cs50/ Slack: https://cs50.edx.org/slack Snapchat: https://www.snapchat.com/add/cs50 SoundCloud: https://soundcloud.com/cs50 Stack Exchange: https://cs50.stackexchange.com/ TikTok: https://www.tiktok.com/@cs50 Twitter: https://twitter.com/cs50 YouTube: https://www.youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN Facebook: https://www.facebook.com/dmalan GitHub: https://github.com/dmalan Instagram: https://www.instagram.com/davidjmalan/ LinkedIn: https://www.linkedin.com/in/malan/ TikTok: https://www.tiktok.com/@davidjmalan Twitter: https://twitter.com/davidjmalan LICENSE CC BY-NC-SA 4.0 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License https://creativecommons.org/licenses/by-nc-sa/4.0/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Pytest Tutorial – How to Test Python Code

cHYq1MRoyI0 | 23 Oct 2023

Pytest Tutorial – How to Test Python Code

Learn how to use pytest, the powerful testing framework for Python. Throughout this course you'll gain a deep understanding of pytest's features, best practices, and the nuances of writing effective tests. And at the end, you'll learn how you can use ChatGPT to help you write tests quicker. ✏️ Course developed by @iamrithmic 𝑿 https://twitter.com/rithmio ⭐️ Contents ⭐️ (0:00:00) Introduction (0:06:06) Our First Tests (0:19:28) Class-based Tests (0:29:49) Fixtures (0:41:10) Mark & Parametrize (0:55:24) Mocking (1:13:16) Testing with ChatGPT 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js, Tailwind CSS, and MongoDB Project Tutorial – Ticketing App

H0vhkoXljq0 | 20 Oct 2023

Next.js, Tailwind CSS, and MongoDB Project Tutorial – Ticketing App

Learn how to create a cutting-edge ticketing application from scratch using Next.js, the new app router, and the power of Tailwind CSS for sleek styling. Learn how to set up a MongoDB Atlas database and seamlessly connect it to your Next.js app using the Mongoose library. Whether you're a beginner or an experienced developer, this step-by-step video will help you master the art of building web applications with the latest technologies. 💻 Code: https://github.com/ClarityCoders/Ticket-Tutorial-App ✏️ Course developed by @ClarityCoders -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Front End Developer Roadmap 2024

9He4UBLyk8Y | 19 Oct 2023

Front End Developer Roadmap 2024

Learn what technologies you should learn first to become a front end web developer. Watch the full learning front end learning path: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmMuZ3saqRIBimAKIMYkt0E ✏️ This video was developed by @beau 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AI SaaS Chat Bot using MERN Stack – Tutorial

wrHTcjSZQ1Y | 18 Oct 2023

AI SaaS Chat Bot using MERN Stack – Tutorial

Learn how to build a secure and scalable AI chatbot with the MERN Stack and advanced authentication in this comprehensive course! The project is a ChatGPT Clone. The project uses React, Node, MongoDB, Express, and Typescript. By the end of this video you will have a deep understanding of creating an advanced, secure, and production ready SaaS applications with the MERN stack. 💻 Code: https://github.com/Nikhilthadani/MERN-AI-ChatBot ✏️ Created by @IndianCoders Key features: - MERN stack deep guide - Create user authentication and authorization system - Implementing express-validators middleware to validate data - Storing user's chats in MongoDB - Generating custom and our own authentication system - Using JWT authorization tokens, HTTP only cookies - Protecting user routes with verification checks - Modern React app with Vite - Creating beautiful chat UI with Material UI library - Complete responsive design - Modern design - Integrating OpenAI with Node, Express MERN stack app - A full stack ChatGPT like clone - Storing user sessions ⭐️ Contents ⭐️ 0:00:35 Introduction, Demo and Overview 0:07:39 Deep Introduction About Our Goals 0:08:33 What is MERN Stack? 0:09:56 Why should we use MERN Stack instead of other stacks? 0:12:30 Technical Introduction On Our Project 0:13:57 Setup Node, Express Starting Project With TypeScript 0:18:52 How to create REST API With NodeJS and Express (Practical) 0:31:15 Setup MongoDB Database Connection 0:43:46 Get API Keys From OpenAI 0:46:05 Setting Up Routes For Users and Chats 0:53:19 Define Database Models and Schema 0:59:30 Creating our first GET Request to get all users 1:05:24 Creating User Signup POST Route To Store Users 1:13:35 What is a Middleware? 1:18:20 Setting up data validation middleware with express-validator library 1:29:34 Creating User Login Route 1:37:51 Deep dive into User Authentication and Authorization With JWT Access Tokens and HTTP Only Cookies (Explanation) 1:44:45 Implementing JWT Tokens 1:49:50 Setting HTTP Only Cookies with Cookie-parser 1:57:05 Setting Up Frontend. A React App With Vite and Typescript, Installing Dependencies, Importing Fonts 2:08:29 Creating a customized theme of Material UI 2:09:58 Add Routes with react-router-dom 2:14:16 Design App's Header 2:23:30 Adding Authentication Context Provider 2:36:32 Adding Navigation Links To Header 2:46:07 Designing Login Screen UI 3:05:40 Creating and Sending API Request to backend 3:19:33 Keeping the user logged in: Verify JWT Token Validity and Login the user 3:35:43 Integrating OpenAI to NodeJS application and creating chat completion route request 3:51:57 Designing Chat Page UI on Frontend 4:25:03 Sending API Request For Chat completion 4:34:26 Display Code Blocks in React App 4:51:00 Fetch All Chats Of User On Refresh 4:58:16 Deleting all chats of user 5:02:56 Adding Protected Routes and Logout user request 5:11:50 Creating Signup UI 5:15:30 Design Homepage UI: Adding Typing Animation and Images Rotation and Screenshot of our chat. 5:31:21 Fixing alignment issues 5:34:35 Summary! 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Godot Tutorial for Unity Developers (and other beginners)

1EFKe24X8vI | 16 Oct 2023

Godot Tutorial for Unity Developers (and other beginners)

Learn the basics of Godot for game development. This course is perfect for Unity developers transitioning to Gadot, but it will also help people who are new to game development in general. You will learn how to navigate the interface and build a simple Flappy bird game. Assets - https://megacrash.itch.io/flappy-bird-assets Github Repo: https://github.com/CodingQuests/frappy-bird-Reference ✏️ Course created by @CodingQuests ⭐️ Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:43) Creating Project ⌨️ (03:00) Step 1 - Godot UI ⌨️ (11:53) Step 2 - Physics and Programming ⌨️ (23:25) Step 3 - Spawning Objects ⌨️ (38:04) Step 4 - Logic and UI ⌨️ (59:16) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

PostgreSQL Tutorial for Beginners

SpfIwlAYaKk | 13 Oct 2023

PostgreSQL Tutorial for Beginners

Learn PostgreSQL, one of the world's most advanced and robust open-source relational database systems. Whether you're a beginner looking to set up your first database, or a seasoned developer aiming to scale and optimize complex data structures, this course has something valuable for you. ✏️ Alexandru Cristian created this course. Watch his Complete Android & Kotlin Development Course: https://www.udemy.com/course/kotlin-masterclass-learn-kotlin-from-zero-to-advanced/ ⭐️ Contents ⭐️ (0:00:00) PostgreSQL Introduction (0:02:03) Windows Installation - PostgreSQL and PgAdmin with Database Setup (0:17:12) SELECT statement (0:27:25) SELECT Challenge (0:31:17) SELECT DISTINCT (0:39:13) SELECT DISTINCT Challenge (0:41:09) COUNT (0:54:03) SELECT WHERE (1:02:13) SELECT WHERE Example (1:11:19) SELECT WHERE Challenge (1:15:01) COUNT (1:27:56) ORDER BY (1:35:21) LIMIT (1:42:05) BETWEEN Statement (1:48:48) IN Statement (1:54:18) LIKE and ILIKE (2:11:00) General Challenge (2:14:28) Aggregate Functions (2:20:02) GROUP BY (2:26:08) GROUP BY example (2:37:17) GROUP BY Challenge (2:38:22) HAVING command (2:48:05) AS Statement 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Bun Tutorial – JavaScript Runtime (Node.js Alternative) [Full Course]

eTB0UCDnMQo | 12 Oct 2023

Bun Tutorial – JavaScript Runtime (Node.js Alternative) [Full Course]

Welcome this Bun crash course. Bun is a cutting-edge toolkit designed to supercharge your JavaScript and TypeScript applications. With its lightning-fast startup times, built-in support for TypeScript and JSX, and a range of powerful features designed to seamlessly replace Node.js, Bun promises to revolutionize your development experience. Whether you're looking to optimize serverless functions or enhance your workflow, this course will empower you to leverage Bun's full potential and seamlessly integrate it into your projects. ✏️ This course was developed by @haidermalik3402. Check out more of his courses: https://www.udemy.com/user/5512f7602d2ad/ Contents ⌨️ (0:00:00) Getting Started with Bun ⌨️ (0:08:42) Creating Web Server in Bun ⌨️ (0:19:24) Creating Route ⌨️ (0:22:00) Error Handling ⌨️ (0:24:14) Streaming Text File ⌨️ (0:25:32) Setup Web Server in Elysia ⌨️ (0:28:55) Route and Handler ⌨️ (0:42:18) State and Decorate ⌨️ (0:45:56) Plugin ⌨️ (0:51:39) Group ⌨️ (0:54:20) Schema ⌨️ (1:00:30) Path Params Validations ⌨️ (1:02:17) Build a Frontend using Vite and Bun ⌨️ (1:04:40) Build Express server with Bun 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)

qDunJ0wVIec | 11 Oct 2023

Build and Deploy Notion Clone – Full Stack Tutorial (NextJS 13, DALL•E, DrizzleORM, OpenAI, Vercel)

Learn how to build and deploy a Notion clone in this full-stack tutorial. You will use NextJS 13.4, Vercel, and more. Throughout this journey, you will gain expertise in the following areas: 🌐 Leveraging NextJS 13's cutting-edge App Router. 🔥 Utilize DALLE AI Image Generation 🎨 Harnessing the beauty of Shadcn and the power of Tailwind CSS. 🧠 Unleashing the capabilities of OpenAI's API for Language Model usage. 🗃️ Interacting with databases with the efficiency of ORMs. 💻 Code: GitHub Repo: https://github.com/elliott-chong/aideation-yt 📋 Pastebins for Code Timestamps Timestamp 21.06 globals.css grainy https://pastebin.com/1Q1tfyFy Timestamp 1.45.35 TipTapMenuBar.tsx https://pastebin.com/4dMDEW0B Timestamp 2.09.12 /api/completion/route.ts https://pastebin.com/ADU34Ftq 📚 Referenced Resources Vercel AI SDK: https://vercel.com/blog/introducing-the-vercel-ai-sdk Connect With Me 🔥🚀 : Email: [email protected] GitHub: https://github.com/elliott-chong Website: https://elliottchong.tech ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro & Demo ⌨️ (0:03:48) Outline Knowledge ⌨️ (0:05:36) Set Up Project ⌨️ (0:08:07) Set Up shadcn ⌨️ (0:11:42) Set Up Clerk Auth ⌨️ (0:20:07) Landing Page ⌨️ (0:30:09) Dashboard UI ⌨️ (0:36:06) DrizzleORM ⌨️ (0:48:48) Create Note UI ⌨️ (0:58:12) OpenAI Generate Image Prompt ⌨️ (1:07:46) Create NoteBook API ⌨️ (1:24:25) Notebook Page UI ⌨️ (1:34:42) TipTap Editor & MenuBar ⌨️ (1:49:44) Debounce Save ⌨️ (2:03:58) AI Autocomplete ⌨️ (2:20:42) KBD UI ⌨️ (2:22:40) Firebase ⌨️ (2:45:57) Delete Note ⌨️ (2:50:55) Deploy & Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Prompt Engineering for Web Devs - ChatGPT and Bard Tutorial

ScKCy2udln8 | 10 Oct 2023

Prompt Engineering for Web Devs - ChatGPT and Bard Tutorial

This course will help you to code, learn, and get jobs faster than you ever have before! Try the interactive Scrimba version here: https://scrimba.com/learn/promptengineering When it comes to leveraging AI language models, your output is often only as good as your input. In other words, it’s all about learning how best to communicate your desired results. Effective prompt engineering is the secret sauce for getting the most out of AI. To get the most value out of this course, you should know JavaScript and React. Follow Scrimba on YouTube: https://www.youtube.com/c/scrimba Follow the teacher Treasure on LinkedIn: https://www.linkedin.com/in/treasureporth ⭐️ Contents ⭐️ (0:00:00) Introduction (0:01:52) Welcome to the Course! (0:05:42) Intro: What is Prompt Engineering? (0:07:17) Prompt Engineering Basics, Part 1 (0:14:16) Prompt Engineering Basics, Part 2 (0:20:11) Quiz: Prompt Engineering Basics (0:22:53) Control the length and format of GPT's responses (0:31:40) Challenge: Haiku-ish Generator (0:37:05) Break Tasks Into Smaller Steps (0:44:25) Quiz: Break Tasks into Smaller Steps (0:46:17) Prompt Iteratively: Prompt, Evaluate, Repeat (0:50:16) Optimize prompts (0:53:45) Challenge: Build a Simple Modal with an Optimized Prompt (0:57:37) Role-based prompting (1:04:00) Practice: Plan an App with Role-Based Prompting (1:07:43) Prompt with Examples (1:11:38) Challenge: Seltzer Flavor Generator (1:14:05) Solution: Seltzer Flavor Generator (1:19:53) Beware Hallucinating! (1:24:20) Recap: Prompt Engineering (1:25:10) Intro: AI Assisted Coding (1:26:11) Generate code with pseudocode (1:30:20) Generate code using a pseudo language (1:35:42) Challenge: Generate a Form with Pseudo Language (1:38:04) Generate Edge Cases (1:43:22) Generate Test Cases (1:48:06) Practice: Test a function and generate edge cases (1:53:05) Debugging and Error Messages (1:57:10) Convert Code (1:59:45) Challenge: Convert Code (2:01:44) Document Code (2:05:30) Study Web Development via Prompt Engineering, Pt 1 (2:10:07) Study Web Development via Prompt Engineering, Pt 2 (2:14:22) Review and Practice: Study Web Development (2:15:30) Explore APIs with Bard (2:22:00) Get Help with Git and Github (2:24:33) Get Help Deploying (2:27:47) When to Step Back from AI (2:30:13) Recap: AI-Assisted Coding (2:30:55) Intro: Using AI Language Models for Job Search (2:31:27) Generate, Learn and Practice DS/Algo Problems, Part 1 (2:39:25) Generate, Learn and Practice DS/Algo Problems, Part 2 (2:43:27) Challenge: Solving Classic FizzBuzz with ChatGPT (2:46:38) Review and Analyze Code (2:50:27) Practice: Review and Analyze a Code Solution (2:53:30) Get Live Code Interview Advice and Practice (2:58:31) Job Search - Get Help Writing Job Search Docs (3:04:37) Practice Interview Questions (3:12:12) Congrats, Prompt Engineers 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

The Ethics of AI & Machine Learning [Full Course]

qpp1G0iEL_c | 06 Oct 2023

The Ethics of AI & Machine Learning [Full Course]

Should AI systems have personhood? Is AI biased? Go from 0 to 1 in AI ethics in 90 minutes! In this video, you will learn about the foundations of AI, its applications, and the ethical considerations that shape this transformative field. ✏️ Course created by Seth Goldin - https://twitter.com/seth_goldin ⭐️ Course Contents ⭐️ ✨ (00:00) Opening Remarks 📝 (02:08) Intro to AI Ethics 🤖 (10:52) Basics of AI/ML 🧠 (18:37) Neural Networks 🐶 (25:56) Datasets ⬛ (28:54) Limitations of AI & Black Boxes ⚖️ (38:48) Intro to Ethics 💭 (45:38) Thought Experiments ☣️ (52:06) The Singularity and AI Risk 🫀 (01:02:16) AI in Healthcare ✏️ (01:08:45) AI in Education 📈 (01:13:29) AI in Finance 🫂 (01:18:37) AI in Employment 🌏 (01:27:00) AI and Policy 🌱 (01:37:49) Future of Ethical AI This course also showcases segments from guest speakers Sneha Revanur (https://twitter.com/sneharevanur) from Encode Justice, Okezue Bell (https://twitter.com/okezuebell) from Fidutam, and Emilia Javorsky (https://futureoflife.org/person/emilia-javorsky-md-mph/) from the Future of Life Institute. Mostly unaffiliated links to dive deeper into topics discussed in this course: 🔗Deep Reinforcement Learning Visualized: https://www.youtube.com/watch?v=2tamH76Tjvw 🔗Deep Learning Crash Course: https://www.youtube.com/watch?v=VyWAvY2CF9c 🔗The Rise of the Machines - Why Automation is Different this Time: https://youtube.com/watch?v=WSKi8HfcxEk 🔗Do Robots Deserve Rights? What if Machines Become Conscious?: https://www.youtube.com/watch?v=DHyUYg8X31c 🔗​​The big debate about the future of work, explained: https://www.youtube.com/watch?v=TUmyygCMMGA 🔗A Collection of Lectures on the Ethical implications of Data and Artificial Intelligence from Different Perspectives: https://aiethicscourse.org/ 🔗Predictive Policing: https://www.youtube.com/watch?v=A-PrLbawdgg 🔗Elections and Disinformation: https://www.goodreads.com/en/book/show/28186015 🔗AI Safety – Full Course on Machine Learning & Ethics (Center for AI Safety): https://www.youtube.com/watch?v=agEPmYdbQLs 🔗How AI Could Save (Not Destroy) Education | Sal Khan: https://www.youtube.com/watch?v=hJP5GqnTrNo 🔗ProPublica Study on Recidivism: https://www.propublica.org/article/how-we-analyzed-the-compas-recidivism-algorithm 🔗Course on AI Safety: https://aisafetyfundamentals.com/ YouTube videos with brief clips utilized in this course: 📼The Trolley Problem | The Good Place: https://www.youtube.com/watch?v=DtRhrfhP5b4 📼AlphaFold: The making of a scientific breakthrough: https://www.youtube.com/watch?v=gg7WjuFs8F4 📼Stock Market Crash - Flash Crash May 6, 2010: https://www.youtube.com/watch?v=E1xqSZy9_4I 📼Taylor Swift – Starboy (AI) and Barack Obama Deepfake supplied by Encode Justice 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)

K4ziF0MhbLc | 05 Oct 2023

Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)

Build and deploy a full-stack e-commerce website with Next.js 13.4 and the new app router. This tutorial will walk you through harnessing Next.js server actions, managing databases with Prisma, constructing a dynamic website akin to Amazon, and ensuring user security with Next-Auth, MongoDB, and Google login. Enhance user experience with anonymous carts and a stellar UI via TailwindCSS and DaisyUI. Seamlessly deploy on Vercel, optimize page metadata, streamline Prisma requests with React cache, and set up essential developer tools for a smooth coding journey. ⭐️ Code & Resources ⭐️ Starting code: https://github.com/codinginflow/nextjs-ecommerce/tree/0-Starting-Point tailwind.config.js: https://github.com/codinginflow/nextjs-ecommerce/blob/0-Starting-Point/tailwind.config.js Favicon: https://github.com/codinginflow/nextjs-ecommerce/blob/0-Starting-Point/src/app/favicon.ico Opengraph-image: https://github.com/codinginflow/nextjs-ecommerce/blob/0-Starting-Point/src/app/opengraph-image.png Image assets: https://github.com/codinginflow/nextjs-ecommerce/tree/0-Starting-Point/src/assets MongoDB Atlas: https://www.mongodb.com/atlas/database Add to cart button with SVG icon: https://github.com/codinginflow/nextjs-ecommerce/blob/7-Add-to-Cart-Button/src/app/products/%5Bid%5D/AddToCartButton.tsx Footer: https://github.com/codinginflow/nextjs-ecommerce/blob/8-Navbar-Footer/src/app/Footer.tsx Google Cloud Console: https://console.cloud.google.com/ Prisma schema with user accounts: https://github.com/codinginflow/nextjs-ecommerce/blob/10-User-Authentication/prisma/schema.prisma UserMenuButton with SVG icon: https://github.com/codinginflow/nextjs-ecommerce/blob/10-User-Authentication/src/app/Navbar/UserMenuButton.tsx PaginationBar: https://github.com/codinginflow/nextjs-ecommerce/blob/12-Pagination/src/components/PaginationBar.tsx ✏️ Course created by @codinginflow 𝑿: https://twitter.com/codinginflow ⭐ Get his full-stack NextJS with Express & TypeScript course: https://codinginflow.com/nextjs 💌 Join his newsletter for regular web dev tips: https://codinginflow.com/newsletter ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + prerequisites ⌨️ (0:08:48) Project setup ⌨️ (0:28:18) Prisma + MongoDB setup ⌨️ (0:45:42) Add product page (Server action in server component) ⌨️ (1:31:07) Products list page ⌨️ (2:00:11) Product details page (generateMetadata + React cache) ⌨️ (2:17:14) Add to cart button (Server action in client component) ⌨️ (3:01:01) Navbar + footer ⌨️ (3:26:38) Cart page ⌨️ (3:53:50) User login (Next-Auth) ⌨️ (4:33:37) Merging user cart with anonymous cart ⌨️ (5:01:26) Pagination ⌨️ (5:25:56) Search functionality ⌨️ (5:32:48) Prisma extension ⌨️ (5:46:42) Deployment + social preview 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

VS Code Tutorial – Become More Productive

heXQnM99oAI | 04 Oct 2023

VS Code Tutorial – Become More Productive

In this full Visual Studio Code course, you will learn how to use built-in features, the best settings/extensions, and workflows to make yourself more productive. ✏️ Course developed by @ChrisSev_ Chris on Twitter: https://twitter.com/chris__sev ⭐️ Contents ⭐️ ⌨️ (0:00:00) 01: Welcome to Productive VS Code ⌨️ (0:01:49) 02: How I Use VS Code To Be Productive ⌨️ (0:05:42) 03: Installing VS Code ⌨️ (0:07:31) 04: A Tour of VS Code's UI ⌨️ (0:11:34) 05: VS Code's #1 Essential Tool: The Command Palette ⌨️ (0:15:31) 06: VS Code Themes and Icon Themes ⌨️ (0:22:26) 07: 20 Best VS Code Themes ⌨️ (0:32:02) 08: VS Code Fonts and Important Font Settings ⌨️ (0:42:14) 09: My 5 Favorite Coding Fonts ⌨️ (0:48:16) 10: Important VS Code Appearance Settings ⌨️ (0:54:52) 11: Intro to Get to Know VS Code ⌨️ (0:55:52) 12: VS Code's Explorer: Your Home Base ⌨️ (1:03:52) 13: VS Code's Editor Area: Where Magic Happens ⌨️ (1:13:46) 14: VS Code's IntelliSense: The Smartest Helper ⌨️ (1:21:49) 15: Find and Replace All the Things in VS Code ⌨️ (1:30:25) 16: Refactoring in VS Code ⌨️ (1:34:23) 17: Extensions and Customization in VS Code ⌨️ (1:41:18) 18: Settings Sync in VS Code ⌨️ (1:42:21) 19: Using Snippets in VS Code ⌨️ (1:51:40) 20: Using Emmet in VS Code ⌨️ (1:57:03) 21: VS Code's Command Line Tools ⌨️ (2:00:09) 22: Get Started w/ HTML & CSS in VS Code ⌨️ (2:11:35) 23: 5 Best HTML/CSS Extensions for VS Code ⌨️ (2:20:13) 24: Using node and npm in VS Code ⌨️ (2:28:48) 25: Using JavaScript in VS Code ⌨️ (2:37:29) 26: Using ESLint in VS Code ⌨️ (2:45:52) 27: The Best JavaScript Extensions for VS Code ⌨️ (2:52:46) 28: Using React in VS Code + 2 Best Extensions ⌨️ (3:06:14) 29: Using Vue.js in VS Code + 3 Best Extensions ⌨️ (3:13:58) 30: Using Tailwind in VS Code + 3 Best Extensions ⌨️ (3:21:48) 31: Using Markdown in VS Code + 3 Best Extensions ⌨️ (3:30:12) 32: PHP and Laravel in VS Code + 7 Best Extensions ⌨️ (3:38:28) 33: Quick Ways to Make VS Code Look Good ⌨️ (3:44:34) 34: The Starting Point for VS Code Workflows ⌨️ (3:47:53) 35: Minimalism in VS Code ⌨️ (3:58:01) 36: Using the Terminal in VS Code ⌨️ (4:03:53) 37: Using Git and GitHub in VS Code ⌨️ (4:16:29) 38: 5 Best Git Extensions for VS Code ⌨️ (4:23:53) 39: Using Multiple Projects in VS Code ⌨️ (4:34:06) 40: Autosave and Autoformat in VS Code: An Awesome Combo ⌨️ (4:41:39) 41: Get a Browser in VS Code with Browser Preview ⌨️ (4:46:15) 42: Getting Started w/ Keyboard Shortcuts in VS Code ⌨️ (4:53:02) 43: Basic Editing Shortcuts in VS Code ⌨️ (4:57:52) 44: Navigating Around VS Code w/ Keyboard Shortcuts ⌨️ (5:03:48) 45: Multi Cursor: My Favorite Feature ⌨️ (5:12:18) 46: Keyboard Shortcuts for VS Code's UI ⌨️ (5:16:14) 47: Keyboard Shortcuts Cheat Sheet for VS Code ⌨️ (5:17:35) 48: GitHub Pull Requests and Issues in VS Code ⌨️ (5:27:43) 49: Editing GitHub Remote Repos in VS Code ⌨️ (5:30:55) 50: Calling APIs in VS Code ⌨️ (5:35:41) 51: Vim in VS Code: Blazing Fast ⌨️ (5:44:24) 52: Artificial Intelligence Coding Helpers in VS Code ⌨️ (5:52:59) 53: Right Sidebar in VS Code is Weird but Cool ⌨️ (5:54:23) 54: Outro to Productive VS Code 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

SvelteKit & TailwindCSS Tutorial – Build & Deploy a Web Portfolio

-2UjwQzxvBQ | 03 Oct 2023

SvelteKit & TailwindCSS Tutorial – Build & Deploy a Web Portfolio

Learn how to use SvelteKit & TailwindCSS by building a responsive web portfolio. Course created by @Smoljames ⭐️ Resources ⭐️ 🔗 Github repository - https://github.com/jamezmca/hughjass 🔗 Init SvelteKit w. TailwindCSS - https://tailwindcss.com/docs/guides/sveltekit 🔗 Google fonts - https://fonts.google.com/ 🔗 Font Awesome CDN - https://cdnjs.com/libraries/font-awesome 🔗 Font Awesome Icons - https://fontawesome.com/icons ⭐️ Contents ⭐️ 00:00 Intro 01:22 Project Demo 02:39 Code portfolio 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

API Security for PCI Compliance (Data Security Standard)

dlK7jec2rXo | 02 Oct 2023

API Security for PCI Compliance (Data Security Standard)

Learn about API security with this course that is tailored to address the pivotal PCI DSS 4.0 requirements. PCI DSS stands for Payment Card Industry Data Security Standard. It is a set of security standards designed to ensure that all companies that accept, process, store, or transmit credit card information maintain a secure environment. As the PCI standard takes a definitive turn to spotlight API security for the first time, understanding its intricacies becomes crucial for businesses. Dive in to decode what DSS 4.0 means for your organization, why APIs are now in the limelight of attackers, and gain invaluable insights into ensuring compliance. ✏️ Course created by Dan Barahona. Learn more about API Security at https://www.apisecuniversity.com ⭐️ Course Topics ⭐️ ⌨️ Introduction ⌨️ Why API Security ⌨️ PCI Overview ⌨️ Data Security Standard ⌨️ Reviewing the DSS Requirements ⌨️ Conclusion & Best Practices 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Astro Web Framework Crash Course

e-hTm5VmofI | 29 Sep 2023

Astro Web Framework Crash Course

Learn to use Astro in this beginner's tutorial. Astro is an all-in-one web framework for building fast, content-focused websites like landing pages, blogs, technical documentation, and more. ✏️ This course was developed by @JamesQQuick 🔗 Longer Astro Course: https://astrocourse.dev/ 💻 Code: https://github.com/jamesqquick/astro-course-demo Astro Docs - https://docs.astro.build/ SSG vs SSR Diagram - https://app.eraser.io/workspace/CmsSg90ShrgnuACWRsPH?origin=share ⌨️ (0:00:00) Intro ⌨️ (0:00:35) What We'll Cover ⌨️ (0:01:23) Creating an Astro Project ⌨️ (0:06:23) Astro Overview (components, file based routing, css, and more) ⌨️ (0:13:23) Astro Setup in VS Code ⌨️ (0:16:23) Setting Up Tailwind ⌨️ (0:18:23) Updating the Site Layout ⌨️ (0:27:23) Working with Markdown and Content Collections ⌨️ (0:34:23) Querying and Displaying Blog Posts Using Content Collections ⌨️ (0:40:23) Creating Dynamic Routes For Individual Blog Posts ⌨️ (0:46:38) Tailwind Typography Plugin ⌨️ (0:47:53) Optimizing Images ⌨️ (0:52:43) Using the ViewTransitions API ⌨️ (0:54:03) Adding Support for MDX ⌨️ (0:56:23) Deploy to Netlify and Vercel ⌨️ (0:59:23) Enabling SSR in Astro ⌨️ (1:08:53) Astro Server Endpoints ⌨️ (1:12:23) Deploying SSR to Netlify and Vercel ⌨️ (1:16:23) Wrap Up 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

LangChain Crash Course for Beginners

lG7Uxts9SXs | 28 Sep 2023

LangChain Crash Course for Beginners

Learn how to use LangChain in this crash course for beginners. LangChain is a framework designed to simplify the creation of applications using large language models. It makes it easy to connect AI models with a bunch of different data sources so you can create customized NLP applications. ✏️ Course developed by @rishabkumar7 ⭐️ Resources and Code ⭐️ Code Pets Name Generator - https://github.com/rishabkumar7/pets-name-langchain YouTube Assistant - https://github.com/rishabkumar7/youtube-assistant-langchain LangChain docs - https://docs.langchain.com/docs/ Streamlit - https://streamlit.io ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro to LangChain ⌨️ (0:03:19) Requirements for the projects ⌨️ (0:05:04) First Project - Pets Name Generator ⌨️ (0:28:41) Agents within LangChain ⌨️ (0:35:54) Second Project - YouTube Assistant ⌨️ (0:40:04) Creating our own vector stores ⌨️ (1:01:44) Conclusion and OpenAI API Costs 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Java Basics – Crash Course

GdzRzWymT4c | 27 Sep 2023

Java Basics – Crash Course

Learn the basics of Java programming is this crash course for beginners. ✏️ Course developed by @programmingwithalex.585 ⭐️ Contents ⭐️ ⌨️ (0:00:55) Install Intellij IDEA ⌨️ (0:07:16) Hello World ⌨️ (0:13:34) Keywords Explained ⌨️ (0:20:13) Variables ⌨️ (0:29:01) Variables: int. byte and long ⌨️ (0:41:54) Datatype: short ⌨️ (0:44:20) Datatypes: float and double ⌨️ (0:50:39) Datatypes: boolean and char ⌨️ (0:54:52) Operators and Operations ⌨️ (1:12:45) if statement ⌨️ (1:23:19) else if and logical NOT operator ⌨️ (1:34:09) Nested ifs ⌨️ (1:36:31) logical AND operator ⌨️ (1:41:09) logical OR operator ⌨️ (1:44:58) SWITCH statement ⌨️ (1:55:22) enhanced SWITCH ⌨️ (1:57:23) FOR loop ⌨️ (2:04:49) while and do while loop ⌨️ (2:13:17) Functions ⌨️ (2:24:38) Functions return ⌨️ (2:31:04) Arrays ⌨️ (2:46:00) Arrays Challenge ⌨️ (2:50:57) Classes ⌨️ (3:03:57) Classes getters and setters ⌨️ (3:11:26) OOP: constructors ⌨️ (3:19:57) OOP: inheritance ⌨️ (3:32:27) static keyword 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Nuxt 3 — Course for Beginners

fTPCKnZZ2dk | 26 Sep 2023

Nuxt 3 — Course for Beginners

Learn how to use Next 3 in this full tutorial for beginners. Nuxt.js is a progressive JavaScript framework for building user interfaces on the web. Nuxt makes it easy to create server-rendered applications, static websites, and single-page applications. ✏️ Course developed by @codewithguillaume Contents ⌨️ (0:00:00) Intro ⌨️ (0:02:51) Create an App ⌨️ (0:11:07) Pages ⌨️ (0:22:37) Components ⌨️ (0:32:10) Layouts ⌨️ (0:37:47) Assets ⌨️ (0:48:40) Composables ⌨️ (0:55:00) Plugins ⌨️ (1:00:43) Middlewares ⌨️ (1:07:36) Modules ⌨️ (1:12:57) State Management ⌨️ (1:23:28) Server ⌨️ (1:33:42) Nitro ⌨️ (1:38:17) Rendering modes ⌨️ (1:52:04) useFetch ⌨️ (2:02:27) useAsyncData ⌨️ (2:08:16) SEO & Metas ⌨️ (2:18:57) Hooks ⌨️ (2:22:02) Nuxt.config.ts ⌨️ (2:30:14) Nuxt Content ⌨️ (2:41:29) Build Docs and API 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Dynamic Programming – 0/1 Knapsack Problem Tutorial

hagBB17_hvg | 25 Sep 2023

Dynamic Programming – 0/1 Knapsack Problem Tutorial

The Knapsack Problem is a classic optimization problem in computer science. It's often used to help teach dynamic programming and greedy algorithms. This is an important problem to understand, especially if you plan on interviewing soon for a programming job. In this course, Gavin Lon will explain the problem and show how to craft an efficient solution using C#. 💻 Code: https://github.com/GavinLonDigital/ZeroOneKnapsackSolution ✏️ Course created by @GavinLon ⭐️ Contents ⭐️ (00:00) Introduction (02:35) Overview of the 0 / 1 Knapsack problem (09:08) Code the algorithm to solve the problem using C# (17:49) Explain the algorithm that uses Dynamic Programming and the Memoization strategy (38:17) Write code using C# to output the items to include in the Knapsack 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Rust Project Tutorial – Authentication Server Using Warp + JWT

6oMoHZZeyb0 | 22 Sep 2023

Rust Project Tutorial – Authentication Server Using Warp + JWT

In this course, you will learn how to use Rust to create an authentication server. The course provides a comprehensive guide on user data management, structure, and token-based authentication. Special attention is given to error handling, JWT issues, and practical solutions for common challenges. Concluding with a hands-on demo, viewers will gain a thorough understanding of token creation and user management in modern applications ✏️ Course created by @AkhilSharmaTech 0:00:00 Introduction and setup 0:06:42 Admin and user authentication 0:15:53 User data handling and roles 0:28:54 Introduction to user structures and attributes 0:45:41 Token management and claims analysis 1:01:48 Deep dive into roles and tokens 1:05:03 Error handling and permissions 1:14:58 Advanced error insights and JWT issues 1:29:19 Code analysis and issue resolution 1:31:24 Final touches and RS file exploration 1:34:50 Demo review and token creation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Mojo Programming Language – Full Course for Beginners

5Sm9IVMet9c | 21 Sep 2023

Mojo Programming Language – Full Course for Beginners

Learn Mojo in this full tutorial. The Mojo programming language combines the usability of Python with the performance of C. It's basically an enhanced version of Python specifically designed for Artificial Intelligence developers. 💻 Code: https://github.com/Infatoshi/intro-to-mojo ✏️ Course created by @elliotarledge Elliot's discord: https://discord.gg/pV7ByF9VNm ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:16) What is Mojo ⌨️ (0:07:57) Modular Community ⌨️ (0:12:06) Setting Up ⌨️ (0:17:04) Hello World ⌨️ (0:19:20) Local Jupyter Notebook ⌨️ (0:22:21) Variables, Declarations, and Datatypes ⌨️ (0:33:27) Getting User Input ⌨️ (0:36:28) IF/ELSE Statements ⌨️ (0:40:28) Loops & Functions ⌨️ (0:47:41) Python VS Mojo functions ⌨️ (0:52:26) OOP ⌨️ (1:05:21) Importing Libraries ⌨️ (1:08:48) Raises, Error handling, Exceptions ⌨️ (1:14:49) Inout, Borrowed, Owned, and With Statements ⌨️ (1:21:49) Variable Scope ⌨️ (1:24:46) Mojo CLI ⌨️ (1:35:54) SIMD (single instruction, multiple data) ⌨️ (1:43:47) Decorators & Metaprogramming ⌨️ (1:46:01) Speed test (Mojo VS Python) ⌨️ (1:58:48) How to Ask Questions & Post Errors ⌨️ (2:08:13) Final Comments ⌨️ (2:11:49) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial

nkGjob3q2GI | 20 Sep 2023

Build SEO Optimized Blog with Next.js, Tailwind CSS & Contentlayer – Full Tutorial

Learn how to use Next.js to build an SEO-optimized blog using. Also, use TailwindCSS, contentlayer, Supabase, an dmore. The course covers building a homepage, blog pages, category pages, an about page, and a contact page. Also, you'll learn to implementing powerful SEO strategies for higher Google rankings. Our blog features both dark and light themes, offering a minimal and elegant design that's fully responsive on mobile devices. Plus, you'll discover how to showcase your Markdown-based blogs easily on this website. Course developed by @CodeBucks ✏️ Starter Code: https://github.com/codebucks27/Nextjs-contentlayer-blog ✏️ Final Code: https://github.com/codebucks27/Nextjs-tailwindcss-blog-template ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:10:10) Setup and Installation ⌨️ (0:13:34) Tailwind CSS Setup, Dark Mode and project files ⌨️ (0:19:09) Adding Fonts ⌨️ (0:26:56) Navbar Component ⌨️ (0:46:31) Setup Contentlayer ⌨️ (1:08:31) How to render a Blog ⌨️ (1:13:11) Creating Home Cover Section ⌨️ (1:34:16) Featured Posts Component ⌨️ (1:50:11) Recent Posts Component ⌨️ (2:00:46) Footer Component ⌨️ (2:16:31) Blog Page ⌨️ (3:02:06) Creating TOC Component ⌨️ (3:20:51) Category Page ⌨️ (3:45:31) About page ⌨️ (3:58:26) Contact page ⌨️ (4:14:11) Insights Component ⌨️ (4:23:41) Store blog views using Supabase ⌨️ (4:49:16) Adding SEO ⌨️ (5:18:36) Adding Dark Mode ⌨️ (5:30:36) Making it Responsive ⌨️ (6:39:24) Adding Sitemap ⌨️ (6:43:12) Image Optimization ⌨️ (6:49:08) Adding Favicon and manifest file ⌨️ (7:02:11) Adding google's structured json-ld for SEO Correction: 6:55:15 We have created one file called ThemeScript.js but that is not needed. Instead, just add id and strategy to the script that is in the layout.js file. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python Tutorial for Beginners (with mini-projects)

qwAFL1597eM | 19 Sep 2023

Python Tutorial for Beginners (with mini-projects)

Learn Python programming in this complete course for beginners. This tutorial features mini-projects throughout so you can put what you learn into use immediately. 💻 Resources: https://github.com/gitdagray/python-course ✏️ Course developed by @DaveGrayTeachesCode ⭐️ Contents ⭐️ (0:00:00) Intro (0:01:23) Chapter 1 - Getting Started (0:14:50) Chapter 2 - Python Basics (0:29:58) Chapter 3 - Operators (0:46:18) Chapter 4 - Data Types (1:23:25) Chapter 5 - User Input (1:45:31) Chapter 6 - Lists & Tuples (2:17:00) Chapter 7 - Dictionaries & Sets (2:46:23) Chapter 8 - Loops (3:09:03) Chapter 9 - Functions (3:23:48) Chapter 10 - Recursion (3:41:11) Chapter 11 - Scope (4:00:30) Chapter 12 - Closures (4:19:32) Chapter 13 - f-Strings (4:42:15) Chapter 14 - Modules (4:59:47) Chapter 15 - Command Line Arguments (5:20:39) Chapter 16 - Challenges (5:35:59) Chapter 17 - Lambda & Higher Order Functions (5:56:45) Chapter 18 - Classes & Objects (6:15:44) Chapter 19 - Exceptions & Errors (6:27:29) Chapter 20 - OOP Project (6:57:15) Chapter 21 - Virtual Environments & PIP (7:27:23) Chapter 22 - File Operations (7:49:32) Chapter 23 - Final Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)

r895rFUbGtE | 18 Sep 2023

Build & Deploy AI SaaS with Reoccurring Revenue (Next.js, OpenAI, Stripe, Tailwind, Vercel)

Learn how to build and deploy a SaaS using NextJS 13.4, DrizzleORM, OpenAI, Stripe, TypeScript, Tailwind, and Vercel. You will gain expertise in the following areas: - Leveraging NextJS 13's cutting-edge App Router. - Managing Payments seamlessly through Stripe. - Harnessing the beauty of Shadcn and the power of Tailwind CSS. - Unleashing the capabilities of OpenAI's API for Language Model usage. - Interacting with databases with the efficiency of ORMs. Resources 🔗 GitHub Repo: https://github.com/elliott-chong/chatpdf-yt 🔗 Vercel AI SDK: https://vercel.com/blog/introducing-the-vercel-ai-sdk 🔗 Timestamp 3:20:00 /api/chat/route.ts file https://pastebin.com/crLipeHK Course developed by @elliottchong ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro & Demo ⌨️ (0:09:53) Set Up NextJS ⌨️ (0:11:59) Set Up Shadcn ⌨️ (0:15:45) Set Up ClerkAuth ⌨️ (0:21:52) Home Page ⌨️ (0:33:22) DrizzleORM ⌨️ (0:50:15) File Upload Component ⌨️ (0:57:11) Set Up AWS S3 ⌨️ (1:18:12) AI RAG Explanation ⌨️ (1:30:39) React Query Set Up ⌨️ (1:45:11) Set Up Pinecone DB ⌨️ (2:32:27) Chat Side Bar ⌨️ (2:47:42) PDF Viewer ⌨️ (2:50:33) Chat Component ( Vercel AI SDK ) ⌨️ (3:08:02) Pinecone OpenAI Get Context ⌨️ (3:26:19) Persist Chat Logs to DB ⌨️ (3:34:16) Stripe Integration ⌨️ (4:14:59) Deploy and Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Vector Embeddings Tutorial – Create an AI Assistant with GPT-4 & Natural Language Processing

yfHHvmaMkcA | 13 Sep 2023

Vector Embeddings Tutorial – Create an AI Assistant with GPT-4 & Natural Language Processing

Learn about vector embeddings and how to use them in your machine learning and artificial intelligence projects. Learn how to create an AI assistant with vector embeddings. ✏️ Course created by @AniaKubow ⭐️ Contents ⭐️ ⌨️ (00:27) Introduction ⌨️ (01:49) What are vector embeddings? ⌨️ (02:14) Text embeddings ⌨️ (07:58) What are vector embeddings used for? ⌨️ (11:05) How to generate our own text embedding with OpenAI ⌨️ (14:37) Vectors and databases ⌨️ (16:02) Getting our database set up ⌨️ (18:05) Langchain ⌨️ (19:24) Let’s build an Ai Assistant 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Fundamentals of Finance & Economics for Businesses – Crash Course

EJHPltmAULA | 12 Sep 2023

Fundamentals of Finance & Economics for Businesses – Crash Course

In this course on Finance & Economics for Businesses, you will learn the fundamentals of business strategy and the interplay between these three fields. You will understand how large-scale macroeconomic changes can affect businesses while also understanding how small details in financial documents can indicate a company's financial risk. This course lays the groundwork for more advanced courses on these topics to prepare you for future studies in any of these three areas. ✏️ Course created by Sriram Chundi. His channel is @ChangemakersMediaHyd ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:25) Key terms and Basics of Money ⌨️ (0:08:16) Excel Analysis of Compound Interest Case Study ⌨️ (0:10:12) Financial Markets ⌨️ (0:20:50) Business Strategy ⌨️ (0:28:22) Financial Statements ⌨️ (0:47:22) Capital Budgeting ⌨️ (0:55:49) Macroeconomics ⌨️ (1:11:38) ESG ⌨️ (1:23:48) Portfolio Diversification & Management ⌨️ (1:33:38) Alternative Investment Types ⌨️ (1:36:45) Summary of Course 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

2D Wave Defense Game – GDevelop GameDev Tutorial

Uh5LhXAIyCw | 11 Sep 2023

2D Wave Defense Game – GDevelop GameDev Tutorial

Create a wave defense game without coding, using GDevelop. In this beginner-friendly tutorial, we'll cover player movement, firing a bullet, enemy logic, and spawning the enemies. You will learn how to make a game in GDevelop, a no-code, open-source, free, and easy game engine. ✏️ Course developed by Wesley King. Learn more about GDevelop: https://gdevelop.io/ 🔗 Assets: https://drive.google.com/drive/folders/1RYp6COMZK2THbz454bAuDWG-EFc4c--o 🔗 Finished Game: https://gdevelop.io/game-example/free/wave-defense-shooter ⭐️ Contents ⭐️ ⌨️ (0:00:00) Basic Set Up ⌨️ (0:13:13) Game Polish ⌨️ (0:36:46) Menus And Settings ⌨️ (0:51:53) Leveling Up ⌨️ (1:10:09) Basic Enemies ⌨️ (1:26:07) Advanced Enemies 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Dynamic Programming with Java – Learn to Solve Algorithmic Problems & Coding Challenges

oFkDldu3C_4 | 08 Sep 2023

Dynamic Programming with Java – Learn to Solve Algorithmic Problems & Coding Challenges

Learn how to use Dynamic Programming with Java in this course for beginners. It can help you solve complex programming problems, such as those often seen in programming interview questions about data structures and algorithms. This course was developed by Alvin Zablan from Structy. Structy is a website for learning data structures and algorithms for technical interviews. Learn data structures and algorithms: https://structy.net/ Check out Alvin's channel: https://www.youtube.com/c/AlvinTheProgrammer ⭐️ Contents ⭐️ (0:00:00) course introduction (0:01:38) fib 🔗 https://structy.net/problems/fib (0:34:02) tribonacci 🔗 https://structy.net/problems/tribonacci (0:47:05) sum possible 🔗 https://structy.net/problems/sum-possible (1:04:18) min change 🔗 https://structy.net/problems/min-change (1:22:22) count paths 🔗 https://structy.net/problems/count-paths (1:39:02) max path sum 🔗 https://structy.net/problems/max-path-sum (1:52:56) non adjacent sum 🔗 https://structy.net/problems/non-adjacent-sum (2:08:22) summing squares 🔗 https://structy.net/problems/summing-squares (2:21:50) counting change 🔗 https://structy.net/problems/counting-change 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)

TV6tFPfz0go | 07 Sep 2023

YouTube Clone – T3 Stack Tutorial (Next.js, TypeScript, Tailwind CSS)

Learn how to use the T3 Stack (Next.js, Typescript, TRPC, Next Auth, Prisma, and Tailwind CSS) to build a full stack video streaming app similar to YouTube. You will learn how each technology comes together to build an end-to-end web application. CLOUDINARY DATA: https://drive.google.com/drive/folders/1JTj1JJSCxtRvNfxRSSgXCJePkYW6vBPV FIGMA DESIGN: https://www.figma.com/file/Bkz0ewKqWyIOCt2sewUnhW/Vidchill---Design?type=design&node-id=48-33046&mode=design GITHUB REPO: https://github.com/jeromemccree/vidchill_tutorial DEPLOYED APP: https://www.vidchill.org/ ✏️ Course created by @JeromeMcCree ⭐️ Contents ⭐️ ⌨️ (0:00:27) Intro ⌨️ (0:00:50) Demo ⌨️ (0:12:05) Tech Stack ⌨️ (0:20:20) Setup ⌨️ (0:38:14) Write Prisma Models ⌨️ (0:55:27) Seed Database ⌨️ (1:22:27) Adding Tailwind ⌨️ (1:25:12) Button Component ⌨️ (1:38:27) Navbar Component ⌨️ (2:26:52) Sidebar Component ⌨️ (2:53:42) Layout Component and mobile sidebar ⌨️ (3:34:00) Mobile Footer Component ⌨️ (3:45:27) Home Page ⌨️ (3:57:47) Error/Loading Message Component ⌨️ (4:12:27) MultiColumnVideos Component ⌨️ (4:36:27) Search Page ⌨️ (4:50:27) Video Page Begin ⌨️ (5:45:27) Build Follow Button ⌨️ (6:09:23) Build Like and Dislike Button ⌨️ (6:58:22) Description Component ⌨️ (7:12:12) Comment Component ⌨️ (7:46:57) Save Video Button ⌨️ (8:41:17) Profile Header Component ⌨️ (9:21:27) Profile Videos Page ⌨️ (9:33:47) Profile playlist Page ⌨️ (10:02:47) Playlist Page ⌨️ (10:33:48) History and Like Videos Page ⌨️ (10:42:01) Profile Announcements Page ⌨️ (11:07:57) Like and Dislike Announcement Buttons ⌨️ (11:28:27) Add announcements ⌨️ (11:40:37) Profile Following Page ⌨️ (12:03:22) Start of Dashboard Page ⌨️ (12:39:47) Publish Button ⌨️ (13:00:57) Delete Button ⌨️ (13:33:27) Edit Button ⌨️ (14:25:36) Upload Button 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone

gwOVynGnDZA | 06 Sep 2023

Full Stack Next.js, Typescript, Firebase Tutorial – Google Drive Clone

Learn how to build a full stack Google Drive clone using Next.js, TypeScript, Tailwind CSS, and Firebase 9. ✏️ Course developed by @CybernaticoByNishant 💻 Code: https://github.com/nishant-666/Drive-2.0 ⭐️ Contents ⭐️ (0:00:00) Introduction (0:02:56) Base Setup (0:06:46) Authentication (0:29:26) Building the Topbar (0:33:07) Upload Files Component I (0:42:00) Initialising Firebase (0:48:53) Upload Files Component || (0:54:43) Uploading Files to Storage (1:06:06) Displaying Files (1:24:35) Creating Folders (1:39:35) Nested Folders and Files (2:17:23) Adding Google Auth (2:20:13) Sharing Files and Folders using Email 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Prompt Engineering Tutorial – Master ChatGPT and LLM Responses

_ZvnD73m40o | 05 Sep 2023

Prompt Engineering Tutorial – Master ChatGPT and LLM Responses

Learn prompt engineering techniques to get better results from ChatGPT and other LLMs. ✏️ Course developed by @AniaKubow ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:57) What is Prompt Engineering? ⌨️ (0:01:43) Introduction to AI ⌨️ (0:03:18) Why is Machine learning useful? ⌨️ (0:06:02) Linguistics ⌨️ (0:07:30) Language Models ⌨️ (0:14:01) Prompt Engineering Mindset ⌨️ (0:15:04) Using GPT-4 ⌨️ (0:20:07) Best practices ⌨️ (0:30:46) Zero shot and few shot prompts ⌨️ (0:34:32) AI hallucinations ⌨️ (0:36:09) Vectors/text embeddings ⌨️ (0:39:54) Recap 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Modules Crash Course

KeBxopnhizw | 04 Sep 2023

JavaScript Modules Crash Course

Learn about JavaScript Modules. Modules are fundamental concepts in JavaScript before you learn any other library or framework like React, Angular, Vue.js, Node.js, etc. By the end of this video, you'll be able to use modules to add flexibility, reusability, and power to your code. ✏️ Course developed by @tapasadhikary ⭐️ Contents ⭐️ ⌨️ (00:00) Welcome to JavaScript Module Crash Course ⌨️ (00:30) How to Take This Course? ⌨️ (01:01) What are Modules in JavaScript, and Why to Use? ⌨️ (04:51) What are Exports and Imports in JavaScript Module? ⌨️ (13:07) What are Default and Named Module Exports in JavaScript? ⌨️ (20:27) What are Aliases in JavaScript Module Import? ⌨️ (22:52) What are Namespaces in JavaScript Module? ⌨️ (25:30) What is Combined Export in JavaScript Module? ⌨️ (32:12) What is Dynamic Import in JavaScript Module? ⌨️ (38:59) How to Handle Multiple Imports Using JavaScript Promise APIs? ⌨️ (44:57) What is Tree Shaking & How Does It Help? ⌨️ (46:50) What's Next & Where to Go From Here? 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

GraphQL Course for Beginners

5199E50O7SI | 01 Sep 2023

GraphQL Course for Beginners

Learn how to use GraphQL in this tutorial for beginners. Throughout this course, you'll learn the core principle of this popular database, explore its advantages over traditional REST APIs, and gain the practical skills to design and implement robust data-driven applications. ✏️ Course developed by @NetNinja Net Ninja website: https://netninja.dev NetNinja Node.js Crash Course: https://www.youtube.com/watch?v=zb3Qk8SG5Ms&list=PL4cUxeGkcC9jsz4LDYc6kv3ymONOKxwBU&index=1 💻 Code: https://github.com/iamshaunjp/graphql-crash-course ⭐️ Contents ⭐️ ⌨️ (0:00:00) What is GraphQL? ⌨️ (0:10:30) Query Basics ⌨️ (0:19:44) Making a GraphQL Server (with Apollo) ⌨️ (0:25:42) Schema & Types ⌨️ (0:36:19) Resolver Functions ⌨️ (0:46:24) Query Variables ⌨️ (0:56:02) Related Data ⌨️ (1:09:41) Mutations (Adding & Deleting Data) ⌨️ (1:21:20) Update Mutation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

MERN Stack Tutorial - Book Store Project

-42K44A1oMA | 31 Aug 2023

MERN Stack Tutorial - Book Store Project

Learn the MERN stack (MongoDB, Express, React, Node.js) in this crash course for beginners. Here are some of the topics you will learn about: - Backend CRUD - Backend Router - CORS Policy - MongoDB operations - Frontend CRUD - Frontend Router 💻 Code: https://github.com/mohammad-taheri1/Book-Store-MERN-Stack ✏️ Course developed by @DevEmpower ⭐️ Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:10) Create Node.js project from scratch ⌨️ (03:39) Create our first Http Route ⌨️ (06:01) Add MongoDB and mongoose to node js ⌨️ (08:52) Create Book model with mongoose ⌨️ (10:53) Save a new Book with mongoose ⌨️ (13:31) Get All Books with mongoose ⌨️ (15:08) Get One Book by id with mongoose ⌨️ (16:29) Update a Book with mongoose ⌨️ (18:36) Delete a book with mongoose ⌨️ (20:09) Refactor Node js with express router ⌨️ (22:23) CORS policy in Node js and Express js ⌨️ (25:21) Create React project, Vite, Tailwind CSS ⌨️ (27:41) SPA and Add react router dom ⌨️ (29:52) Show Books List in React ⌨️ (35:39) Show Book Details in React ⌨️ (39:02) Create Book in React ⌨️ (42:02) Edit Book in React ⌨️ (44:27) Delete Book in React ⌨️ (46:35) Show Books List as Card ⌨️ (52:30) Make Book Card a single component ⌨️ (54:08) Add Book Modal ⌨️ (58:06) Improve User Experience (UX) with beautiful alert ⌨️ (1:01:43) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

OWASP API Security Top 10 Course – Secure Your Web Apps

YYe0FdfdgDU | 30 Aug 2023

OWASP API Security Top 10 Course – Secure Your Web Apps

Learn about the OWASP API Security Top 10, 2023 edition. In this crash course, you will learn about each security risk and learn techniques to fortify your APIs against potential threats. The course also covers key concepts that didn’t make it into the Top 10. ✏️ Course created by APIsec University and Corey Ball Website: https://www.apisecuniversity.com YouTube: https://www.youtube.com/@apisecu Twitter: https://twitter.com/apisecu LinkedIn: https://www.linkedin.com/company/apisec-university ⭐️ Contents ⭐️ Introduction ⌨️ (0:00:00) Welcome to APIsec University ⌨️ (0:01:46) Introduction to OWASP API Security and Beyond! ⌨️ (0:03:06) How the Course Works ⌨️ (0:05:16) Course Objectives What is the OWASP API Security Top 10 ⌨️ (0:06:38) What is OWASP ⌨️ (0:09:58) How is the Top 10 Compiled? ⌨️ (0:12:19) Mapped to External Sources ⌨️ (0:13:30) Updates to the OWASP API Security Top 10 The Top 10 ⌨️ (0:19:38) API1:2023 - Broken Object Level Authorization ⌨️ (0:25:07) API2:2023 - Broken Authentication ⌨️ (0:32:23) API3:2023 - Broken Object Property Level Authorization ⌨️ (0:39:08) API4:2023 - Unrestricted Resource Consumption ⌨️ (0:42:54) API5:2023 - Broken Function Level Authorization ⌨️ (0:48:02) API6:2023 - Unrestricted Access to Sensitive Business Flows ⌨️ (0:51:48) API7:2023 - Server Side Request Forgery ⌨️ (0:56:49) API8:2023 - Security Misconfiguration ⌨️ (1:05:00) API9:2023 - Improper Inventory Management ⌨️ (1:11:22) API10:2023 - Unsafe Consumption of APIs Beyond the Top 10 ⌨️ (1:15:19) Injections ⌨️ (1:18:25) Insufficient Logging & Monitoring ⌨️ (1:20:38) Business Logic Flaws 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Machine Learning & Neural Networks without Libraries – No Black Box Course

3wwiOSxDAmg | 29 Aug 2023

Machine Learning & Neural Networks without Libraries – No Black Box Course

Welcome to this No Black Box Machine Learning Course in JavaScript. It’s a course where we code without using libraries because it’s the best way to learn all inner workings of a machine learning system and you’ll greatly improve your software development skills as well. The goal in this course is to build a web app that learns to recognize drawings. This is phase 2, where we increase the accuracy of the method we developed in Phase 1. We do this by implementing more sophisticated features and using other classification methods (like the Neural Network). In Phase 2 we also learn about Data Cleaning, Confusion Matrices, Geometry and the difference between Vector and Raster data (pixels). 🎥 No Black Box Phase 1 Course: https://youtu.be/vDDjtwQDw2k ✏️ Course created by @Radu (PhD in Computer Science) 📁 Data: https://github.com/gniziemazity/drawing-data 💻 Code: https://github.com/gniziemazity/ml-course-phase-2 💻 Ilya's code: https://gist.github.com/id-ilych/8630fb273e5c5a0b64ca1dc080d68b63 💻 Neural Network Code: https://github.com/gniziemazity/neural-network Phase 3 Poll: https://forms.office.com/e/QTMCLLaV24 ⭐️ Other Resources ⭐️ Recognizer we build in this course: https://radufromfinland.com/projects/ml/recognizer Euclidean Distance Video: https://youtu.be/3rPwfmrCwVw Interpolation Video: https://youtu.be/J_puRs40GhM Draw the Portal Game Tutorial (Inspired from Dr. Strange): https://youtu.be/0SxiyLk2IMM Why the Circle has the Largest Area: https://youtu.be/CFBa2ezTQJQ Recognizing drawings via webcam: https://youtu.be/QXB1ytG95gs Self-driving Car Course: https://youtu.be/Rs_rAxEsAvI Discord Server: https://discord.com/invite/gJFcF5XVn9 Scikit-learn documentation: http://scikit-learn.org/stable/modules/generated/sklearn.neural_network.MLPClassifier.html ⭐️ Contents ⭐️ 0:00:00 Introduction 0:04:07 Phase 1 Code Review 0:23:11 Data Cleaning 0:41:30 Confusion Matrix 1:16:00 Euclidean Distance Marker 1:16:06 Measuring the Elongation 1:39:23 Measuring the Roundness 1:59:20 Vector vs Raster (Pixels) 2:22:40 Neural Networks 3:04:49 Optimizing Neural Networks 3:25:15 Deep Neural Networks 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Foundational C# with Microsoft – Free Course and Certification

6GQAE7iLOhY | 28 Aug 2023

Foundational C# with Microsoft – Free Course and Certification

Learn how to earn a free C# certification! freeCodeCamp has teamed up with Microsoft up to bring you a new free professional certification: the Foundational C# Certification. The course is a text based course, not a video course. This professional certification includes 35 hours of text-based training and interactive coding challenges all from Microsoft, and also an online certification exam by freeCodeCamp. In this video, freeCodeCamp team member @GavinLon will preview the course, along with telling you everything you need to do to take this free course. 💻 Access the course and certification here: https://www.freecodecamp.org/learn/foundational-c-sharp-with-microsoft/ 🔗 .NET Home Page: https://dotnet.microsoft.com/ 🔗 Community Page: https://dotnet.microsoft.com/platform/community 🔗 Beginner Videos: https://dotnet.microsoft.com/learn/videos 🔗 MS Learn for .NET: https://learn.microsoft.com/training/dotnet/ 🔗 Docs: https://learn.microsoft.com/dotnet/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:09) Overview of how to acquire the Foundational C# with Microsoft Developer Certificate ⌨️ (0:09:34) In depth guide through Part1, Module1 (Write your first C# code) ⌨️ (0:48:42) Configure and Install Visual Studio Code and Install .NET 7 SDK ⌨️ (1:04:08) Code Example - if, else, else if statements in C# ⌨️ (1:10:43) Code Example -switch-case construct in C# ⌨️ (1:17:52) Code Example - write your first C# method ⌨️ (1:25:40) Gavin Lon takes the Foundational C# with Microsoft Developer Certification exam ⌨️ (1:27:46) Recommended content to continue your C# and .NET education upon finishing the certification ⌨️ (1:29:29) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Create a Large Language Model from Scratch with Python – Tutorial

UU1WVnMk4E8 | 25 Aug 2023

Create a Large Language Model from Scratch with Python – Tutorial

Learn how to build your own large language model, from scratch. This course goes into the data handling, math, and transformers behind large language models. You will use Python. ✏️ Course developed by @elliotarledge 💻 Code and course resources: https://github.com/Infatoshi/fcc-intro-to-llms Join Elliot's Discord server: https://discord.gg/pV7ByF9VNm ⭐️ Contents ⭐️ (0:00:00) Intro (0:03:25) Install Libraries (0:06:24) Pylzma build tools (0:08:58) Jupyter Notebook (0:12:11) Download wizard of oz (0:14:51) Experimenting with text file (0:17:58) Character-level tokenizer (0:19:44) Types of tokenizers (0:20:58) Tensors instead of Arrays (0:22:37) Linear Algebra heads up (0:23:29) Train and validation splits (0:25:30) Premise of Bigram Model (0:26:41) Inputs and Targets (0:29:29) Inputs and Targets Implementation (0:30:10) Batch size hyperparameter (0:32:13) Switching from CPU to CUDA (0:33:28) PyTorch Overview (0:42:49) CPU vs GPU performance in PyTorch (0:47:49) More PyTorch Functions (1:06:03) Embedding Vectors (1:11:33) Embedding Implementation (1:13:06) Dot Product and Matrix Multiplication (1:25:42) Matmul Implementation (1:26:56) Int vs Float (1:29:52) Recap and get_batch (1:35:07) nnModule subclass (1:37:05) Gradient Descent (1:50:53) Logits and Reshaping (1:59:28) Generate function and giving the model some context (2:03:58) Logits Dimensionality (2:05:17) Training loop + Optimizer + Zerograd explanation (2:13:56) Optimizers Overview (2:17:04) Applications of Optimizers (2:18:11) Loss reporting + Train VS Eval mode (2:32:54) Normalization Overview (2:35:45) ReLU, Sigmoid, Tanh Activations (2:45:15) Transformer and Self-Attention (2:46:55) Transformer Architecture (3:17:54) Building a GPT, not Transformer model (3:19:46) Self-Attention Deep Dive (3:25:05) GPT architecture (3:27:07) Switching to Macbook (3:31:42) Implementing Positional Encoding (3:36:57) GPTLanguageModel initalization (3:40:52) GPTLanguageModel forward pass (3:46:56) Standard Deviation for model parameters (4:00:50) Transformer Blocks (4:04:54) FeedForward network (4:07:53) Multi-head Attention (4:12:49) Dot product attention (4:19:43) Why we scale by 1/sqrt(dk) (4:26:45) Sequential VS ModuleList Processing (4:30:47) Overview Hyperparameters (4:32:14) Fixing errors, refining (4:34:01) Begin training (4:35:46) OpenWebText download and Survey of LLMs paper (4:37:56) How the dataloader/batch getter will have to change (4:41:20) Extract corpus with winrar (4:43:44) Python data extractor (4:49:23) Adjusting for train and val splits (4:57:55) Adding dataloader (4:59:04) Training on OpenWebText (5:02:22) Training works well, model loading/saving (5:04:18) Pickling (5:05:32) Fixing errors + GPU Memory in task manager (5:14:05) Command line argument parsing (5:18:11) Porting code to script (5:22:04) Prompt: Completion feature + more errors (5:24:23) nnModule inheritance + generation cropping (5:27:54) Pretraining vs Finetuning (5:33:07) R&D pointers (5:44:38) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

SQL For Web Developers - Complete Database Course

KBDSJU3cGkc | 24 Aug 2023

SQL For Web Developers - Complete Database Course

Learn all the basics of Structured Query Language in this comprehensive SQL course. You will build out real database tables and practice querying them in flexible ways as a backend web developer would in a production setting. 💻 Follow along on Boot.dev: https://boot.dev/learn/learn-sql 💻 Raw code: https://github.com/bootdotdev/fcc-learn-sql-assets ✏️ Course created by: @bootdotdev 🔗 Learn back-end on Boot.dev: https://boot.dev Follow Lane on Twitter: https://twitter.com/wagslane Boot.dev Discord: https://boot.dev/community FCC Forum: https://forum.freecodecamp.org/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Overview (Intro video) ⌨️ (0:03:00) Ch 1. Introduction ⌨️ (0:22:19) Ch 2. Tables ⌨️ (0:50:43) Ch 3. Constraints ⌨️ (1:15:59) Ch 4. CRUD ⌨️ (2:00:13) Ch 5. Basic Queries ⌨️ (2:24:38) Ch 6. Structuring ⌨️ (2:33:52) Ch 7. Aggregations ⌨️ (2:54:14) Ch 8. Subqueries ⌨️ (3:03:40) Ch 9 . Normalization ⌨️ (3:55:44) Ch 10. Joins ⌨️ (4:22:09) Ch 11. Performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Perl Programming Course for Beginners

_DFa26ep-h4 | 23 Aug 2023

Perl Programming Course for Beginners

Learn Perl programming in this complete course for beginners. The course covers topics ranging from basic syntax to advanced topics like object-oriented programming, regular expressions, and web development. ✏️ Course developed by @perltechstack ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:29) Running Perl via CLI ⌨️ (0:04:22) Perl Script File Structure ⌨️ (0:13:58) Data Types - Scalars ⌨️ (0:22:52) Debugging with Data::Dumper ⌨️ (0:26:10) Data Types - Arrays ⌨️ (0:40:52) Data Types - Hashes ⌨️ (0:53:26) References [Part 1] ⌨️ (1:05:36) References [Part 2] ⌨️ (1:12:09) Subroutines ⌨️ (1:28:48) Variable Scope ⌨️ (1:38:36) Error Handling ⌨️ (1:44:04) Logical Operators ⌨️ (1:57:42) Conditional Statements ⌨️ (2:04:19) Loops ⌨️ (2:15:52) Regular Expressions ⌨️ (2:29:32) Built-in Functions ⌨️ (2:40:39) Special Variables ⌨️ (2:47:40) OOP - Classes, instances, attributes and methods ⌨️ (3:03:24) "use" vs "require" ⌨️ (3:12:50) Exporter and method types ⌨️ (3:20:18) Installing modules with CPANM ⌨️ (3:28:33) Improved exception handling ⌨️ (3:37:45) Web requests with Mojo::UserAgent ⌨️ (3:50:46) Reading and writing files ⌨️ (3:59:24) Reading and writing files with Path::Tiny ⌨️ (4:05:30) Running system commands 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Pong with Python & Pygame – Tutorial

tS8F7_X2qB0 | 22 Aug 2023

Pong with Python & Pygame – Tutorial

Improve your Python and Pygame skills by building the classic pong game, but this time with extra features. This beginner's tutorial is a great way to start learning how to create engaging games with unique mechanics. ✏️ Course created by @SMDS_Studio 💻 Code: https://github.com/SMDS-Studio/Building-a-New-creative-Pong- ⭐️ Contents ⭐️ (00:00) Intro (01:09) Agenda of the course (02:04) Traditional pong (26:09) Creative engles (30:21) Smash element (38:03) Flash element (41:10) Ball cloning (51:51) Paddle cloning (1:01:55) End screen element 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Code a Google Drive Clone using Laravel and Vue.js – Complete Course

Wn3IPX_ax-0 | 21 Aug 2023

Code a Google Drive Clone using Laravel and Vue.js – Complete Course

Build and deploy a fully functional file manager application with Laravel, PHP, Inertial, and Vue.js. The application is similar to Google Drive. Learn to implement functionalities such as: - Creating folders at unlimited depth, - Uploading files and folders, - Deleting and Downloading files, - Searching for files, - Sharing files, - Uploading files to AWS S3, - Deploying the project on a custom domain. ✏️ Course developed by @TheCodeholic 💻 Code: https://github.com/thecodeholic/laravel-file-manager ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:29) Demo ⌨️ (0:08:13) Project Setup ⌨️ (0:14:21) Install Laravel Breeze ⌨️ (0:17:49) Email Verification ⌨️ (0:22:15) DB Overview, Models & Migrations ⌨️ (0:35:56) Explore Intertia Folder Structure ⌨️ (0:37:49) Authentication Layout ⌨️ (1:18:08) Define Main Routes ⌨️ (1:24:16) Create Root Folder On User Registration ⌨️ (1:30:34) Creating Folder ⌨️ (2:06:53) Save Folder Path ⌨️ (2:11:46) Show Files into table ⌨️ (2:26:07) Navigate into Second Level of Folders ⌨️ (2:34:18) Create Folders Inside Subfolder ⌨️ (2:37:01) Implement Breadcrumbs ⌨️ (2:46:44) Uploading Files ⌨️ (4:08:30) Show Human Readable File size ⌨️ (4:16:00) Show File Icons ⌨️ (4:27:56) Show File Progress ⌨️ (4:34:54) Display Error When File Already Exists ⌨️ (4:47:49) Implement Load More ⌨️ (5:11:42) Increase max_file_uploads ⌨️ (5:21:20) Deleting Files ⌨️ (6:23:48) Implement Downloading Files ⌨️ (7:04:32) Show Success Notifications ⌨️ (7:15:36) Implement Trash ⌨️ (8:00:03) Implement Favorites ⌨️ (9:18:23) Sharing Files to Others ⌨️ (10:05:16) Implement Shared With Me Page ⌨️ (10:26:49) Implement Shared By Me Page ⌨️ (10:50:23) Searching for Files ⌨️ (11:15:42) Connect to AWS S3 ⌨️ (12:15:42) Download Files from S3 ⌨️ (12:45:19) Project Deployment & Bug Fixing ⌨️ (13:40:18) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Development with Large Language Models Tutorial – OpenAI, Langchain, Agents, Chroma

xZDB1naRUlk | 18 Aug 2023

Development with Large Language Models Tutorial – OpenAI, Langchain, Agents, Chroma

Welcome to this course about development with Large Language Models, or LLMs. Throughout this course, you will complete hands-on projects will help you learn how to harness LLMs for your own projects. You will build projects with LLMs that will enable you to create dynamic interfaces, interact with vast amounts of text data, and even empower LLMs with the capability to browse the internet for research papers. This course was developed by @Luup.ai123 Colab notebook for introduction to the API:https://colab.research.google.com/drive/1gi2yDvvhUwLT7c8ZEXz6Yja3cG5P2owP?usp=sharing Github : https://github.com/pythonontheplane123/LLM_course_part_1 Join the Discord: https://discord.com/invite/Hq39QgRU Twitter : https://twitter.com/AkshatNon ⭐️ Contents ⭐️ ⌨️ (0:00:00) Brief introduction to LLMs ⌨️ (0:12:33) Quick note from the future ⌨️ (0:12:49) Chatgpt playground (skip this is you know this already) ⌨️ (0:19:52) GPT API basics (skip this is you know this already) ⌨️ (0:33:43) Brief intro to chainlit ⌨️ (0:34:39) Cloning chatgpt user interface ⌨️ (0:50:24) Limitations of our interface ⌨️ (0:52:51) Adding streaming, backend view, stop sequence button ⌨️ (1:05:03) Introduction to vector databases ⌨️ (1:11:46) Vector databases hands on ⌨️ (1:20:08) QnA with Documents - .txt and .pdf ⌨️ (1:32:52) Testing out our Q&A system ⌨️ (1:37:10) Introduction to web-browsing and agents ⌨️ (1:43:19) AI researcher ⌨️ (1:53:59) Human as a tool ⌨️ (1:56:37) Mini code interpreter plugin(Replit tool) ⌨️ (1:58:34) Searching youtube using agents ⌨️ (2:01:45) Guide to explore more ⌨️ (1:50:34) Shell Tool ⌨️ (1:55:44) Create your own tools ⌨️ (2:01:20) Ending Notes ⌨️ (2:01:32) Luup.ai 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

HashiCorp Terraform Associate Certification Course (003) - Pass the Exam!

SPcwo0Gq9T8 | 17 Aug 2023

HashiCorp Terraform Associate Certification Course (003) - Pass the Exam!

Prepare for the HashiCorp Terraform Associate Certification and pass! The Terraform Associate certification is for Cloud Engineers specializing in operations, IT, or development who know the basic concepts and skills associated with open source HashiCorp Terraform. Get your Free Practice and Downloadable Cheatsheets: https://www.exampro.co/terraform 📢 View updates: https://www.exampro.co/terraform ✏️ Developed by Andrew Brown of ExamPro 🔗 https://twitter.com/andrewbrown 0:00:00 Course Intro ☁️ 0:15:03 Introduction Exam Guide Practice Exam Preview Version 003 Considerations ☁️ 0:31:55 IaC Concepts What is Infrastructure as Code Popular Infrastructure as Code tools Declarative Infrastructure Lifecycle Infrastructure Lifecycle Advantages Non Idempontent vs Idempontent Provisioning vs Deployment vs Orchestration Configuration Drift Mutable vs Immutable Infrastructure What is GitOps Immutable Infrastructure Guarantee ☁️ 0:52:26 Hashicorp Introduction HashiCorp What is Terraform What is Terraform Cloud ☁️ 0:56:33 Terraform Basics Terraform Lifecycle Change Automation Execution Plans Visualizing Execution Plans Resource Graph Use Cases Core and Plugins Up and Running Best Practices Install CLI and Configuration Init Plan and Apply Apply Update Inputs Variables Local Values Outputs Modules Divide Files Destroy Cloud Cloud Updated Cleanup ☁️ 1:07:37 Terraform Provisioners Terraform Provisioners Exec File Connection Null Resources Terraform Data Cloud Init Local Exec Remote Exec File Null Resource Terraform Data Cleanup ☁️ 1:20:19 Terraform Providers Providers Registry Providers Command Providers Configuration Modules The Fine Line Azure Provider GCP Provider ☁️ 1:30:35 Terraform Language Terraform Language Alternate JSON Syntax Terraform Settings HashiCorp Configuration Language ☁️ 1:35:23 Variables and Data Input Variables Variable Definition Files Variables vs Environment Variables Loading Input Variables Output Values Local Values Data Sources References to Named values Input Variables Types Input Variables Arguments Outputs CLI Outputs Chaining Local Values Data Sources ☁️ 1:47:52 Meta Arguments Resource Meta Arguments depends_on count for_each Resource Behaviour and Lifecycle Resource Providers and Alias Depends On Count For Each Alias Lifecycle ☁️ 1:54:40 Expressions Introduction to Expressions Types and Values Strings and Strings Templates Expressions Operators Conditional Expressions Expressions For Expressions Dynamic Blocks Version Constraints String Templates For Expressions Splats Dynamic Blocks Versioning ☁️ 2:41:01 Terraform State State State MV State Backups State CLI ☁️ 2:45:42 Initialization terraform init terraform get ☁️ 2:48:09 Writing and Modifying Introduction terraform fmt terraform validate terraform console ☁️ 2:51:17 Plan and Apply Plan Apply Saved Plans ☁️ 2:54:23 Drift Managed Resource Drift Replacing Resources Resource Addressing Import refresh and Refresh Only Mode Apply Replace and Refresh Only Import ☁️ 3:01:24 Troubleshooting Terraform Troubleshooting Debugging Terraform Crash Logs TF_LOG Opening a Github Issue ☁️ 3:05:55 Terraform Modules Finding Modules Using Modules Publishing Modules Verified Modules Standard Module Structure Creating ☁️ 3:11:25 Terraform Workflows Team Workflows Overview Individual Practitioner Team Terraform Cloud VCS Workflows ☁️ 3:18:28 Terraform Backends Backends Backend Initialization terraform_remote_state State Locking Protecting Sensitive Data Terraform Ignore File Standard Backend Type S3 Multiple Workspaces Terraform Remote State Force Unlock Cloud Backend ☁️ 3:37:22 Resources and Complex Types Resources Complex Types Collection Types Structural Types Complex Types Follow Along ☁️ 3:48:10 Built in Functions Introduction Numeric Functions String Functions Collection Functions Encoding and Decoding Functions Filesystem Functions Date and Time Functions Hash and Crypto Functions IP Network Functions Type Conversion Functions Built In Functions Follow Along ☁️ 4:18:30 Terraform Cloud Terraform Cloud Terraform Cloud Terms Run Workflows Permissions API Tokens Private Registry Cost Estimation Workflow Options Migrating Default Local State VCS Integration Run Environment Cloud Agents Private Registry ☁️ 4:42:10 Terraform Enterprise Terraform Enterprise Terraform Enterprise Requirements Air Gapped Environments Cloud Features and Pricing ☁️ 4:51:47 Workspaces Workspaces Workspaces Internals Current Workspace Interpolation Multiple Workspaces Cloud Workspaces Workspaces CLI commands Workspaces Differences Cloud Multiple Workspaces ☁️ 5:07:53 Sentinel and Terraform Sentinel Policy as Code Sentinel Policy Language Example Sentinel with Terraform ☁️ 5:54:42 Packer HashiCorp Packer Packer Template File Terraform and Packer Integration Packer ☁️ 6:22:04 Consul Terraform and Consul ☁️ 6:23:13 Vault HashiCorp Vault Terraform and Vault Vault Injection via Data Source ☁️ 6:56:06 Misc Alantis CDK for Terraform Gruntwork Terragrunt TerraTest

WordPress Performance Fundamentals for Visitor Experience – Full Course

enb5kTJwV_s | 15 Aug 2023

WordPress Performance Fundamentals for Visitor Experience – Full Course

Learn how to identify and fix WordPress performance issues. Most of what you will learn applies to non-WordPress websites as well, so there will be something for everyone. ✏️ Beau Carnes create this course. 🏗 InMotion hosting provided a grant to make this course possible. Get a free trial with this link: https://www.inmotionhosting.com/wordpress-hosting/fcc 🔗 Learn more about W3 Total Cache: https://www.boldgrid.com/w3-total-cache/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:41) Setting Your Performance Goals ⌨️ (0:07:39) Performance Testing Tools ⌨️ (0:11:40) Speed and Performance Indicators ⌨️ (0:12:19) Core Web Vitals & More (LCP, FID, CLS, FCP, SI, TBT, TTFB, TTI) ⌨️ (0:29:26) Understanding a Website Request ⌨️ (0:31:55) Server Configuration & Tuning for WordPress ⌨️ (0:58:33) W3 Total Cache ⌨️ (1:06:15) Caching Explained with Implementation Techniques ⌨️ (1:18:43) Top 10 Techniques to Improve Core Web Vitals for WordPress ⌨️ (1:30:00) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Stable Diffusion Crash Course for Beginners

dMkiOex_cKU | 14 Aug 2023

Stable Diffusion Crash Course for Beginners

Learn how to use Stable Diffusion to create art and images in this full course. You will learn how to train your own model, how to use Control Net, how to use Stable Diffusion's API endpoint, and more. The ethical implications of AI in art are significant. This course aims to educate on the technical aspects of the tool. We emphasize the importance of using it responsibly and respecting the rights of artists. ✏️ Course created by @lynnzheng 🔗 Install stable diffusion: https://github.com/AUTOMATIC1111/stable-diffusion-webui 🔗 Download models: https://civitai.com/ 🔗 Download VAE for Model "Counterfeit": https://huggingface.co/gsdf/Counterfeit-V2.5/blob/main/Counterfeit-V2.5.vae.pt 🔗 Download Embeddings: https://huggingface.co/datasets/gsdf/EasyNegative 🔗 Train a Lora: https://civitai.com/models/22530 🔗 Install Control Net - https://github.com/Mikubill/sd-webui-controlnet (Use --enable-insecure-extension-access extensions) 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Is College Worth It in 2023?

N07nQ-uUsww | 11 Aug 2023

Is College Worth It in 2023?

Is college still worth it? freeCodeCamp.org founder Quincy Larson answers your university and career questions. All data visualizations by Quincy. Edited by Ed Pratowski, and questions voiced by his daughter Stella. Here are some of the many topics you'll learn about: - economic considerations (ROI and Net Present Value) of college decisions - the US higher education system and labor market dynamics - strategies to minimize college costs and maximize ROI - the student debt crisis and student visa system - practical tips from decades of adult education experience - how to make informed career decisions and maximize your options Quincy's book "How to Learn to Code and Get a Developer Job" is completely free. (6 hour read): https://www.freecodecamp.org/news/learn-to-code-book/ And each week Quincy interviews developers on the freeCodeCamp podcast. You can subscribe to it for free in whichever app you use for listening to podcasts. Happy coding. 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Harvard CS50’s Artificial Intelligence with Python – Full University Course

5NgNicANyqM | 10 Aug 2023

Harvard CS50’s Artificial Intelligence with Python – Full University Course

This course from Harvard University explores the concepts and algorithms at the foundation of modern artificial intelligence, diving into the ideas that give rise to technologies like large language models, game-playing engines, handwriting recognition, and machine translation. Through hands-on projects, students gain exposure to the theory behind graph search algorithms, classification, optimization, reinforcement learning, and other topics in artificial intelligence and machine learning as they incorporate them into their own Python programs. This course has been updated for 2023 to include an in-depth section on large language models. ✏️ Course developed by Brian Yu for Harvard University. Learn more about Brian: https://brianyu.me/ 🔗 Course resources: https://cs50.harvard.edu/ai/2020/ ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introuction ⌨️ (00:02:26) Search ⌨️ (01:51:55) Knowledge ⌨️ (03:39:39) Uncertainty ⌨️ (05:34:08) Optimization ⌨️ (07:18:52) Learning ⌨️ (09:04:41) Neural Networks ⌨️ (10:46:00) Language 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Functions Crash Course

j1laALb8OVM | 09 Aug 2023

JavaScript Functions Crash Course

Learn about JavaScript functions in this full course for beginners. Functions are a fundamental building block of programming, and they're a great way to make your code more readable and maintainable. ✏️ Course developed by @tapasadhikary We will cover the following: ✅ What and Why JavaScript Functions ✅ Clarifying Terminologies(function vs methods, parameter vs arguments, and many more!) ✅ Function Declarations ✅ Function Executions ✅ Default Parameter ✅ Rest Parameter ✅ Call Stack ✅ Arrow Function ✅ Nested Function ✅ Function Scope ✅ Closure ✅ Callback Function ✅ Higher-Order Function ✅ Pure Function ✅ IIFE ✅ Recursion ⭐️ Contents ⭐️ (0:00:00) Welcome to JavaScript Function Crash Course (0:01:52) How To Take This Course? (0:03:10) What Are JavaScript Functions? Let Me Tell You a Story. (0:07:04) Learn JavaScript Functions Visually. (0:10:49) JavaScript Terminologies You Must Know (0:12:02) How To Declare a Function? (0:23:03) How To Return From a Function? (0:27:14) Default Parameters For JavaScript Functions (0:30:20) Rest Parameters For JavaScript Functions (0:33:48) JavaScript Arrow Functions (0:38:30) Nested Functions in JavaScript (0:41:17) Understanding JavaScript Function Scope (0:49:35) Mastering JavaScript Closure With Easy Guide (0:59:27) What are Callback Functions in JavaScript? (1:06:03) What are Higher Order Functions(HOF) in JavaScript? (1:12:32) What is a Pure Function in JavaScript? (1:16:34) What is an IIFE In JavaScript? (1:21:30) Learn JavaScript Call Stack(Function Execution Stack) (1:27:25) What is Recursion in JavaScript? (1:35:16) Closing Notes and What's From Here? 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Testing JavaScript with Cypress – Full Course

u8vMu7viCm8 | 07 Aug 2023

Testing JavaScript with Cypress – Full Course

Learn how to use Cypress to test JavaScript applications in this full course for beginners! You'll dive deep into the world of end-to-end testing, as you learn about setting up, writing, and executing robust tests to ensure the reliability and performance of your web applications. ✏️ Course created by @coderyan 💻 Starter project - https://github.com/coderyansolomon/cypress-course 💻 Final project - https://github.com/coderyansolomon/cypress-course-final ⭐️ Contents ⭐️ ⌨️ (0:00:28) Introduction ⌨️ (0:01:52) Course Overview ⌨️ (0:04:04) Why Cypress? ⌨️ (0:08:24) Project Setup And Install ⌨️ (0:17:21) Cypress Describe Blocks ⌨️ (0:18:55) Cypress It Blocks ⌨️ (0:20:42) Cypress Commands ⌨️ (0:29:17) Cypress Getting Elements ⌨️ (0:30:29) Cypress Command Chaining And Assertions ⌨️ (0:55:39) Cypress beforeEach Blocks ⌨️ (0:57:55) Cypress Custom Commands ⌨️ (1:06:01) Testing Forms In Cypress ⌨️ (1:27:31) Multi-Page Testing ⌨️ (1:36:01) Cypress Intercepts ⌨️ (1:47:34) Helpful Cypress Methods ⌨️ (1:55:11) Testing A Grudge List Feature ⌨️ (2:10:57) Cypress Component Tests ⌨️ (2:26:37) Cypress Best Practices 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

TensorFlow Course – Building and Evaluating Medical AI Models

8m3LvPg8EuI | 03 Aug 2023

TensorFlow Course – Building and Evaluating Medical AI Models

Learn how to build and evaluate medical AI models with TensorFlow. This is a great, real world project for improving your machine learning skills. You will use TensorFlow to evaluate chest x-rays. ✏️ Dr. Jason Adleberg teaches this course. Jason on Twitter: https://www.twitter.com/pixels2patients Jason on Linkedin: https://www.linkedin.com/in/jason-adleberg-6b444b52 💻 Colab Notebook: https://colab.research.google.com/drive/1klBxr93NYXrLFOVMXhm0RbVm5PIjfXQn ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:11) Getting started with Google Colab ⌨️ (0:01:50) Facts about Chest X-Rays ⌨️ (0:06:36) 1. Defining a Problem ⌨️ (0:12:33) 2. Preparing the Data ⌨️ (0:19:45) 3. Training the Model ⌨️ (0:32:00) 4. Running the Model ⌨️ (0:37:05) 5a. Evaluating Performance ⌨️ (0:48:44) 5b. Stats: Histogram, Sensitivity & Specificity ⌨️ (1:01:00) 5c. Stats: AUC Curve ⌨️ (1:08:19) 6. Saving our Model 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AI Safety – Full Course from Safe.AI on Machine Learning & Ethics

agEPmYdbQLs | 02 Aug 2023

AI Safety – Full Course from Safe.AI on Machine Learning & Ethics

ML systems are rapidly increasing in size, are acquiring new capabilities, and are increasingly deployed in high-stakes settings. As with other powerful technologies, safety for ML should be a leading research priority. In this course we’ll discuss how researchers can shape the process that will lead to strong AI systems and steer that process in a safer direction. We’ll cover various technical topics to reduce existential risks (X-Risks) from strong AI, namely withstanding hazards (“Robustness”), identifying hazards (“Monitoring”), reducing inherent ML system hazards (“Alignment”), and reducing systemic hazards (“Systemic Safety”). At the end, we will zoom out and discuss additional abstract existential hazards and discuss how to increase safety without unintended side effects. ✏️ See course.mlsafety.org for more. ⭐️ Contents ⭐️ (0:00:00) Introduction (0:11:09) Deep Learning Review (0:52:41) Risk Decomposition (1:06:57) Accident Models (1:39:22) Black Swans (1:58:45) Adversarial Robustness (2:29:40) Black Swan Robustness (2:52:56) Anomaly Detection (3:35:32) Interpretable Uncertainty (3:59:09) Transparency (4:12:22) Trojans (4:22:52) Detecting Emergent Behavior (4:43:07) Honest Models (5:00:06) Machine Ethics (5:52:08) ML for Improved Decision-Making (6:04:40) ML for Cyberdefense (6:25:00) Cooperative AI (6:58:33) X-Risk Overview (7:05:23) Possible Existential Hazards (7:13:16) AI and Evolution (8:03:08) Safety-Capabilities Balance (8:21:07) Review and Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Project-Based Augmented Reality Course with Unity Engine and AR Foundation

FJAO6jDYljs | 27 Jul 2023

Project-Based Augmented Reality Course with Unity Engine and AR Foundation

Learn Augmented Reality development in this full course for beginners. The course consists of 4 different augmented reality projects which are built on top of Unity Engine and AR Foundation. The projects explore various different fields including Engineering, Education, ECommerce and Creativity. 🔗 Project Assets: https://github.com/Priyanshu-CODERX/learn-augmented-reality-by-developing-practical-applications 🔗 Extended Reality Roadmap: https://priyanshuxr.gumroad.com/l/xrealityroadmap Course created by @CodedRealityXR Priyanshu on Linkedin: https://www.linkedin.com/in/priyanshu-bhattacharjee/ Priyanshu on Instagram: https://www.instagram.com/priyanshucoderx/ ⭐️ Contents ⭐️ 0:00:00 Introduction to the Course & Project Demonstration 0:01:45 Building Planets AR with AR Foundation 0:38:15 Building Jet Turbine Simulation with AR Foundation 1:07:25 Building GardeniAR with AR Foundation 1:28:24 Building Furnish AR with AR Foundation 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js & Appwrite – Full Stack Course for Beginners

ETV17M4SauU | 26 Jul 2023

Next.js & Appwrite – Full Stack Course for Beginners

Learn Next.js by building a custom API with MongoDB using the latest app router. You will build an authentication system that can register the user, login, create a secure cookie with JWT Token, use email service, verify the user's email, forget password, middleware route protection, and much more. Also, you will learn about integrating Appwrite for the back end. Finally, you will learn about deploying everything to Vercel. ✏️ Course developed by @HiteshChoudharydotcom 💻 Code https://github.com/hiteshchoudhary/nextjs-fullstack-auth https://github.com/hiteshchoudhary/nextjs-appwrite-auth ⭐️ Contents ⭐️ (0:00:00) Start, basics and Prerequisites (0:04:56) Project structure, diagrams and tech stack (1:09:07) Signup and Login (2:10:44) Middleware in Nextjs (2:52:22) User verification with email (3:48:26) Nextjs deployment with database connectivity (4:01:50) Nextjs meets Appwrite (4:07:31) How to integrate Appwrite to nextjs (4:44:02) Nextjs component to talk to Appwrite (5:14:24) Appwrite nextjs and context api (5:53:52) What’s next after this 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Next.js & Supabase Twitter Clone – Full Course

QdxUZhLHZiA | 20 Jul 2023

Full Stack Next.js & Supabase Twitter Clone – Full Course

Learn Full Stack development with Next.js 13, Tailwind CSS, TypeScript, and Supabase. In this course, you will build a Twitter clone. 💻 Course Github Link: https://github.com/sonipranjal/ultimate-twitter-clone ✏️ Course developed by @ClubOfCoders Pranjal’s Twitter: https://twitter.com/pranjalsoni_ ClubOfCoders Website: https://www.clubofcoders.com/ ⭐️ Contents ⭐️ (0:00:00) Twitter Intro (0:02:32) Build the Ultimate Twitter Clone using Next.js 13 (with Tailwind CSS, TypeScript and Supabase) (0:14:10) Building the left sidebar of Twitter using Tailwind CSS (0:34:09) Building Twitter Timeline using Next.js & Tailwind CSS (0:56:25) Building the Trending Section Layout and Who to follow using Tailwind CSS (1:18:26) Designing Twitter Clone PostgreSQL Database using ChatGPT and dbdiagram (1:35:39) Authentication with Supabase in Next.js 13 app directory (2:15:06) Saving Tweet in DB using NextJs Server Actions and Supabase (2:41:07) Handling errors in NextJs Server Action (2:57:11) Fetching all the Tweets in React Server Component (3:14:34) Implementing the Like Tweet Feature (3:32:29) Like-Unlike Feature Part-2 (3:59:47) Optimising the Web App (4:19:09) Fixing a bug (4:22:21) Using ChatGPT to build Drizzle ORM schema from SQL (4:53:16) How to join tables and build a complex query using Drizzle ORM (5:30:53) Reply Tweet Feature (5:54:55) Reply Feature Part-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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python Tkinter GUI Design Using ttkbootstrap - Complete Course

0tM-l_ZsxjU | 18 Jul 2023

Python Tkinter GUI Design Using ttkbootstrap - Complete Course

Learn how to easily implement modern designs in your Tkinter-based Python applications using ttkbootstrap. You will learn how to use all the main ttkbootstrap widgets to make your Tkinter apps look modern and awesome! ✏️ Course developed by @TkinterPython ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:09:07) Labels and Buttons ⌨️ (0:19:59) CheckButtons ⌨️ (0:29:50) Resizing Buttons ⌨️ (0:35:46) Combo Boxes ⌨️ (0:42:52) Entry Boxes ⌨️ (0:48:58) Floodgauge ⌨️ (0:58:29) Date Entry ⌨️ (1:08:37) Frames and Labels ⌨️ (1:14:31) Menu Buttons ⌨️ (1:23:50) Meters ⌨️ (1:37:53) Notebooks ⌨️ (1:44:13) Progress Bars ⌨️ (1:59:24) Radio Buttons ⌨️ (2:10:46) Sliders ⌨️ (2:19:05) Scrollbars ⌨️ (2:24:58) Separators and Sizegrips ⌨️ (2:31:19) Spinboxes ⌨️ (2:39:01) Treeview ⌨️ (2:45:52) Message Boxes ⌨️ (2:57:30) Color Chooser ⌨️ (3:05:52) Scrolled Text ⌨️ (3:12:08) Scrolled Frame ⌨️ (3:17:39) Toast Messages ⌨️ (3:23:14) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Postman API Test Automation for Beginners

zp5Jh2FIpF0 | 13 Jul 2023

Postman API Test Automation for Beginners

Learn how to use Postman to write and automate API tests. 🎥 Course created by @vdespa Proudly sponored by https://www.youtube.com/@postman?sub_confirmation=1 📚 Course Notes: https://github.com/vdespa/automation-with-postman-course 📺 Valentin on YouTube: https://www.youtube.com/@vdespa?sub_confirmation=1 🔗 Valentin's website: https://www.vdespa.com 🐦 Valentin on Twitter: https://twitter.com/vdespa 🤵 Valentin on LinkedIn: https://www.linkedin.com/in/vdespa/ ⭐️ Course Contents ⭐️ ⭐️ Unit 1 - Introduction to API testing 0:00:00 Lesson 1 - Welcome 0:03:50 Lesson 2 - Introduction to the project 0:10:27 Lesson 3 - What is API testing 0:12:08 Lesson 4 - Manually testing the API 0:20:49 Lesson 5 - Using Postman variables to store secrets 0:30:47 Lesson 6 - Writing scripts in Postman 0:36:14 Lesson 7 - Use the Postman console for debugging scripts 0:39:47 Lesson 8 - Writing an API test 0:44:39 Lesson 9 - JavaScript basics 0:45:46 Lesson 10 - JavaScript basics - Variables 0:58:52 Lesson 11 - JavaScript basics - Variable scopes 1:04:54 Lesson 12 - JavaScript basics - Data types 1:22:44 Lesson 13 - JavaScript basics - Functions 1:33:15 Lesson 14 - JavaScript basics - Methods 1:38:54 Lesson 15 - JavaScript basics - Callback functions 1:48:15 Lesson 16 - JSON format 1:52:09 Lesson 17 - Accessing data from the response body 1:58:29 Lesson 18 - Passing data from one request to the other 2:04:23 Lesson 19 - Setting Postman variables from scripts 2:09:57 Lesson 20 - Assignment #1 ⭐️ Unit 2 - Writing API tests 2:16:24 Lesson 1 - Unit overview 2:18:03 Lesson 2 - Test structure in Postman 2:22:51 Lesson 3 - Making assertions about the status code 2:25:15 Lesson 4 - Assignment #2 2:26:07 Lesson 5 - Asserting the response body is JSON 2:30:13 Lesson 6 - Writing simple assertions against the response body 2:38:17 Lesson 7 - Asserting the data-type of a property 2:46:13 Lesson 8 - Using Postman random variables in assertions 2:51:39 Lesson 9 - Regular expressions in tests 2:55:16 Lesson 10 - Assignment #3 2:56:01 Lesson 11 - JSON schema validations 3:01:27 Lesson 12 - Using Postman mock servers 3:12:23 Lesson 13 - Advanced JSON schema validation 3:18:08 Lesson 14 - Common pitfalls with JSON schema validation 3:20:24 Lesson 15 - Assignment #4 3:21:00 Lesson 16 - Testing response headers ⭐️ Unit 3 - Automation first steps 3:23:27 Lesson 1 - Unit overview 3:24:26 Lesson 2 - Collection runner 3:30:53 Lesson 3 - Scheduled runs 3:39:58 Lesson 4 - Postman CLI 3:43:40 Lesson 5 - Running a collection using Postman CLI 3:49:40 Lesson 6 - Postman CLI options ⭐️ Unit 4 - Integrating Postman tests in CI/CD 3:52:23 Lesson 1 - Unit overview 3:53:55 Lesson 2 - What is CI/CD? 3:55:51 Lesson 3 - CI/CD providers 3:57:51 Lesson 4 - Running Postman tests with GitHub Actions 4:05:10 Lesson 5 - Assignment #5 4:05:53 Lesson 6 - Running Postman tests in other CI/CD tools 4:07:42 Lesson 7 - Collaboration within a Postman workspace 4:13:22 Lesson 8 - Claim your badge 4:13:58 Lesson 9 - Conclusion

Learn Terraform with Google Cloud Platform – Infrastructure as Code Course

VCayKl82Lt8 | 11 Jul 2023

Learn Terraform with Google Cloud Platform – Infrastructure as Code Course

Learn how to use Terraform and Infrastructure as Code to deploy a website to Google Cloud Platform. ✏️ Course developed by @rishabkumar7 🔗 Code: https://github.com/rishabkumar7/freecodecamp-terraform-with-gcp ⭐️ Contents ⭐️ (00:00) Introduction to Project (02:25) Setting Up Google Cloud Platform (GCP) (08:31) Installing Terraform and setting up the directory (10:44) Writing Terraform Code (25:34) Deploying Google Storage Bucket to GCP (29:44) Adding other resources in Terraform (31:24) Custom Domain Configuration (44:39) Deploying remaining resources to GCP (49:44) Terraform Destroy and gitignore 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Create a Programming Language and Learn Advanced Python – Full Course

1WpKsY9LBlY | 06 Jul 2023

Create a Programming Language and Learn Advanced Python – Full Course

Make your own programming language while learning advanced Python. ✏️ Course from Aryaan Hegde. Aryaan's website: https://blog.algolearn.net/ 💻 Code: https://github.com/VOYAGERX013/ShadowScript ⭐️ Contents ⭐️ (0:00:00) Intro (0:07:05) Logic gates (0:12:14) How computers do arithmetic (0:17:37) Computer memory (0:21:02) Programming (0:26:25) Lexical analysis (0:32:43) Parsing (0:49:33) Object-oriented programming (0:55:15) Encapsulation (0:56:34) Abstraction (0:58:29) Inheritance (1:00:49) Polymorphism (1:03:07) OOP in Python (1:11:53) Class variables (1:14:51) Class methods (1:19:36) Static methods (1:21:50) Inheritance in Python (1:32:48) Lists (1:42:42) Tuples (1:46:32) Dictionaries (1:49:46) Stacks (1:54:19) Binary trees (1:56:13) Tree traversal techniques (2:03:36) Interpreter (2:08:26) Binary trees in Python (2:11:39) Preorder traversal (2:20:01) Postorder traversal (2:23:40) Recursion (2:35:06) Lexer in Python (2:57:16) Parser in Python (3:10:08) Interpreter in Python (3:32:10) Brackets in expressions (3:34:17) Variables (4:02:42) Unary operations (4:11:15) Boolean and comparison operator (4:26:28) If statements (4:33:34) While loops 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Hot Dog or Not Hot Dog – Convolutional Neural Network Course for Beginners

nVhau51w6dM | 03 Jul 2023

Hot Dog or Not Hot Dog – Convolutional Neural Network Course for Beginners

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: https://colab.research.google.com/drive/1G_ixTTBy6tVm4R7B7qYEdokjilLBdLdq?usp=sharing Slides: https://docs.google.com/presentation/d/16Z2fnBl2azfGxZ8InHiFvRb1OLZVQTLQpy8GzZR5YEg/edit?usp=sharing Food 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

3D RPG Action Game Dev Tutorial in Godot

F2TL525KkiM | 29 Jun 2023

3D RPG Action Game Dev Tutorial in Godot

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: https://devassets.com/assets/adventure-starter-pack/ https://kaylousberg.itch.io/kaykit-dungeon-remastered https://fertile-soil-productions.itch.io/modular-terrain-pack https://fertile-soil-productions.itch.io/modular-village-pack Player: https://www.mixamo.com/#/ https://kaylousberg.itch.io/kaykit-skeletons https://kaylousberg.itch.io/kaykit-animations Inv: https://admurin.itch.io/mega-admurins-freebies https://opengameart.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Advanced C# Programming Course

YT8s-90oDC0 | 27 Jun 2023

Advanced C# Programming Course

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: https://www.youtube.com/watch?v=2pquQMSYk6c&list=PL4LFuHwItvKbneXxSutjeyz6i1w32K6di ⭐️ Code ⭐️ Part 1 https://github.com/GavinLonDigital/SchoolHRAdministration Part 3 https://github.com/GavinLonDigital/DelegateBasicExample Part 4 https://github.com/GavinLonDigital/ClubMembershipApplication Part 5 https://github.com/GavinLonDigital/CovarianceAndContravarianceDelegateExample Part 6 https://github.com/GavinLonDigital/FuncActionPredicateExamples Part 7 https://docs.microsoft.com/en-us/dotnet/standard/asynchronous-programming-patterns/using-an-asynccallback-delegate-to-end-an-asynchronous-operation?view=netframework-4.8 Part 8 https://docs.microsoft.com/en-us/dotnet/standard/events/how-to-raise-and-consume-events Part 9 https://github.com/GavinLonDigital/ThermostatEventsApp Part 10 https://github.com/GavinLonDigital/EmployeeUWPApp Part 11 https://github.com/GavinLonDigital/BuildingSurveillanceSystemApplication Part 12 https://github.com/GavinLonDigital/GenericsBasics Part 13 https://github.com/GavinLonDigital/GenericBubbleSortApplication Part 14 https://github.com/GavinLonDigital/HardwareWarehouseManagementSystem Part 15 https://github.com/GavinLonDigital/DigitalProductInventoryApplication Part 16 -UWP Project -------------------- https://github.com/GavinLonDigital/TestClientAsyncUWP Web API Project -------------------------- https://github.com/GavinLonDigital/TestTimeConsumingOperationWebAPI Part 17 https://github.com/GavinLonDigital/FinancialTradingPlatformApplication Part 18 https://github.com/GavinLonDigital/FinancialTradingPlatformUWP Part 19 https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/async/cancel-an-async-task-or-a-list-of-tasks Part 20 https://github.com/GavinLonDigital/ThePretendCompanyApplication Part 21 https://github.com/GavinLonDigital/LINQExamples_1 Part 22 https://github.com/GavinLonDigital/LINQExamples_1 Part 23 https://github.com/GavinLonDigital/LINQExamples_2 Part 24 https://github.com/GavinLonDigital/AttributesExamples Part 25 https://github.com/GavinLonDigital/TestHarness ⭐️ 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 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Pandas for Data Analysis by Example – Full Course for Beginners

gtjxAH8uaP0 | 21 Jun 2023

Pandas for Data Analysis by Example – Full Course for Beginners

Learn how to use Pandas and Python for Data Analysis, to Data Cleaning and Data Wrangling. You will learn by creating real life projects interactively to help you take the next step in your Data Science Career. Learn more about the projects at https://www.datawars.io/freecodecamp ⚠️ Important! We encourage you to try to resolve the projects by yourself first! And watch the solution afterwards ⚠️ 💻 Course created by Santiago Basulto from DataWars. 🔗 Find more interactive Data Science projects solve at: https://www.datawars.io ⭐️ Projects Covered ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:22) DataFrames practice: working with English Words [🟢 Easy] This project focuses on the basics of pandas DataFrames, including understanding its structures and modifying them. The data we're using is a big dictionary of english words. 🔗 Solve the project by yourself: https://www.datawars.io/fcc-english-words ⌨️ (0:33:26) Filtering and sorting with Pokemon data [🟢 Easy] This project focuses on the main tasks of Data Analysis: filtering and sorting and question/answering. The dataset includes information of pokemons from all generations (to make it more fun!) 🔗 Solve the project by yourself: https://www.datawars.io/fcc-filtering-pokemon ⌨️ (1:24:30) The Birthday Paradox in the NBA [🟡 Intermediate] The Birthday Paradox answers the question: how many people do you need in the same room in order to have a probability of at least 50% that two people share a birthday. The answer is astonishing! You'll use your findings to find which teams in the NBA share player's birthdays. 🔗 Solve the project by yourself: https://www.datawars.io/fcc-birthday-nba ⌨️ (1:55:28) Matching Strings by Similarity using Levenshtein distance [🟡 Intermediate] One of the most challenging tasks of Data Cleaning is dealing with Strings. This project is all about string handling and advanced techniques, as using the Combinatorics and the Levenshtein distance to find irregularities in company names. 🔗 Solve the project by yourself: https://www.datawars.io/fcc-string-similarity ⌨️ (2:24:15) Data Cleaning with Google Playstore dataset [🟡 Intermediate] An all-encompassing project that covers all the aspects of Data Cleaning, including: finding and fixing null values, duplicate values, outliers and more. The data was scraped from the Google Playstore which means that is full of irregularities. The project finishes with some Data Analysis tasks! 🔗 Solve the project by yourself: https://www.datawars.io/fcc-data-cleaning-playstore ⌨️ (3:18:34) Premier League Match Analysis [🔴 Advanced] This project increases the complexity of your Data Analysis skills, as it combines Data Cleaning, with some analysis based on grouping operations. The dataset comes from the Premier League, the top-division Football/Soccer league in England. 🔗 Solve the project by yourself: https://www.datawars.io/fcc-premier-league ⌨️ (3:53:46) NBA 2017 season analysis: joining and groupby practice [🔴 Advanced] This project puts your Data Wrangling skills to a test, by asking you to merge different dataframes, clean them, and finish doing some analysis and question/answering. The dataset contains the full information of 2017 NBA statistics. 🔗 Solve the project by yourself: https://www.datawars.io/fcc-nba-analysis 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners

dU7GwCOgvNY | 20 Jun 2023

Learn Supabase (Firebase Alternative) – Full Tutorial for Beginners

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: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Pointers in C for Absolute Beginners – Full Course

MIL2BK02X8A | 15 Jun 2023

Pointers in C for Absolute Beginners – Full Course

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 @suspectedoceano2016 ⭐️ Contents ⭐️ (0:00:00) Introduction (0:00:39) What is a computer eli5 CPU, RAM, bytes (0:08:04) Data Types (0:13:31) Intro to processes (0:16:44) process memory layout (0:19:17) Variables in memory (0:23:01) Naive change_value program (0:28:05) Change_value with pointers (0:33:03) The classic swap (0:34:05) Why declaration and dereference have the same syntax for pointers? (0:38:39) Advantages of passing by reference va passing by value (0:45:26) Why do pointers to different data types have the same size? (0:47:49) Given that pointers have all the same size, why do we need a pointer type? (0:58:16) void pointers are confusing (1:00:14) why malloc is handy and more on void* (1:09:09) Are arrays just pointers? (1:25:00) Array Decay into a pointer (1:32:59) why array decay is useful? (1:37:49) arr[5] == 5[arr] (1:39:04) pointers to pointers: **argv (1:47:11) *argv[] or **argv? (1:52:41) pointer to functions (1:59:02) use case with pointers to functions 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Microsoft Power Platform Fundamentals (PL-900) — Full Course Pass the Exam!

ZTPcRWK0ytE | 13 Jun 2023

Microsoft Power Platform Fundamentals (PL-900) — Full Course Pass the Exam!

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: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.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 🦀

BpPEoZW5IiY | 08 Jun 2023

Learn Rust Programming - Complete Course 🦀

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: https://github.com/3rfaan/courses/tree/main/Rust/rust-by-practice/src ⭐️ Contents ⭐️ 00:00:00 Introduction & Learning Resources 00:06:19 Variables 00:27:07 Numbers & Binary System 01:09:51 Chars, Bools & Unit Types 01:17:55 Statements & Expressions 01:24:50 Functions 01:32:53 Ownership 02:24:06 Borrowing 02:47:45 String vs. &str 03:17:59 Slices 03:31:35 Tuples 03:40:04 Structs 04:02:52 Enums 04:13:46 The "Option" Enum 04:21:32 Flow Control 04:44:43 Pattern Match 05:16:42 Methods & Associated Functions 05:31:50 Generics 06:06:32 Traits 06:47:15 Trait Objects 07:09:51 Associated Types 07:39:31 String 07:59:52 Vectors 08:29:00 HashMaps 08:52:45 Type Coercion 09:04:54 From & Into 09:36:03 panic! 09:44:56 Result 10:28:23 Cargo, Crates & Modules 11:08:28 Debug & Display 11:30:13 Lifetimes 12:14:46 Lifetime Elision 12:38:53 Closures 13:30:08 Iterators Correction: 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Deep Learning for Computer Vision with TensorFlow – Complete Course

IA3WxTTPXqQ | 06 Jun 2023

Deep Learning for Computer Vision with TensorFlow – Complete Course

Learn the basics of computer vision with deep learning and how to implement the algorithms using Tensorflow. Author: Folefac Martins from Neuralearn.ai More Courses: www.neuralearn.ai Link to Code: https://colab.research.google.com/drive/18u1KDx-9683iZNPxSDZ6dOv9319ZuEC_ YouTube Channel: https://www.youtube.com/@neuralearn ⭐️ Contents ⭐️ Introduction ⌨️ (0:00:00) Welcome ⌨️ (0:05:54) Prerequisite ⌨️ (0:06:11) What we shall Learn Tensors 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) Variables Building 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 Measures Building 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 Drive Building 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 Layers Evaluating Classification Models [Malaria Diagnosis] ⌨️ (9:36:45) Precision, Recall and Accuracy ⌨️ (10:00:35) Confusion Matrix ⌨️ (10:10:10) ROC Plots Improving 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 Underfitting Data 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 Albumentations Advanced TensorFlow Topics [Malaria Diagnosis] ⌨️ (13:58:35) Custom Loss and Metrics ⌨️ (14:18:30) Eager and Graph Modes ⌨️ (14:31:23) Custom Training Loops Tensorboard Integration [Malaria Diagnosis] ⌨️ (14:57:00) Data Logging ⌨️ (15:29:00) View Model Graphs ⌨️ (15:31:45) Hyperparameter Tuning ⌨️ (15:52:40) Profiling and Visualizations MLOps 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 Versioning Human Emotions Detection ⌨️ (18:16:55) Data Preparation ⌨️ (18:45:38) Modeling and Training ⌨️ (19:36:42) Data Augmentation ⌨️ (19:54:30) TensorFlow Records Modern 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) EfficientNet Transfer Learning [Human Emotions Detection] ⌨️ (22:38:15) Feature Extraction ⌨️ (23:02:25) Finetuning Understanding the Blackbox [Human Emotions Detection] ⌨️ (23:15:33) Visualizing Intermediate Layers ⌨️ (23:36:20) Gradcam method Transformers 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 Wandb Model 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 Locust Object 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) Testing Image 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 GANs Conclusion ⌨️ (37:15:45) What's Next

Neo4j Course for Beginners

_IgbB24scLI | 01 Jun 2023

Neo4j Course for Beginners

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 - https://neo4j.com/ 💻 Spring Boot Project Code - https://github.com/fhsinchy/spring-neo4j 💻 React Code - https://github.com/GavinLonDigital/Curriculum-mngt 🔗 Oracle Java Development Kit - https://www.oracle.com/java/technologies/downloads/ 🔗 Microsoft Build of OpenJDK - https://www.microsoft.com/openjdk 🔗 IntelliJ IDEA - https://www.jetbrains.com/idea/ 🔗 Cypher Cheat Sheet - https://neo4j.com/docs/cypher-cheat-sheet/ 🔗 Cypher Docs - https://neo4j.com/docs/cypher-manual/current/introduction/ 🔗 Field Dependency Injection Considered Harmful - https://www.vojtechruzicka.com/field-dependency-injection-considered-harmful/ ⭐️ Contents ⭐️ 0:00:00 Introduction 0:02:38 Discussion on Commonly Used Database Management Systems 0:08:00 Social Media Platforms and Graph Database Management Systems 0:08:49 The Integration of a Graph Database Management System into an Overall System Design 0:11:10 Relationships in RDBMS vs. Relationships in GDBMS 0:11:55 Whiteboard Presentation Highlighting Relationships between Nodes in. GDBMS 0:14:59 Discussion on SQL and Cypher 0:17:03 Install Neo4j Desktop 0:17:15 Install SQL Server 0:17:35 Create Graph Database and Similar SQL Server Database 0:20:40 Run Cypher Queries and Similar SQL Queries 0:24:58 Creating database and connecting to database 0:28:46 Practical introduction to Cypher Query Language 0:47:26 Creating and initializing the project database 0:53:49 JDK and IntelliJ IDEA Installation 0:55:24 Initializing a new Spring Boot project 0:59:54 Acknowledgement of a mistake in the recording 1:01:54 Implementation of Courses and Lessons 1:56:36 Implementation of Users and Authentication 2:48:11 Implementation of Courses Enrolments 3:27:57 Viewer Knowledge Prerequisites 3:28:21 Setting up the Environment with VS Code and Node 3:28:53 Create Curriculum Management Application React Project 3:35:29 Create Home React Component 3:37:34 Install Dependencies 3:44:12 Create Header React Component 3:48:35 Add CSS Styles to App.css 3:50:17 Create Register React Component 4:13:31 Create Axios Configuration Code 4:18:09 Discuss Local Setup for Java Web API 4:19:52 Create Login React Component 4:36:05 Create Context with AuthProvider Component 4:37:46 Create useAuth Hook 4:38:44 Create Interceptor Functionality in useAxiosPrivate Hook 4:40:27 Create Authentication Functionality 4:45:09 Http Call to Retrieve a List of Courses 4:52:57 Create Course React Component 5:00:32 Create EnrolledCourses React component 5:06:07 Create Functionality to Enroll a Student into a Course 5:12:57 Create Video Component 5:16:57 Create Spinner React Component 5: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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners

jlogLBkPZ2A | 30 May 2023

Build AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for Beginners

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: https://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: https://twitter.com/tpchant Also, follow Scrimba on YouTube here: https://www.youtube.com/c/Scrimba We 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: https://scrimba.com/learn/htmlandcss 🔗 JavaScript: https://scrimba.com/learn/learnjavascript ⭐️ Code ⭐️ 🔗 Download via Scrimba: https://scrimba.com/learn/buildaiapps 💫 Links mentioned in course: 🔗 GPT-4 waiting list: https://scrimba.com/links/gpt4-waitlist-openai 🔗 OpenAI Home: https://scrimba.com/links/openai 🔗 OpenAI Docs: https://scrimba.com/links/openai-docs-intro 🔗 OpenAI Completions endpoint docs: https://scrimba.com/links/openai-completions-docs 🔗 GPTTools.com model comparison: https://scrimba.com/links/open-ai-comparison-tool 🔗 OpenAI Playground: https://scrimba.com/links/open-ai-playground 🔗 Dall-E: https://scrimba.com/links/dall-e-openai 🔗 OpenAI endpoint compatibility table: https://scrimba.com/links/chatgpt-endpoint-compatibility 🔗 GPT-4 Chatbot conversation object format: https://scrimba.com/links/chatgpt-object-format 🔗 Data used to fine-tune We-Wingit Chatbot: https://scrimba.com/links/we-wingit-data-csv 🔗 Firebase home: https://scrimba.com/links/firebase-home 🔗 Firebase .val() method: https://scrimba.com/links/firebase-val-method 🔗 Object.values MDN: https://scrimba.com/links/object-dot-values 🔗 Netlify: https://scrimba.com/links/netlify-home ⭐️ Contents ⭐️ 0:00:00 Introduction 0:01:19 Course Intro 0:04:56 MoviePitch intro 0:07:53 The Boilerplate 0:11:26 Getting an OpenAI API Key 0:13:32 Getting info for fetch request 0:15:14 Building an OpenAI fetch request 0:20:23 The first AI fetch request 0:26:41 Models 0:30:18 Tools 0:34:03 Refactor to use dependency l - env variable 0:38:11 Refactor to use dependency ll - The dependency 0:41:07 Refactor to use dependency lll - update fetchReply 0:44:40 Take out of Scrimba 0:46:45 Personalising the message 0:53:04 Tokens 0:57:09 fetchSynopsis 1:03:44 Aside - few shot approach 1:10:45 Aside - few shot approach ll 1:13:42 Refactor fetchSynopsis 1:21:00 Architecture 1:23:23 Title and Temperature 1:31:52 Reaching for the stars 1:37:52 Aside - createImage 1:46:56 fetchImagePrompt 1:54:21 Displaying the image and finishing off the UX 2:03:16 OutroKnowItAll: GPT-4 Chatbox2:06:47 KnowItAll Intro 2:09:40 Starter Code 2:13:10 Aside: How ChatGPT models work for chatbots 2:18:24 Conversation and instructions 2:20:21 Add user input to conversation array 2:23:06 The createChatCompletion endpoint 2:24:38 The model and object 2:28:46 Render the output, update the array 2:33:37 Aside: Theory: Frequency and presence penalties 2:37:07 presence_penalty practice 2:38:36 frequency_penalty practice 2:44:54 The chatbot’s personality 2:47:06 Firebase Intro 2:48:27 Firebase Account and database set up 2:50:43 Firebase dependency and database set up 2:55:53 Push method and instructions object 2:58:33 Update fetch Reply 3:02:24 Update fetchReply 2 3:04:49 Update the database 3:07:19 Render the conversation from the DB 3:12:02 The “start over” button 3:15:20 OutroWe-Wingit: Fine-tuned chatbot3:17:28 Intro to fine-tuning 3:20:04 Convert the Chatbot to We-Wingit 3:22:15 An Overview of the AI 3:23:52 Data for fine-tuning 3:26:34 The data we’re using 3:30:05 CLI 1 - Setting up the environment 3:33:03 CLI 2 - Data Preparation Tool 3:37:03 CLI 3 - Tuning the model 3:38:55 Updating the JS 1 3:41:33 Updating the JS 2 3:44:15 Updating the JS 3 3:47:01 The Separator 3:52:32 Aside - Stop Sequence 3:55:50 Adding the stop sequence 4:00:36 n_epochs 4:07:24 Intro to deployment 4:09:46 Download and GitHub 4:12:07 Netlify sign-up 4:13:56 Add Netlify env var 4:15:54 Netlify CLI 4:17:30 Netlify serverless function 1 4:19:52 Update fetchReply 4:24:28 Serverless function 2 4:27:30 Serverless function 3 4:29:21 Serverless function 4 4: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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase

GnodscC2p-A | 25 May 2023

Build and Deploy a LeetCode Clone with React, Next JS, TypeScript, Tailwind CSS, Firebase

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: https://github.com/burakorkmez/leetcode-clone-youtube 💻 Github Gist: https://gist.github.com/burakorkmez/5ba4c1a910f396050a2ac2f229418f54 🔗 Demo Project: https://leetclone.vercel.app/problems/two-sum 🔗 Discord Server(to ask questions): https://discord.gg/YFn2WyheZV Course created by @burakorkmez ⭐️ Contents ⭐️ 0:00:00 Intro 0:00:29 Demo of The App 0:05:23 Project Setup 0:08:51 Auth Page Setup 0:13:19 Auth Page Navbar 0:18:54 AuthModal Layout UI 0:22:16 Login UI 0:29:41 Signup UI 0:31:59 ResetPassword UI 0:33:13 Integrating Recoil Auth State 0:47:31 Firebase Setup 0:52:41 Signup Functionality 1:01:21 Login Functionality 1:05:14 Auth Page Route Guard 1:08:01 Home Page UI 1:12:50 Problems Table UI 1:21:01 Youtube Video Modal 1:29:51 Topbar Update On Auth 1:32:46 Logout Functionality 1:37:11 Auth Modal Optimizations 1:38:44 Reset Password Functionality 1:42:56 React Toastify 1:47:19 Image optimizations 1:54:33 Creating [pid] page and update topbar 2:02:27 Creating Timer.tsx 2:12:31 Creating Workspace.tsx 2:15:18 Splitting The Page 2:19:47 Creating ProblemDescrition.tsx 2:26:03 Creating PreferenceNav.tsx 2:34:39 Creating Code Editor 2:41:10 Adding Test Cases UI 2:50:15 Creating EditorFooter.tsx 2:56:32 Data Handling Explained 3:01:50 Two Sum Problem 3:12:52 Reverse Linked List 3:18:05 Jump Game Problem 3:20:13 Valid Parentheses Problem 3:21:16 Search 2d Matrix Problem 3:22:01 Using SSG for [pid].tsx 3:46:47 Updating testcases UI 3:51:39 Initializing Firestore 3:55:56 Adding problems to DB 4:12:09 Fetch Problems 4:32:58 Create Users in DB 4:40:33 Fetch problem data 4:51:28 Loading skeletons 4:56:35 Get user data on the problem 5:06:23 Like functionality 5:27:51 Dislike functionality 5:39:03 Star functionality 5:46:03 Next and Previous problem 5:55:23 Solving Hydration Error 5:58:08 Confetti Celebration 6:01:43 Code Submission 6:20:50 Save code to localstorage 6:24:48 Solving bugs 6:31:08 Toggle Full Screen 6:34:13 SettingsModal UI 6:41:33 SettingsModal Functionality 6:54:23 Update Home Page 6:59:11 Sandboxing technique 7:01:58 Deployment 7: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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Django ChatGPT Clone Tutorial

qrZGfBBlXpk | 24 May 2023

Django ChatGPT Clone Tutorial

Learn how to use Django and the OpenAI API to create a ChatGPT clone, complete with user authentication. ✏️ Course created by @CodeWithTomi 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator

FRmCxj9K7II | 22 May 2023

Full-Stack Next.js, TypeScript, and AWS Course – Code a Quote Generator

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: https://github.com/BrianHHough/inspirational-quote-generator-freeCodeCamp Live Site: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Use ChatGPT to Code a Full Stack App – Full Course

GizsSo-EevA | 18 May 2023

Use ChatGPT to Code a Full Stack App – Full Course

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: https://github.com/judygab/course-app 🔗 Judy's Full Stack 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Security Vulnerabilities Tutorial – With Code Examples

ypNKKYUJE5o | 16 May 2023

JavaScript Security Vulnerabilities Tutorial – With Code Examples

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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners

K7ghUiXLef8 | 15 May 2023

Ionic & Capacitor for Building Native Mobile Apps – Full Course for Beginners

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: https://github.com/saimon24/ionic-react-capacitor-course ✏️ Simon Grimm created this course. Ionic Academy: https://ionicacademy.com/ Simon on Twitter: https://twitter.com/schlimmson Simon’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, Simon https://ionicacademy.com/ http://devdactic.com https://twitter.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Go Programming – Golang Course with Bonus Projects

un6ZyFkqFKo | 11 May 2023

Go Programming – Golang Course with Bonus Projects

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: https://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: https://twitter.com/wagslane 🔗 Learn back-end on Boot.dev: https://boot.dev 🔗 Need help? Join the Boot.dev Discord: https://boot.dev/community Documentation used: 🔗 Chi router: https://github.com/go-chi/chi 🔗 Goose migrations: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Functional Programming with Elixir – Full Course

IiIgm_yaoOA | 10 May 2023

Functional Programming with Elixir – Full Course

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: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

SQL Tutorial for Beginners (and Technical Interview Questions Solved)

-fW2X7fh7Yg | 09 May 2023

SQL Tutorial for Beginners (and Technical Interview Questions Solved)

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 - https://jovian.com/aakashns/relational-databases-and-sql 🔗 Advanced SQL Aggregation & Joins notebook - https://jovian.com/aakashns/advanced-sql-aggregation-and-joins 🔗 SQL data file: https://raw.githubusercontent.com/harsha547/ClassicModels-Database-Queries/master/database.sql A 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

.NET MAUI Course for Beginners – Create Cross-Platform Apps with C#

n3tA3Ku65_8 | 04 May 2023

.NET MAUI Course for Beginners – Create Cross-Platform Apps with C#

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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Machine Learning Foundations Course – Regression Analysis

2IZKK3pJQjg | 03 May 2023

Machine Learning Foundations Course – Regression Analysis

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: https://github.com/ayush714/Core-Machine-Learning-Course 🔗 Lecture notes and resources: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Harvard CS50’s Introduction to Programming with Python – Full University Course

nLRL_NcnK-4 | 01 May 2023

Harvard CS50’s Introduction to Programming with Python – Full University Course

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: https://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 Cetera HOW TO JOIN CS50 COMMUNITIES Discord: https://discord.gg/cs50 Ed: https://cs50.harvard.edu/x/ed Facebook Group: https://www.facebook.com/groups/cs50/ Faceboook Page: https://www.facebook.com/cs50/ GitHub: https://github.com/cs50 Gitter: https://gitter.im/cs50/x Instagram: https://instagram.com/cs50 LinkedIn Group: https://www.linkedin.com/groups/7437240/ LinkedIn Page: https://www.linkedin.com/school/cs50/ Medium: https://cs50.medium.com/ Quora: https://www.quora.com/topic/CS50 Reddit: https://www.reddit.com/r/cs50/ Slack: https://cs50.edx.org/slack Snapchat: https://www.snapchat.com/add/cs50 SoundCloud: https://soundcloud.com/cs50 Stack Exchange: https://cs50.stackexchange.com/ TikTok: https://www.tiktok.com/@cs50 Twitter: https://twitter.com/cs50 YouTube: https://www.youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN Facebook: https://www.facebook.com/dmalan GitHub: https://github.com/dmalan Instagram: https://www.instagram.com/davidjmalan/ LinkedIn: https://www.linkedin.com/in/malan/ TikTok: https://www.tiktok.com/@davidjmalan Twitter: https://twitter.com/davidjmalan LICENSE CC BY-NC-SA 4.0 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License https://creativecommons.org/licenses/by-nc-sa/4.0/

Scrapy Course – Python Web Scraping for Beginners

mBoX_JCKZTE | 27 Apr 2023

Scrapy Course – Python Web Scraping for Beginners

The Scrapy Beginners Course will teach you everything you need to learn to start scraping websites at scale using Python Scrapy. The course covers: - Creating your first Scrapy spider - Crawling through websites & scraping data from each page - Cleaning data with Items & Item Pipelines - Saving data to CSV files, MySQL & Postgres databases - Using fake user-agents & headers to avoid getting blocked - Using proxies to scale up your web scraping without getting banned - Deploying your scraper to the cloud & scheduling it to run periodically ✏️ Course created by Joe Kearney. ⭐️ Resources ⭐️ Course Resources - Scrapy Docs: https://docs.scrapy.org/en/latest/ - Course Guide: https://thepythonscrapyplaybook.com/freecodecamp-beginner-course/ - Course Github: https://github.com/orgs/python-scrapy-playbook/repositories - The Python Scrapy Playbook: https://thepythonscrapyplaybook.com/ Cloud Environments - Scrapyd: https://github.com/scrapy/scrapyd - ScrapydWeb: https://github.com/my8100/scrapydweb - ScrapeOps Monitor & Scheduler: https://scrapeops.io/monitoring-scheduling/ - Scrapy Cloud: https://www.zyte.com/scrapy-cloud/ Proxies - Proxy Plan Comparison Tool: https://scrapeops.io/proxy-providers/comparison/free-proxy-providers - ScrapeOps Proxy Aggregator: https://scrapeops.io/proxy-api-aggregator/ - Smartproxy: https://smartproxy.com/deals/proxyservers/ips ⭐️ Contents ⭐️ ⌨️ (0:00:00) Part 1 - Scrapy & Course Introduction ⌨️ (0:08:22) Part 2 - Setup Virtual Env & Scrapy ⌨️ (0:16:28) Part 3 - Creating a Scrapy Project ⌨️ (0:28:17) Part 4 - Build your First Scrapy Spider ⌨️ (0:55:09) Part 5 - Build Discovery & Extraction Spider ⌨️ (1:20:11) Part 6 - Cleaning Data with Item Pipelines ⌨️ (1:44:19) Part 7 - Saving Data to Files & Databases ⌨️ (2:04:33) Part 8 - Fake User-Agents & Browser Headers ⌨️ (2:40:12) Part 9 - Rotating Proxies & Proxy APIs ⌨️ (3:18:12) Part 10 - Run Spiders in Cloud with Scrapyd ⌨️ (4:03:46) Part 11 - Run Spiders in Cloud with ScrapeOps ⌨️ (4:20:04) Part 12 - Run Spiders in Cloud with Scrapy Cloud ⌨️ (4:30:36) Part 13 - Conclusion & Next Steps 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners

krfUjg0S2uI | 26 Apr 2023

Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners

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! https://coder-coder.com/responsive/ 🔗 Source code on GitHub: https://github.com/thecodercoder/fem-dklt-toggle 🔗 Challenge on Frontend Mentor: https://www.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 text Part 2 ⌨️ (0:29:10) Creating GitHub repo ⌨️ (0:34:33) Set up SCSS and JS files ⌨️ (1:09:55) Set up Gulp workflow Part 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 accessible Part 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 styles Part 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Zustand React State Management Course (Simple Redux Alternative)

fZPgBnL2x-Q | 25 Apr 2023

Zustand React State Management Course (Simple Redux Alternative)

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 🔗 Zustand GitHub repo: https://github.com/pmndrs/zustand 🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React Router 6 – Full Course

nDGA3km5He4 | 24 Apr 2023

React Router 6 – Full Course

This course will teach you to build real-world apps with React Router 6. Click here to get to the interactive version 👉 https://scrimba.com/links/react-router-6-course Throughout the course, you’ll be building an app called “VanLife” – an Airbnb-style web app dedicated to renting out travel vans for your next big road trip! As you build “VanLife”, you will learn all the important parts of React Router, such as layout and index routes, nested routes, filtering results with search parameters, protecting routes for authenticated users, and more. You will also learn about the new Remix-inspired data router APIs, including Loaders and Actions. This course was created by Bob Ziroll, Scrimba’s Head of Education. 🔗 Follow Bob on Twitter here: https://twitter.com/bobziroll 🔗 Follow Scrimba on YouTube: https://www.youtube.com/c/Scrimba ⭐️ Get the code ⭐️ 🔗 Via the Scrimba course: https://scrimba.com/links/react-router-6-course 🔗 Via the GitHub repo: https://scrimba.com/links/react-router-course-github-repo ⭐️ Prerequisites ⭐️ Before taking this course, you should already be well versed in HTML, CSS, JavaScript, and React. 💫 Links mentioned in course:** 🔗 Scrimba’s Learn React Course - https://scrimba.com/learn/learnreact 🔗 VanLife Figma Design - https://scrimba.com/links/figma-vanlife 🔗 Firebase - https://scrimba.com/links/firebase-homepage 🔗 Firestore Docs, get all docs in collection - https://scrimba.com/links/firestore-docs-get-all-docs-in-collectionfirestore-docs-get-all-docs-in-collection) 🔗 Netlify - https://scrimba.com/links/netlify-home-page 🔗 GitHub Desktop - https://desktop.github.com/ 🔗 Mirage JS - https://miragejs.com/ 🔗 Bob Ziroll’s GitHub - https://twitter.com/bobziroll Introduction to React Router 6 Multi-page vs single-page apps React Router Setup & BrowserRouter Extra: Local Development Routes BrowserRouter & Routes challenge Route, path, & element Quick Re-org Link VanLife project bootstrapping Initial Deploy to Netlify Mirage JS Server Challenge: Vans Page Route Params Nested Routes Intro Fixing the Navbar with a Layout Route Bootstrap the Host pages Nesting the /host routes Creating the Host Layout Relative Paths Index Routes To nest or not to nest? Add Footer NavLink Active Link Styling with NavLink Adding Host Vans Routes 🔀 Optional Side Quest - Building out the Host Vans List and Detail Pages Building out the Host Van Detail page Relative Links Back to all vans Add /host/vans/:id Nested Routes Add the Final Navbar! Outlet Context Update deployed version on Netlify! Search Params Intro useSearchParams Challenge: Set up search params in VanLife Filter the array w/ the search param Challenge: Filter the vans in VanLife Using Links to add search params Challenge: Filter the vans with Links Using the search params setter function Challenge: Filter the vans with a setter function Caveats to setting params Merging search params with Links Merging search params with the setSearchParams function Challenge: Conditional rendering practice Fix remaining absolute paths Back to all vans Link state useLocation Challenge: conditionally render the back button text 404 Page "Happy Path" "Sad Path" Quick update to our fetching code Coding the Sad Path - Loading state Coding the Sad Path - Error handling Loaders intro createBrowserRouter Setting up the data router Loader function Challenge: Vans List Loader useLoaderData Challenge: useLoaderData in Vans List page Use the loader data instead of the useEffect Loaders Quiz Handling errors Add errorElement to vans route useRouteError Initial Login Form Note from the future: importing image assets in Vite Protected Routes Parallel Loaders demo Challenge: Protected Routes w/ loaders Challenge: Protected Routes - pt 1 Aside challenge: move remaining fetching to loaders Challenge: Protected Routes - pt 2 Send login message prompt to login page Consume message from search param on login page Pass message to Login page 🌶️ Take: Forms in React are bad Setting up for authentication - happy path Setting up for authentication - sad path useNavigate() React Router Form Component Setting up the Action function Add form and action to VanLife Action function - params Action function - request Get form data in VanLife Use data in action to log in Better (but still fake) auth Challenge: send user to /host route after log in Form replace useActionData Action error handling Action error handling in VanLife useNavigation() useNavigation in VanLife get previous route pathname redirectTo - pt 1 redirectTo - pt 2 redirectTo in VanLife Deferring data Promises and defer() defer getVans() Await component Await in Vans route Await vans refactor React Suspense Suspense in VanLife Putting it all together - defer, Await, Suspense in HostVans errorElements in remaining van loading pages Placeholders are gone! 🎉 Cloud Firestore Setup 🔥 Cloud Firestore Code Setup Collection reference and getVans() function Create getVan() function Refactor getHostVans function Final loose ends Outro

JavaScript Interview Prep: Functions, Closures, Currying

tbqVqP5ilzQ | 20 Apr 2023

JavaScript Interview Prep: Functions, Closures, Currying

Prepare for JavaScript interview questions focusing on closures, functions, and currying. Throughout the course, you'll delve into various aspects of JavaScript, such as function declarations, expressions, scopes, and hoisting, as well as learning about advanced concepts like closures and lexical scope. You'll also gain a deeper understanding of currying and its practical applications in JavaScript. Course created by @RoadsideCoder Useful Links mentioned in the video - 🎥 var, let and const Video - https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5 🎥 map, filter, and reduce Video - https://www.youtube.com/watch?v=dGq0gi0wv64&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=2 🎥 FE Interview Experience Video - https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=1 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:48) Function Declaration ⌨️ (0:02:13) Function Expression ⌨️ (0:02:34) Anonymous Function ⌨️ (0:03:25) First Class Functions ⌨️ (0:04:54) What is IIFE? ⌨️ (0:06:05) IIFE - Interview Question ⌨️ (0:06:59) Closures ⌨️ (0:07:27) Function Scopes ⌨️ (0:09:10) Function Scope - Interview Question ⌨️ (0:10:18) Hoisting in Functions ⌨️ (0:13:40) Hoisting - Interview Question ⌨️ (0:15:46) Params vs Arguments ⌨️ (0:16:25) Spread vs Rest Operators ⌨️ (0:17:43) Interview Question on params, args, spread, rest ⌨️ (0:19:03) Callback Function ⌨️ (0:20:02) Callback Function - Interview Questions ⌨️ (0:20:58) Arrow Functions ⌨️ (0:21:59) Arrow function vs Normal Function ⌨️ (0:25:13) Closures ⌨️ (0:25:50) What is Lexical Scope? ⌨️ (0:27:39) Lexical Scope - Interview Question ⌨️ (0:28:53) What is Closure? ⌨️ (0:29:44) Example of Closures ⌨️ (0:30:57) Why Closure? ⌨️ (0:32:20) Closure Scope Chain ⌨️ (0:35:13) Ques 1 - What will it print? ⌨️ (0:37:10) Ques 2 - Write a function for this ⌨️ (0:39:29) Ques 3 - Time Optimisation with Closures ⌨️ (0:42:08) Ques 4 - setTimeout + block scope with Closures ⌨️ (0:47:08) Ques 5 - Create a private counter ⌨️ (0:49:49) Ques 6 - What is Module Pattern? ⌨️ (0:51:40) Ques 7 - Make this run only once ⌨️ (0:54:18) Ques 8 - Once Polyfill Implementation ⌨️ (0:58:11) Ques 9 - Memoise/Caching Implementation ⌨️ (1:03:46) Ques 10 - Closure vs Scope ⌨️ (1:04:25) Currying ⌨️ (1:04:55) What is Curring in Javascript? ⌨️ (1:05:23) Example of Currying ⌨️ (1:08:17) Ques 1 - Implement sum(2)(6)(1) ⌨️ (1:11:02) Ques 2 - Reusing Variable for logic ⌨️ (1:14:09) Ques 3 - Infinite Currying ⌨️ (1:18:27) Ques 4 - Currying vs Partial Application ⌨️ (1:20:37) Ques 5 - Manipulating DOM ⌨️ (1:23:01) Ques 6 - curry() implementation

ChatGPT Course – Use The OpenAI API to Code 5 Projects

uRQH2CFvedY | 19 Apr 2023

ChatGPT Course – Use The OpenAI API to Code 5 Projects

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: https://www.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: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Godot Game Development – Crash Course for Beginners

S8lMTwSRoRg | 18 Apr 2023

Godot Game Development – Crash Course for Beginners

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 @NULLGameDev 💻 Code: https://github.com/GDSimplified/Platformer-game 💻 Assets: https://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: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

No Black Box Machine Learning Course – Learn Without Libraries

vDDjtwQDw2k | 17 Apr 2023

No Black Box Machine Learning Course – Learn Without Libraries

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: https://docs.google.com/spreadsheets/d/16wIddJ9jKAAvJOXPcF0gNRx39AOE9A2-mQeK6UR2qnY/edit?usp=sharing 🏠 Submit all other assignments to Radu's Discord Server: https://discord.com/invite/gJFcF5XVn9 GITHUB LINKS 💻 Drawing App: https://github.com/gniziemazity/drawing-app 💻 Data: https://github.com/gniziemazity/drawing-data 💻 Custom Chart Component: https://github.com/gniziemazity/javascript_chart 💻 Full Course Code (In Parts): https://github.com/gniziemazity/ml-course PREREQUISITES 🎥 Interpolation: https://youtu.be/J_puRs40GhM 🎥 Linear Algebra: https://youtu.be/nzyOCd9FcCA 🎥 Trigonometry: https://youtu.be/xK3vKWMFVgw LINKS 🔗 Check out the Recognizer we'll build in this course: https://radufromfinland.com/projects/ml/recognizer 🔗 Draw for Radu, Call for help video: https://youtu.be/Yw2QZ1vq2ek 🔗 Draw for Radu, Data collection tool: https://radufromfinland.com/projects/ml 🔗 Radu's Self-driving Car Course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfYoJE7ZwsBQoDIG4YN9ptyY 🔗 Radu's older Machine Learning video: https://youtu.be/QXB1ytG95gs 🔗 CHART TUTORIAL (mentioned at 01:45:27): https://youtu.be/n8uCt1TSGKE 🔗 CHART CODE: https://github.com/gniziemazity/javascript_chart TOOLS 🔧 Visual Studio Code: https://code.visualstudio.com/download 🔧 Google Chrome: https://www.google.com/chrome 🔧 Node JS: https://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

HimR8Xtz17U | 13 Apr 2023

Build a LinkedIn Clone with React and Firebase – Tutorial

Learn how to create a LinkedIn Clone using React and Firebase in this full course for beginners. ✏️ Course created by @CybernaticoByNishant 💻 Code: https://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: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript

UFD4SP91tSM | 12 Apr 2023

Firebase Tutorial for Beginners – Build a Mobile App with HTML, CSS, JavaScript

Learn how to build a Mobile App with HTML, CSS, JavaScript and Google Firebase. Go here to try the interactive browser-version: https://scrimba.com/learn/firebase ✏️ This course was created by Rafid Hoda, a teacher at Scrimba. You can follow Rafid on Twitter here: https://twitter.com/rafidhoda We recommend that you learn basic HTML, CSS, and JavaScript before taking this course. 💫 Links mentioned: 🔗 EpochConverter: https://www.epochconverter.com/ 🔗 Meta viewport explained by Kevin Powell: https://www.youtube.com/watch?v=SElOdK2qTpIwatch?v=SElOdK2qTpI 🛠 Tools used: 🔗 Firebase: https://firebase.google.com/ 🔗 Favicon: https://favicon.io/ 🔗 Netlify: https://www.netlify.com/ 🔗 Figma: https://www.figma.com/ 🔗 Google Fonts: https://fonts.google.com/ ⭐️ Code ⭐️ 🔗 Download via Scrimba: https://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 ⭐️ ⌨️ Let's Build a Mobile App with Firebase ⌨️ Setting up app skeleton ⌨️ Adding CSS ⌨️ Aside: Firebase Realtime Database ⌨️ Adding Firebase to project ⌨️ Security Rules ⌨️ innerHTML to append li to ul ⌨️ Refactoring ⌨️ Aside: Turning an Object into an Array ⌨️ Aside: Fetching database items in realtime using onValue ⌨️ Updating items in realtime ⌨️ For loop to render database items ⌨️ Let's smash the bug ⌨️ Aside: Flexbox flex-wrap ⌨️ Aside: Flexbox gap ⌨️ Adding CSS for li to wrap items ⌨️ Getting ID of item in database ⌨️ Replacing innerHTML with createElement ⌨️ Aside: Removing items from Firebase ⌨️ Removing an item when clicked ⌨️ Only fetching items from database if snapshot exists ⌨️ Adding hover styles to buttons ⌨️ Aside: user-select ⌨️ Aside: Setting the viewport ⌨️ Making the app more mobile-friendly ⌨️ Aside: Favicon ⌨️ Adding favicon and phone icons ⌨️ Aside: Web Application Manifest ⌨️ Turning web app into "mobile" app ⌨️ Personalise your app ⌨️ Deploy to Netlify ⌨️ Add app to home screen ⌨️ Share your creation ⌨️ Recap ⌨️ Solo Project (PRO) - We are the Champions Follow Scrimba on YouTube: https://www.youtube.com/c/Scrimba Follow Scrimba on Twitter: https://twitter.com/scrimba

Bash Scripting Tutorial for Beginners

tK9Oc6AEnR4 | 11 Apr 2023

Bash Scripting Tutorial for Beginners

Learn bash scripting in this crash course for beginners. Understanding how to use bash scripting will enhance your productivity by automating tasks, streamlining processes, and making your workflow more efficient. ✏️ Course created by @Herbertech 💻 Code: https://github.com/herbertech/bash-intro-tutorial ⌨️ (00:00) Introduction ⌨️ (03:24) Basic commands ⌨️ (06:21) Writing your first bash script ⌨️ (11:29) Variables ⌨️ (14:55) Positional arguments ⌨️ (16:23) Output/Input redirection ⌨️ (23:23) Test operators ⌨️ (25:19) If/Elif/Else ⌨️ (28:37) Case statements ⌨️ (32:16) Arrays ⌨️ (34:12) For loop ⌨️ (36:03) Functions ⌨️ (41:31) Exit codes ⌨️ (42:30) AWK ⌨️ (45:11) SED 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React Native Course – Android and iOS App Development

obH0Po_RdWk | 10 Apr 2023

React Native Course – Android and iOS App Development

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: https://github.com/Em01/weather-app-demo ✏️ Course created by @codecupdev 🔗 Instagram: https://www.instagram.com/codecup_dev/ 🔗 Twitter: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Advanced C# – LINQ Tutorial

5l2qA3Pc83M | 06 Apr 2023

Advanced C# – LINQ Tutorial

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: https://github.com/GavinLonDigital/ThePretendCompanyApplication 💻 Code Part 2: https://github.com/GavinLonDigital/LINQExamples_1 💻 Code Part 3: https://github.com/GavinLonDigital/LINQExamples_2 💻 Code Part 4: https://github.com/GavinLonDigital/LINQExamples_3 🔗 Full Advanced Course Playlist Link: https://www.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript

OcTPaUfay5I | 05 Apr 2023

Personal Website Tutorial with Next.js 13, Sanity.io, TailwindCSS, and TypeScript

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: https://github.com/kapehe-ok/next-sanity-test 🔗 Boosted free plan with Sanity.io: https://www.sanity.io/youtube 🔗 Next.js links: https://nextjs.org/docs & https://nextjs.org/blog/discord 🔗 Sanity.io links: https://www.sanity.io/docs & https://slack.sanity.io/ 🔗 TailwindCSS: https://tailwindcss.com/docs/installation 🔗 TypeScript: https://www.typescriptlang.org/ 🔗 Kapehe's Twitter: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

MsnQ5uepIaE | 04 Apr 2023

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

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: https://www.youtube.com/watch?v=zJSY8tbf_ys ✏️ Created by @zachgoll Section 1: Build a Tic Tac Toe game with Vanilla HTML/CSS/JS Section 2: Refactor that game to use an MVC pattern and explore why this pattern is helpful Section 3: Refactor the game to TypeScript, learning how to setup TypeScript from scratch and why it is useful Section 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: https://github.com/zachgoll/tic-tac-toe-subscriber-refactor 🔗 Post referenced in the course: https://www.zachgollwitzer.com/posts/scripts-commonjs-umd-amd-es6-modules 🔗 Another post referenced: https://www.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Minimal APIs in .NET 7

lFo3Yy8Ro7w | 03 Apr 2023

Learn Minimal APIs in .NET 7

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: https://github.com/bhrugen/MinimalAPIDemo_Coupon ✏️ Course created by @DotNetMastery Advance Minimal API Course : https://www.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Use ChatGPT to Build a RegEx Generator – OpenAI API Low Code Course

D6Xj_W4leu8 | 30 Mar 2023

Use ChatGPT to Build a RegEx Generator – OpenAI API Low Code Course

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: https://github.com/kubowania/regex-openai ✏️ This course was created by @AniaKubow . 🏗 Retool provided a grant to make this course possible. Learn more about Retool: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Software Engineering Job Interview – Full Mock Interview

1qw5ITr3k9E | 29 Mar 2023

Software Engineering Job Interview – Full Mock Interview

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 Intro 01:26 Beginning the Interview 03:25 Object-Oriented Design Question 32:21 Dynamic Programming Algorithm Question 56:35 Feedback Chat 1: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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Flutter App Development Course – Build a Twitter Clone with Appwrite and Riverpod

njLEDvoDjtk | 28 Mar 2023

Flutter App Development Course – Build a Twitter Clone with Appwrite and Riverpod

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 - https://github.com/RivaanRanawat/flutter_twitter_clone 📌 Discord Server (Join the Community) - https://discord.gg/Q8Rx8YWFVF ADB Command - adb reverse tcp:3000 tcp:3000 📄 Resources: Assets - https://github.com/RivaanRanawat/flutter_twitter_clone/tree/master/assets/svgs Asset Constants File - https://github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/constants/assets_constants.dart Pallete (Colours File) - https://github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/theme/pallete.dart Theme File - https://github.com/RivaanRanawat/flutter_twitter_clone/blob/master/lib/theme/app_theme.dart Appwrite Docs - https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

IyBhFma4H1A | 27 Mar 2023

React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP

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: https://github.com/bobangajicsm/iphone-3d-website-starter 🔗 For full source code check https://patreon.com/CodewithSloba 🔗 Webgi SDK https://webgi.xyz/docs/index.html 🔗 3D model credit Reaper3D: https://sketchfab.com/3d-models/iphone-13-pro-max-4f92b60d824a42c89bbf1833374c4f73 🔗 Upload to https://www.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Vite – Frontend Build Tool Course

VAeRhmpcWEQ | 23 Mar 2023

Learn Vite – Frontend Build Tool Course

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: https://youtube.com/khattakdev Twitter: https://twitter.com/khattakdev Instagram: https://www.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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Django Project – Code a CRM App Tutorial

t10QcFx7d5k | 22 Mar 2023

Django Project – Code a CRM App Tutorial

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: https://www.youtube.com/@Codemycom 💻 Github Code: https://github.com/flatplanet/Django-CRM 🔗 MySQL Download: https://dev.mysql.com/downloads/installer/ ⭐️ Contents ⭐️ 0:00:00 Introduction 0:01:50 Installation and App Setup 0:06:45 MYSQL Configuration 0:13:18 Version Control Git and Github.com 0:18:14 Build Out The Basic App 0:28:46 Login Users 0:47:32 Logout Users 0:51:45 Register Users 1:15:00 Database Model 1:25:48 View Records On Website 1:31:01 Bootstrap Table 1:38:23 Individual Records 1:48:41 Bootstrap Card 1:56:51 Delete Record 2:01:05 Add New Records 2:12:10 Update Records 2:20:06 Push Code To Github 2: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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Reinforcement Learning Using OpenAI Gymnasium – Full Course

vufTSJbzKGU | 21 Mar 2023

Reinforcement Learning Using OpenAI Gymnasium – Full Course

Learn the basics of reinforcement learning and how to implement it using Gymnasium (previously called OpenAI Gym). Gymnasium is an open source Python library originally created by OpenAI 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): https://colab.research.google.com/drive/1oNxRpRnht2Ogu5Id76YLLg_hkmwy-yKy?usp=sharing Gymnasium documentation: https://gymnasium.farama.org/ ✏️ Course developed by @EverythingTechWithMustaf 🔗 Mustaf on LinkedIn: https://www.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 OpenAI 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 Pettingzoo 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python Platformer Game Tutorial for Beginners

6gLeplbqtqg | 20 Mar 2023

Python Platformer Game Tutorial for Beginners

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: https://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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

SQL Database App with Windows GUI – Project Tutorial

VX4wl7qIcbA | 16 Mar 2023

SQL Database App with Windows GUI – Project Tutorial

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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

2-crBg6wpp0 | 15 Mar 2023

Learn React 18 with Redux Toolkit – Full Tutorial for Beginners

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 Code React Tutorial: https://github.com/john-smilga/react-course-v3 Redux Toolkit: https://github.com/john-smilga/redux-toolkit-tutorial Contents ⌨️ (00:00:00) Setup ⌨️ (00:30:18) Folder Structure ⌨️ (00:42:43) First Component ⌨️ (00:53:10) Extensions and settings.json ⌨️ (01:05:54) JSX ⌨️ (01:20:06) Nest Components ⌨️ (01:26:20) Booklist ⌨️ (01:36:42) CSS ⌨️ (01:47:16) Images ⌨️ (01:55:16) JSX - CSS ⌨️ (02:02:02) JSX - Javascript ⌨️ (02:08:29) Props ⌨️ (02:18:18) Props - Somewhat Dynamic Setup ⌨️ (02:22:45) Access Props - Multiple Approaches ⌨️ (02:27:29) Children Prop ⌨️ (02:34:57) Simple List ⌨️ (02:43:33) Proper List ⌨️ (02:50:57) Key Prop ⌨️ (02:57:05) Props - Options ⌨️ (03:02:41) Events ⌨️ (03:21:36) Form Submission ⌨️ (03:25:20) Mind Grenade ⌨️ (03:28:40) Component Feature ⌨️ (03:33:45) React Data Flow ⌨️ (03:39:27) Challenge ⌨️ (03:48:36) ES6 Modules ⌨️ (03:58:25) Local Images (src folder) ⌨️ (04:04:10) More Challenges ⌨️ (04:13:05) Deployment ⌨️ (04:18:28) useState Hook ⌨️ (05:48:04) useEffect Hook ⌨️ (06:19:14) Multiple Returns ⌨️ (07:27:47) Folder Structure ⌨️ (08:26:52) Forms ⌨️ (09:27:38) useRef Hook ⌨️ (09:49:55) Custom Hooks ⌨️ (10:06:05) Context API ⌨️ (10:42:46) useReducer Hook ⌨️ (11:26:24) Performance ⌨️ (12:11:30) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Data Science Job Interview – Full Mock Interview

sD468LfeVdc | 13 Mar 2023

Data Science Job Interview – Full Mock Interview

This full-length interview will show you what a data science interview is like. This is a great video for anyone currently in the job-market for a data-focused role. It is also a solid video for anyone who wants a better understanding of the machine learning process. They cover topics that include building a dataset for training/testing purposes, feature vectorization, and model implementation details. Consider pausing after the question and thinking about how you would answer them. Interviewer: @KeithGalli Interviewee: @KylieYYing ⭐️ Contents ⭐️ ⌨️ (0:00:00) Video overview & format ⌨️ (0:02:13) Introductory Behavioral questions ⌨️ (0:07:46) Social media platform bot issue task overview ⌨️ (0:15:26) What are some features we should investigate regarding the bot issue? ⌨️ (0:25:02) Classification model implementation details (using feature vectors) ⌨️ (0:41:38) What would a dataset to train models to detect bots look like? How would you approach collecting this data? ⌨️ (0:51:38) Technical implementation details (python libraries, cloud services, etc) ⌨️ (0:56:01) Any questions for me? ⌨️ (1:03:42) Post-interview breakdown & analysis 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Harvard CS50’s Web Programming with Python and JavaScript – Full University Course

vzGllw18DkA | 08 Mar 2023

Harvard CS50’s Web Programming with Python and JavaScript – Full University Course

This web programming course from Harvard University picks up where CS50x leaves off. 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. 💻 Slides, source code, and more at https://cs50.harvard.edu/web/2020/ ✏️ Brian Yu teaches this course. 🖥 Watch the original CS50x course: https://youtu.be/8mAITcNt710 ⭐️ Course Contents ⭐️ ⌨️ (00:00:29) Introduction ⌨️ (00:02:42) Lecture 0: HTML, CSS ⌨️ (02:06:14) Lecture 1: Git ⌨️ (02:59:29) Lecture 2: Python ⌨️ (04:07:10) Lecture 3: Django ⌨️ (05:46:15) Lecture 4: SQL, Models, and Migrations ⌨️ (07:40:21) Lecture 5: JavaScript ⌨️ (09:31:46) Lecture 6: User Interfaces ⌨️ (11:12:01) Lecture 7: Testing, CI/CD ⌨️ (12:45:59) Lecture 8: Scalability and Security 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

LaTeX – Full Tutorial for Beginners

ydOTMQC7np0 | 06 Mar 2023

LaTeX – Full Tutorial for Beginners

Learn LaTeX in this full course for beginners. LaTeX is a typesetting system for creating professional-looking documents, commonly used in academia and scientific publishing, with a focus on content rather than appearance. ✏️ Michelle Krummel created this course. Check out her channel: https://www.youtube.com/michellekrummel 💻 Downloadable .tex files: https://www.dropbox.com/sh/lbrcoezrm7iskfk/AABpWmd7PyhRVyIkRTimr0Sga?dl=0 🔗vLearn more: https://www.michellekrummel.com/tutorials Overleaf: https://www.overleaf.com/?r=b4398ca7&rm=d&rs=b TexMaker: https://www.xm1math.net/texmaker/ ⌨️ (0:00:00) Creating a LaTeX Document ⌨️ (0:34:34) Common Mathematical Notation ⌨️ (1:09:56) Brackets, Tables, and Arrays ⌨️ (1:51:36) Creating Lists ⌨️ (2:03:29) Text Document Formatting ⌨️ (2:25:58) Packages, Macros, and Graphics ⌨️ (2:56:17) Errors and Debugging ⌨️ (3:18:47) TeXmaker and Overleaf Tips ⌨️ (3:59:38) Calculus Notation 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

AlphaZero from Scratch – Machine Learning Tutorial

wuSQpLinRB4 | 28 Feb 2023

AlphaZero from Scratch – Machine Learning Tutorial

In this machine learning course, you will learn how to build AlphaZero from scratch. AlphaZero is a game-playing algorithm that uses artificial intelligence and machine learning techniques to learn how to play board games at a superhuman level. 🔗 Trained Models + Code for each Chapter: https://github.com/foersterrobert/AlphaZeroFromScratch 🔗 AlphaZero-Paper: https://arxiv.org/pdf/1712.01815.pdf ✏️ Robert Förster created this course. Website: https://robertfoerster.com/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:35) Overview – Part 1 ⌨️ (0:05:43) MCTS-Explained ⌨️ (0:27:03) AlphaMCTS-Explained ⌨️ (0:39:05) Overview – Part 2 ⌨️ (0:45:14) Chapter 1: TicTacToe ⌨️ (1:00:32) Chapter 2: MCTS ⌨️ (1:34:54) Chapter 3: Model ⌨️ (2:03:09) Chapter 4: AlphaMCTS ⌨️ (2:16:39) Chapter 5: AlphaSelfPlay ⌨️ (2:35:13) Chapter 6: AlphaTrain ⌨️ (2:47:15) Chapter 7: AlphaTweaks ⌨️ (3:08:18) Chapter 8: ConnectFour ⌨️ (3:21:48) Chapter 9: AlphaParallel ⌨️ (3:55:59) Chapter 10: Eval 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Introduction to Linux – Full Course for Beginners

sWbUDq4S6Y8 | 23 Feb 2023

Introduction to Linux – Full Course for Beginners

If you're new to Linux, this beginner's course is for you. You'll learn many of the tools used every day by both Linux SysAdmins and the millions of people running Linux distributions like Ubuntu on their PCs. This course will teach you how to navigate Linux's Graphical User Interfaces and powerful command line tool ecosystem. 🔗 Linux Installation guide: https://courses.edx.org/asset-v1:LinuxFoundationX+LFS101x+1T2020+type@asset+block@Preparing_Your_Computer_for_Linux_Training.pdf ✏️ Beau Carnes teaches this course. 🏗 The Linux Foundation provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:01:38:27) Chapter 1. Introduction to Linux Families ⌨️ (0:07:39:23) Chapter 2. Linux Philosophy and Concepts ⌨️ (0:16:37:09) Chapter 3. Linux Basics and System Startup ⌨️ (1:05:36:15) Chapter 4. Graphical Interface ⌨️ (1:34:29:13) Chapter 5. System Configuration from the Graphical Interface ⌨️ (2:04:27:21) Chapter 6. Common Applications ⌨️ (2:12:57:28) Chapter 7. Command Line Operations ⌨️ (3:25:50:17) Chapter 8. Finding Linux Documentation ⌨️ (3:36:53:13) Chapter 9. Processes ⌨️ (4:07:51:13) Chapter 10. File Operations ⌨️ (4:31:11:16) Chapter 11. Text Editors ⌨️ (4:49:25:17) Chapter 12. User Environment ⌨️ (5:13:32:27) Chapter 13. Manipulating Text ⌨️ (5:40:04:05) Chapter 14. Network Operations 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

HTML & Coding Introduction – Course for Beginners

GDGejH3SDNQ | 21 Feb 2023

HTML & Coding Introduction – Course for Beginners

Learn the basics of HTML and how to begin coding in this course for beginners. Are you interested in coding but have never tried it before? Are you curious about how to create your own website or app? If so, then this video course is for you! ✏️ Course developed by @AniaKubow 🔗 Full course: http://codewithania.com/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:34) What is a code editor? ⌨️ (0:03:08) Code editor options ⌨️ (0:03:52) Files files files ⌨️ (0:07:27) HTML Introduction ⌨️ (0:09:27) HTML - what is it exactly? ⌨️ (0:11:53) HTML Syntax ⌨️ (0:17:08) Saving files in your code editor ⌨️ (0:18:19) HTML Anatomy ⌨️ (0:22:50) Headings ⌨️ (0:24:49) Paragraphs ⌨️ (0:26:04) HTML headings, paragraphs and emphasis ⌨️ (0:32:20) Indenting code in HTML ⌨️ (0:34:03) HTML lists ⌨️ (0:38:54) HTML links ⌨️ (0:43:49) Navigating Pages ⌨️ (0:51:20) Images in HTML ⌨️ (0:55:15) Creating tables using HTML ⌨️ (1:03:27) Introducing the Div ⌨️ (1:05:09) Semantic sectioning ⌨️ (1:07:39) Table Tennis Leaderboard: Project prep ⌨️ (1:09:30) Table Tennis Leaderboard: Starting out our project ⌨️ (1:12:44) Table Tennis Leaderboard: table rows and lists ⌨️ (1:16:44) Table Tennis Leaderboard: Sectioning and the figure element ⌨️ (1:25:27) HTML forms ⌨️ (1:26:52) The various input element types in HTML ⌨️ (1:33:17) HTML Inputs exercise 1 ⌨️ (1:40:40) HTML Inputs exercise 2 ⌨️ (1:43:55) HTML Inputs exercise 3 ⌨️ (1:48:57) The select dropdown in HTML ⌨️ (1:54:38) The Inspect tool ⌨️ (1:56:51) Using the data attribute in HTML ⌨️ (1:59:15) Commenting out code ⌨️ (2:01:29) What’s next? 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Web Development with Python Tutorial – Flask & Dynamic Database-Driven Web Apps

yBDHkveJUf4 | 16 Feb 2023

Web Development with Python Tutorial – Flask & Dynamic Database-Driven Web Apps

Learn how to develop Dynamic Database-Driven Web Apps with Python, Flask, and MySQL. This course is broken up into two parts. In part one, you will learn how to build and deploy a site using the Flask Python web framework. In part two, you will connect the Flask application from the first part to a cloud MySQL database and learn how to deploy a production-ready database-driven web application. ✏️ Aakash N S created this course. 🔗 Submit your project & earn a certificate: https://jovian.com/learn/web-development-with-python-and-flask 🔗 Check out Jovian’s YouTube channel: https://youtube.com/@jovianhq Notes & references links: 🔗 Part 1: https://jovian.com/aakashns/web-development-with-python 🔗 Part 2: https://jovian.com/aakashns/database-driven-web-applications ⭐️ Contents ⭐️ Part 1 ⌨️ (0:00:00) Introduction ⌨️ (0:02:07) 1.1 Project Setup & Flask Basics ⌨️ (0:22:25) 1.2 Building Web Pages using HTML ⌨️ (0:40:57) 1.3 Styling with CSS & Bootstrap ⌨️ (1:08:25) 1.4 Dynamic Data using Templates ⌨️ (1:27:22) 1.5 Deploying to the Cloud with Render ⌨️ (1:42:39) 1.6 Functional and Aesthetic Improvements ⌨️ (1:58:44) 1.7 Summary & Future Work Part 2 ⌨️ (2:04:19) Database-Driven Web Applications ⌨️ (2:07:24) 2.1 Project Setup & Deployment ⌨️ (2:21:44) 2.2 Cloud MySQL Database Setup ⌨️ (2:36:20) 2.3 DB Connection with SQLAlchemy ⌨️ (2:56:22) 2.4 Display DB Data on Web Page ⌨️ (3:20:04) 2.5 Dynamic Database-Driven Pages ⌨️ (3:49:23) 2.6 HTML Form for Applications ⌨️ (4:15:37) 2.7 Saving Applications to DB ⌨️ (4:26:23) 2.8 Summary & Future Work ⌨️ (4:37:50) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Animated Physics Game with JavaScript - Tutorial

U34l-Xz5ynU | 14 Feb 2023

Animated Physics Game with JavaScript - Tutorial

Learn how to code a JavaScript Game featuring interesting physics and AI mechanics. What makes a great game? Is it about beautiful, polished visuals or about gameplay that feels good and responsive? Is it about unique ideas, or maybe it's the little details, special secrets and Easter eggs? What are the ingredients in a perfect game development recipe? Let's explore fantasy mushroom forest theme and learn all the techniques you need to make your own 2D games with vanilla JavaScript, HTML5, CSS3 and HTML Canvas. ✏️ Course created by @Frankslaboratory ⭐️ Assets ⭐️ All project images: https://www.frankslaboratory.co.uk/downloads/109/all_project_images.zip Background: https://www.frankslaboratory.co.uk/downloads/109/background.png Overlay: https://www.frankslaboratory.co.uk/downloads/109/overlay.png Player: https://www.frankslaboratory.co.uk/downloads/109/bull.png Egg: https://www.frankslaboratory.co.uk/downloads/109/egg.png Toad single: https://www.frankslaboratory.co.uk/downloads/109/toad.png Larva: https://www.frankslaboratory.co.uk/downloads/109/larva.png Toads: https://www.frankslaboratory.co.uk/downloads/109/toads.png Bonus images, environmental art, HQ separate pieces in PSD format etc: https://www.frankslaboratory.co.uk/downloads/109/bonus_image_source_files.zip You will learn: - How to implement a very simple AI to make the creatures feel alive - How to control the FPS of our game and how to measure time to trigger periodic events - How to restart the game by pressing a button - How to apply collision detection, resolve collisions and use that to simulate physics - How to use the built-in drawImage method to draw randomized game environments and animated characters from a sprite sheet - How to capture mouse position and animate an 8 directional sprite sheet based on the relative position between the mouse and the player character - How to use HTML5, CSS3 and plain vanilla JavaScript to build a game from scratch. We will write and understand every line of code, we will not rely on any external frameworks or libraries ... and much more ⭐️ Contents ⭐️ ⌨️(0:00:00) Intro ⌨️(0:01:01) Basic setup ⌨️(0:04:51) Object oriented programming in JavaScript ⌨️(0:09:14) Drawing the player ⌨️(0:16:24) Mouse controls ⌨️(0:22:24) Making the player move ⌨️(0:30:04) Creating obstacles ⌨️(0:36:37) Non-overlapping obstacles ⌨️(0:43:12) Randomized images from a sprite sheet ⌨️(0:48:27) Positioning rules ⌨️(0:54:26) Reusable collision detection method ⌨️(0:58:31) Let's add physics ⌨️(1:06:38) 8-directional sprite animation ⌨️(1:10:52) Animation angles ⌨️(1:17:58) Debug mode ⌨️(1:21:31) Player movement boundaries ⌨️(1:24:20) FPS ⌨️(1:33:59) Egg class ⌨️(1:38:52) Periodically adding new eggs ⌨️(1:45:51) Egg physics ⌨️(1:51:26) Draw order ⌨️(1:59:44) Enemy class ⌨️(2:11:03) Larva class ⌨️(2:14:30) Egg hatching ⌨️(2:24:28) Larva sprites and collisions ⌨️(2:29:06) Gaining score points ⌨️(2:31:47) Particle effects ⌨️(2:40:42) Particle motion ⌨️(2:47:46) Randomized enemy skins ⌨️(2:52:09) Win and lose condition ⌨️(3:02:41) Restart game 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

3 Ways to Code a BuzzFeed Clone (JavaScript + TypeScript + JSONServer + Database + API + Node.js)

qkQr42DmaEE | 08 Feb 2023

3 Ways to Code a BuzzFeed Clone (JavaScript + TypeScript + JSONServer + Database + API + Node.js)

Learn how to build a Buzzfeed Clone in JavaScript, followed by a version in React using JSON server for mimicking an API, and then build a TypeScript Buzzfeed Clone with a mini backend using Node.js to communicate with a Database. 💻 Final code: https://github.com/kubowania/buzzfeed-clone-javascript https://github.com/kubowania/buzzfeed-clone-react https://github.com/kubowania/buzzfeed-clone-typescript-database ✏️ Course developed by @AniaKubow 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

APIs for Beginners 2023 - How to use an API (Full Course / Tutorial)

WXsD0ZgxjRw | 06 Feb 2023

APIs for Beginners 2023 - How to use an API (Full Course / Tutorial)

What is an API? Learn all about APIs (Application Programming Interfaces) in this full tutorial for beginners. You will learn what APIs do, why APIs exist, and the many benefits of APIs. APIs are used all the time in programming and web development so it is important to understand how to use them. You will also get hands-on experience with a few popular web APIs. As long as you know the absolute basics of coding and the web, you'll have no problem following along. This course has been updated from a previous version. 💻 Teacher’s Notes: https://twil.io/notes-api-course 🎥 Course created by Craig Dennis, Developer Educator at Twilio 🐦 Craig on Twitter: @craigsdennis ⭐️ Contents ⭐️ Unit 1 - What is an API ⌨️ Video 1 - Welcome (0:00:00) ⌨️ Video 2 - Defining Interface (0:04:50) ⌨️ Video 3 - Defining API (0:08:49) ⌨️ Video 4 - Remote APIs (0:13:59) ⌨️ Video 5 - How the web works (0:18:17) ⌨️ Video 6 - RESTful API Constraint Scavenger Hunt (0:23:21) Unit 2 - Exploring APIs ⌨️ Video 1 - Exploring an API online (0:29:06) ⌨️ Video 2 - Using an API from the command line (0:45:01) ⌨️ Video 3 - You go Curl (0:56:20) ⌨️ Video 4 - Using tools to explore APIs (1:14:21) ⌨️ Video 5 - More tools for your API exploring toolbox (1:36:20) ⌨️ Video 6 - Using Helper Libraries (1:48:34) Unit 3 - All Together Now ⌨️ Video 1 - Introducing the Project (2:15:30) ⌨️ Video 2 - Serverless (2:23:30) ⌨️ Video 3 - Writing a Server Side API (2:37:08) ⌨️ Video 4 - Fetching Results on the Client from our Server (2:56:54) ⌨️ Video 5 - Wrap Up (3:05:29) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Computer & Technology Basics Course for Absolute Beginners

y2kg3MOk1sY | 02 Feb 2023

Computer & Technology Basics Course for Absolute Beginners

Learn basic computer and technology skills. This course is for people new to working with computers or people that want to fill in some gaps about their computer knowledge. ✏️ This course was developed by GCF Global. Check out their YouTube channel: https://www.youtube.com/c/GcflearnfreeOrgplus 🔗 GCF Global offers more free learning resources at their website: https://www.GCFLearnFree.org ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:55) What Is a Computer? ⌨️ (00:03:37) Buttons and Ports on a Computer ⌨️ (00:06:01) Basic Parts of a Computer ⌨️ (00:08:47) Inside a Computer ⌨️ (00:10:58) Getting to Know Laptop Computers ⌨️ (00:12:55) Understanding Operating Systems ⌨️ (00:14:21) Understanding Applications ⌨️ (00:15:53) Setting Up a Desktop Computer ⌨️ (00:18:47) Connecting to the Internet ⌨️ (00:22:41) What Is the Cloud? ⌨️ (00:25:06) Cleaning Your Computer ⌨️ (00:29:02) Protecting Your Computer ⌨️ (00:32:17) Creating a Safe Workspace ⌨️ (00:36:25) Internet Safety: Your Browser's Security Features ⌨️ (00:38:36) Understanding Spam and Phishing ⌨️ (00:43:27) Understanding Digital Tracking ⌨️ (00:45:39) Windows Basics: Getting Started with the Desktop ⌨️ (00:47:40) Mac OS X Basics: Getting Started with the Desktop ⌨️ (00:52:26) Browser Basics 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Django by Building an Online Marketplace – Tutorial for Beginners

ZxMB6Njs3ck | 01 Feb 2023

Learn Django by Building an Online Marketplace – Tutorial for Beginners

Learn the basics of Django by building a simple online marketplace where people can buy and sell items. You will learn how to implement: - Authentication - Communication between users - Dashboard for your items - Form handling and customizations - and more ✏️ The course is developed by CodeWithStein. Check out his channel: https://www.youtube.com/c/CodeWithStein CodeWithStein on twitter: https://twitter.com/codewithstein 💻 Code: https://github.com/SteinOveHelset/puddle ⭐️ Contents ⭐️ ⌨️ (0:00:00) Demo ⌨️ (0:02:01) Introduction ⌨️ (0:02:20) Setting up ⌨️ (0:06:00) First app ⌨️ (0:24:51) Items ⌨️ (0:44:30) Item detail ⌨️ (0:55:56) Signing up ⌨️ (1:10:06) Logging in ⌨️ (1:15:44) Adding items ⌨️ (1:28:25) Dashboard ⌨️ (1:32:36) Delete items ⌨️ (1:36:58) Edit items ⌨️ (1:40:01) Searching ⌨️ (1:53:43) Communication ⌨️ (2:23:00) Summary 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full HTTP Networking Course – Fetch and REST APIs in JavaScript

2JYT5f2isg4 | 30 Jan 2023

Full HTTP Networking Course – Fetch and REST APIs in JavaScript

Master the HTTP networking protocol by completing over 80 coding exercises and quizzes in JavaScript. Once you’ve learned it all, we’ll build a real web crawler using Node.js to put all the concepts into practice. HTTP is the backbone of the modern web, and in this course we’ll do a deep dive into all of the fundamentals you’ll need to know to master web networking. We’ll use the Fetch API to interact with a live RESTful server in order to connect the different components of a video game. 💻 Code: https://github.com/bootdotdev/fcc-learn-http-assets 🔗 Follow this course interactively on Boot.dev: https://boot.dev/learn/learn-http ✏️ Lane Wagner created this course. Boot.dev: https://boot.dev Lane on Twitter: https://twitter.com/wagslane Lane’s YouTube: https://www.youtube.com/@bootdotdev New to JavaScript? Beginner course: https://boot.dev/learn/learn-javascript ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:32) Ch 1 - Why HTTP ⌨️ (0:27:31) Ch 2 - DNS ⌨️ (0:48:11) Ch 3 - URIs and URLs ⌨️ (1:16:21) Ch 4 - Async JavaScript ⌨️ (1:49:48) Ch 5 - Errors in JS ⌨️ (2:04:54) Ch 6 - HTTP Headers ⌨️ (2:21:04) Ch 7 - JSON ⌨️ (2:41:09) Ch 8 - HTTP Methods ⌨️ (3:17:01) Ch 9 - URL Paths ⌨️ (3:36:33) Ch 10 - HTTPS security ⌨️ (3:48:24) Proj - Setup Dev Environment ⌨️ (3:51:28) Proj - Hello World ⌨️ (3:56:29) Proj - Normalize URLs ⌨️ (4:11:05) Proj - URLs from HTML ⌨️ (4:27:49) Proj - The main.js file ⌨️ (4:33:10) Proj - Using Fetch ⌨️ (4:45:16) Proj - Recursively crawling the web ⌨️ (4:55:33) Proj - Print an SEO report ⌨️ (5:06:59) Proj - Conclusion ⌨️ (5:08:04) Congratulations Documentation used: Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API URL constructor: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL Fetch Rseponse: https://developer.mozilla.org/en-US/docs/Web/API/Response 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course

rCm5RVYKWVg | 25 Jan 2023

Code a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full Course

Learn to build a Reddit clone from scratch using React, Firebase, Next.js, Chakra UI, and TypeScript. The application features authentication, Firestore database, cloud functions, security rules, Transactions, deployment, and more. ✏️ This course was created by @shadmerhi . 💻 Code: https://github.com/shadeemerhi/reddit-clone-yt ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro & Project Demo ⌨️ (0:08:25) Begin Project (Preface, Create Next App, Next.js fundamental concepts: pages and client-side routing) ⌨️ (0:11:26) Core package installations (Chakra-React, Firebase, Recoil) and & ChakraProvider setup & Quick Note on React 18 (w/ Chakra) ⌨️ (0:14:12) Create Chakra Theme (theme setup & explanation and global styling) ⌨️ (0:19:28) React TypeScript Intro & Next.js Layout Component ⌨️ (0:22:40) Begin Navbar (Navbar in Layout Component, component folder structure debrief) ⌨️ (0:24:30) Navbar Logos & Chakra UI Styling Fundamentals (flexbox, component styling, responsive design w/ media queries) ⌨️ (0:29:56) SearchInput Component ⌨️ (0:36:37) Authentication buttons & Chakra UI global component styling explanation ⌨️ (0:44:59) Authentication Modal Intro (Chakra UI modal skeleton) ⌨️ (0:47:23) Recoil Setup & Intro, Recoil Atoms with TypeScript, Auth Modal w/ global Recoil State ⌨️ (0:57:44) Authentication Modal Content (Login & Sign Up forms, React form state, React events w/ TypeScript) ⌨️ (1:18:57) OAuth Buttons (Sign In w/ Google, Facebook, Github, etc.) ⌨️ (1:23:49) Firebase Setup (Create new Firebase Project, Client SDK’s) ⌨️ (1:30:31) User Creation (react-firebase-hooks, useCreateUser firebase hook) ⌨️ (1:40:22) Firebase Error Handling (TypeScript indexing, custom error messages) ⌨️ (1:46:13) Google Authentication (useSignInWithGoogle hook) ⌨️ (1:51:28) Sign in Existing users (useSignInWithEmailAnPassword firebase hook) ⌨️ (1:56:45) useAuthState firebase hook (currently signed-in user, modify navbar UI for authenticated user) ⌨️ (2:03:54) Reset Passwords (useSendPasswordResetEmail firebase hook) ⌨️ (2:09:04) Navbar Icons (react-icons) ⌨️ (2:16:47) User Dropdown Menu (Chakra Menu component) ⌨️ (2:26:54) User Karma (custom user properties) ⌨️ (2:28:55) Community Directory in Navbar (create community intro) ⌨️ (2:38:09) Create Community Modal 1: Skeleton ⌨️ (2:44:34) Create Community Modal 2: Body (input, character count, community type list) ⌨️ (3:01:20) Create Communities & Cloud Firestore Database ⌨️ (3:17:37) Joining Communities 1 (User communities, SQL vs. NoSQL Data Modelling) ⌨️ (3:27:31) Cloud Functions (firebase-admin, Authentication, Adding Custom User Properties) ⌨️ (3:38:43) Cloud Functions Alternative for Custom User Properties, optional ⌨️ (3:43:46) Joining Communities 2 (Firestore Transactions and Sub-Collections) ⌨️ (3:50:12) Community Page (Server-side Rendering w/ NextJS, data fetching w/ getServerSideProps) ⌨️ (4:01:44) Community Not Found component ⌨️ (4:04:36) Community Page Header component ⌨️ (4:14:30) Custom PageContent Layout component (React children) ⌨️ (4:25:20) Community Data Recoil Atom (global communities state) ⌨️ (4:30:29) useCommunityData Custom Hook (Creating Custom Hooks in React) ⌨️ (4:39:35) Fetch User Community Snippets (getMyCommunities function) ⌨️ (4:50:59) Join & Leave Communities (Firestore Database Batched Writes) ⌨️ (5:04:26) Create Post Page & CreatePostLink Component ⌨️ (5:08:17) NewPostForm 1: FormTabsComponent (Multi-step React forms) ⌨️ (5:20:36) NewPostForm 2: PostTextInputs (Post Title & Body) ⌨️ (5:31:50) NewPostForm 3: ImageUpload Component ⌨️ (5:49:13) handleCreatePost Function (Save Posts to Firestore, Upload Image to Firebase Storage) ⌨️ (6:07:45) Fetch All Posts in Community (usePosts custom hook, Firestore queries) ⌨️ (6:17:56) PostItem Component ⌨️ (6:38:07) PostLoader Component (Chakra UI Skeletons) ⌨️ (6:43:17) Deleting Posts (handleDelete function, TypeScript promises) ⌨️ (6:54:23) About Community Component (currentCommunity recoil state) ⌨️ (7:10:19) Customize Community Image (useSelectFile custom react hook, Admin/Moderator permissions) ⌨️ (7:30:24) Voting on Posts (user postVotes collection batched writes) ⌨️ (8:11:30) Single Post Page (Next.js Dynamic [pid] route, event propagation) ⌨️ (8:29:25) Single Post Link Sharing (refresh dilemma, fetchPost fallback function) ⌨️ (8:35:09) Community Data Refresh Dilemma (getCommunityData fallback function) ⌨️ (8:43:49) Commenting on Posts (comment collection data modelling) ⌨️ (9:08:46) CommentItem Component ⌨️ (9:29:41) Deleting Comments ⌨️ (9:37:25) Community Navigation Dropdown (communityDirectory recoil atom) ⌨️ (9:55:31) useDirectory custom react hook ⌨️ (10:14:15) Home Page (Governing logic) ⌨️ (10:21:48) Home Feed for Logged-Out Users ⌨️ (10:38:11) Home Feed for Logged-In Users ⌨️ (10:54:20) Post Votes for Feed Posts ⌨️ (11:00:01) Top Communities Component (and supporting components) ⌨️ (11:20:34) Deployment with Vercel ⌨️ (11:32:06) Firebase Security Rules ⌨️ (11:41:48) Project Completion & Outro

College Algebra – Full Course with Python Code

i7vOAcUo5iA | 23 Jan 2023

College Algebra – Full Course with Python Code

Learn college Algebra from an experienced university mathematics professor. You will also learn how to implement all the Algebra concepts using the Python programming language. 💻 Syllabus & Code: https://github.com/edatfreecodecamp/python-math/blob/main/Algebra-with-Python/Algebra-Read-Me-Course-Outline.md ✏️ Ed Pratowski developed this course for freeCodeCamp.org. ⭐️ Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:14:02) Ratios, Proportions, and conversions ⌨️ (00:32:22) Basic Algebra, solving equations (one variable) ⌨️ (01:07:44) Percents, Decimals, and Fractions ⌨️ (01:40:33) Math function definition, using two variables (x,y) ⌨️ (02:17:13) Slope and intercept on a graph ⌨️ (03:28:53) Factoring, finding common factors and factoring square roots ⌨️ (05:05:40) Graphing systems of equations ⌨️ (05:36:09) Solving systems of two equations ⌨️ (06:06:17) Applications of linear systems ⌨️ (07:30:29) Quadratic equations ⌨️ (09:34:44) Polynomial Graphs ⌨️ (10:19:10) Cost, Revenue, and Profit equations ⌨️ (11:05:19) Simple and compound interest formulas ⌨️ (12:15:27) Exponents and logarithms ⌨️ (14:19:13) Spreadsheets and Additional Resources ⌨️ (15:06:10) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Full Stack Development with MongoDB, Java, and React – Full Course

5PdEmeopJVQ | 19 Jan 2023

Full Stack Development with MongoDB, Java, and React – Full Course

In this full stack development course, you will learn how to create an application using MongoDb for the database, Java and Springboot for the backend, and React for the frontend. You will learn to develop a movie review application that will feature a separation of concerns between the client code and the server code. By implementing this loosely coupled architecture, these two parts (implemented using different technologies) can evolve in parallel and independently from one another. ✏️ Farhan Hasin Chowdhury teaches the backend section. ✏️ Gavin Lon teaches the frontend section. @GavinLon 💻 Backend Code: https://github.com/fhsinchy/movieist 💻 Frontend Code: https://github.com/GavinLonDigital/movie-gold-v1 🔗 Spring Initializr - https://start.spring.io/ 🔗 JDK Download Page: https://www.oracle.com/java/technologies/downloads/ 🔗 IntelliJ IDEA Download Page: https://www.jetbrains.com/idea/download/ 🔗 Postman Download Page: https://www.postman.com/downloads/ 🏗 MongoDB provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:01:48) JDK and IntelliJ IDEA Installation ⌨️ (0:06:13) MongoDB Atlas ⌨️ (0:20:35) Project Initialization ⌨️ (0:27:03) Project Structure ⌨️ (0:29:13) Running The Project ⌨️ (0:32:41) Writing The First Endpoint ⌨️ (0:35:33) Database Configuration ⌨️ (0:38:49) Installing Additional Dependencies ⌨️ (0:44:48) Setting Up Environment Variables ⌨️ (0:47:20) Movies and Reviews Endpoints ⌨️ (1:31:46) Testing ⌨️ (1:35:42) Backend Conclusion ⌨️ (1:36:45) Frontend Introduction ⌨️ (1:38:32) Create the React Project ⌨️ (1:43:49) Applying Bootstrap to our React application ⌨️ (1:52:47) Implementing the Use State and Use Effect Hooks ⌨️ (1:58:04) Create Home and Hero Component ⌨️ (2:06:56) Style the Carousel ⌨️ (2:15:21) Create Header Component (Navigation) ⌨️ (2:21:55) Create Trailer Component with react-player ⌨️ (2:28:46) Create Movie Reviews Functionality ⌨️ (2:34:43) Add and Get Reviews with HTTP Requests ⌨️ (2:40:33) Course 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

ChatGPT Clone – OpenAI API and React Tutorial

98bGwOYoEGg | 18 Jan 2023

ChatGPT Clone – OpenAI API and React Tutorial

Learn how to use React and the OpenAI API to create an application like ChatGPT. The application can answer our questions, convert the text into different languages, or even convert JavaScript code to Python. OpenAI API: https://beta.openai.com/ ✏️ Course developed by @CybernaticoByNishant ⭐️ Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (4:01) Importing configuration and api keys ⌨️ (11:27) Creating the input and button ⌨️ (16:09) How to create an image ⌨️ (23:32) Getting the api key from the console ⌨️ (28:48) Setting up the menu items ⌨️ (36:14) Hovering options in the options ⌨️ (41:03) Importing the translated component ⌨️ (48:47) Setting options in a file ⌨️ (53:30) Finishing main function 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Tailwind CSS – Course for Beginners

ft30zcMlFao | 17 Jan 2023

Learn Tailwind CSS – Course for Beginners

This course will give you a full introduction into all of the core concepts of Tailwind CSS — it will also provide details on every features that provides Tailwindcss. Course from @codewithguillaume . ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:36) Setup ⌨️ (0:17:01) Colors ⌨️ (0:29:11) Customization ⌨️ (0:42:11) Typography ⌨️ (1:05:21) Spaces & sizes ⌨️ (1:29:36) Flex ⌨️ (1:51:46) Grids ⌨️ (2:12:48) Layouts ⌨️ (2:37:49) Borders ⌨️ (2:45:41) Effects & filters ⌨️ (2:57:33) Animations ⌨️ (3:08:28) Design System ⌨️ (3:56:31) Core concepts ⌨️ (4:05:26) Dark mode 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

System Design for Beginners Course

m8Icp_Cid5o | 12 Jan 2023

System Design for Beginners Course

This course is a detailed introduction to system design for software developers and engineers. Building large-scale distributed systems like Google, Facebook, Amazon, and Twitter requires an in-depth understanding of computer science principles. This allows systems to handle millions of users concurrently despite hardware failures. We discuss the fundamental concepts of system design in this course like requirement selection, API design, Database Design, Network protocols, Fault-tolerance, design trade-offs, solution tradeoffs, and low-level design. Gaurav Sen created this course. Check out his channel: @gkcs You can learn about distributed systems and system design using the following resources: Designing Data-Intensive Applications by Martin Kleppmann: https://amzn.to/3SyNAOy System Design Simplified: https://interviewready.io Let us know your thoughts and suggestions in the comments! ⭐️ Contents ⭐️ ⌨️ (0:00:00) What is System Design ⌨️ (0:02:27) Design Patterns ⌨️ (0:04:07) Live Streaming System Design ⌨️ (0:07:42) Fault Tolerance ⌨️ (0:08:32) Extensibility ⌨️ (0:09:49) Testing ⌨️ (0:10:32) Summarizing the requirements ⌨️ (0:11:27) Core requirement - Streaming video ⌨️ (0:14:52) Diagramming the approaches ⌨️ (0:17:12) API Design ⌨️ (0:20:02) Database Design ⌨️ (0:22:32) Network Protocols ⌨️ (0:29:07) Choosing a Datastore ⌨️ (0:32:57) Uploading Raw Video Footage ⌨️ (0:34:37) Map Reduce for Video Transformation ⌨️ (0:39:24) WebRTC vs. MPEG DASH vs. HLS ⌨️ (0:41:55) Content Delivery Networks ⌨️ (0:42:27) High-Level Summary ⌨️ (0:44:48) Introduction to Low-Level Design ⌨️ (0:47:00) Video Player Design ⌨️ (0:49:17) Engineering requirements ⌨️ (0:50:32) Use case UML diagram ⌨️ (1:02:32) Class UML Diagram ⌨️ (1:06:27) Sequence UML Diagram ⌨️ (1:11:49) Coding the Server ⌨️ (1:24:23) Resources for System Design 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Unreal Engine 5 – Full Course for Beginners

6UlU_FsicK8 | 11 Jan 2023

Unreal Engine 5 – Full Course for Beginners

Learn how to create games with Unreal Engine 5 in this full course for beginners. This course will give you a solid foundation and will enable you to be able to develop any sort of game in Unreal Engine 5. ✏️ Course created by Gamium Dev. Check out their channel: https://www.youtube.com/@gamiumdev ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:31) System Requirements ⌨️ (0:03:34) Installing The Engine ⌨️ (0:06:12) Creating A Project ⌨️ (0:09:54) Unreal Editor Basics ⌨️ (0:23:27) Creating Levels ⌨️ (0:29:50) Landscapes ⌨️ (0:35:42) Blueprints ⌨️ (0:42:57) Blueprint: Variables ⌨️ (0:49:42) Blueprint: Structures ⌨️ (0:54:37) Blueprint: Enumerations ⌨️ (0:59:36) Blueprint: Functions ⌨️ (1:05:58) Blueprint: Macros ⌨️ (1:09:25) Blueprint: Collapsed Graphs ⌨️ (1:12:56) Blueprint: Branching ⌨️ (1:14:51) Blueprint: Switch ⌨️ (1:17:43) Blueprint: While Loop ⌨️ (1:21:23) Blueprint: For Loop ⌨️ (1:25:10) Blueprint: Array ⌨️ (1:28:24) Blueprint: Flip-Flop ⌨️ (1:30:21) Blueprint: Do-Once ⌨️ (1:32:25) Object Oriented Programming ⌨️ (1:39:29) Blueprint: Classes ⌨️ (1:49:49) Blueprint: Actors ⌨️ (2:02:41) Blueprint: Casting ⌨️ (2:05:01) Basic Inheritance Hierarchy ⌨️ (2:08:32) Blueprint: Character ⌨️ (2:31:52) Blueprint: Timer (Example) ⌨️ (2:37:05) Action Mappings ⌨️ (2:43:26) Expose On Spawn ⌨️ (2:46:38) Interaction System ⌨️ (2:53:09) Blueprint: Linetrace (Raycast) ⌨️ (3:03:17) Blueprint: UI ⌨️ (3:32:12) Blueprint Function Library ⌨️ (3:35:17) Plugins (Basics) ⌨️ (3:40:39) Modelling Tools ⌨️ (3:46:45) Static Mesh ⌨️ (3:48:13) Nanite ⌨️ (3:50:02) Materials ⌨️ (4:05:31) Skeletal Mesh and Anim BP ⌨️ (4:22:32) C++ Prerequisites ⌨️ (4:39:37) C++: Basics ⌨️ (4:45:04) Advanced Inheritance Hierarchy ⌨️ (4:55:28) C++: Variables ⌨️ (4:58:11) C++: Functions ⌨️ (5:00:04) C++: UCLASS, UPROPERTY, UFUNCTION ⌨️ (5:09:11) C++: USTRUCT ⌨️ (5:17:52) C++: Using Unreal’s Functions ⌨️ (5:22:10) C++: Enumerations ⌨️ (5:24:53) Converting Blueprint To C++ ⌨️ (5:40:52) Blueprint Interface ⌨️ (5:46:38) C++ Interface ⌨️ (5:54:40) BlueprintImplementableEvent ⌨️ (5:57:02) BlueprintNativeEvent ⌨️ (6:01:40) C++: Array ⌨️ (6:11:30) C++: Map ⌨️ (6:17:31) Actor (Advanced) ⌨️ (6:39:54) Character(Advanced) ⌨️ (6:50:43) Player Controller(Advanced) ⌨️ (6:52:46) Game Mode (Advanced) ⌨️ (6:56:47) Game State (Advanced) ⌨️ (7:06:17) Game Instance ⌨️ (7:15:20) Creating Plugins ⌨️ (7:33:53) Third Party Libraries(Static) ⌨️ (7:51:42) Third Party Libraries(DLL) ⌨️ (8:05:29) Networking ⌨️ (8:07:06) Create/Join Sessions ⌨️ (8:15:24) Network Replication ⌨️ (8:22:48) Blueprint: Variable Replication ⌨️ (8:27:53) Blueprint: RPCs ⌨️ (8:43:46) Networking In C++ ⌨️ (9:01:22) Unreal Engine Source ⌨️ (9:04:54) Switching Engine Versions ⌨️ (9:12:11) Packaging ⌨️ (9:17:13) BONUS 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Google Like a Pro – All Advanced Search Operators Tutorial [2023 Tips]

BRiNw490Eq0 | 09 Jan 2023

Google Like a Pro – All Advanced Search Operators Tutorial [2023 Tips]

Learn how to become more effective at searching the web! In this video, student Seth Goldin discusses how Google works, how to ask the right questions and identify the best results, and using built-in search operators to power up your search! 🔗 Read more like this from Seth: https://goldin.io/blog ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (03:14) How Does Google Work ⌨️ (09:40) Asking the Right Questions ⌨️ (14:41) Identifying the Right Answers ⌨️ (23:40) What Are Search Operators? 🔍 (24:43) Matching Operators 🔍 (28:23) Date Operators 🔍 (29:58) Source Operators 🔍 (33:29) Boolean Operators 🔍 (34:03) In-(URL/Title/Text/Anchor) Operators 🔍 (37:02) Utility Operators ⌨️ (41:05) Using and Combining Search Operators ⌨️ (44:02) Google Lens and Image Search ⌨️ (46:29) Specialized Search Engines ⌨️ (51:21) Keyboard Shortcuts ⌨️ (52:38) Wrapping Everything Up Disclaimer: This course is not affiliated with Google. "Music: 8 Bit Win By HeatleyBros - https://youtu.be/vX1xq4Ud2z8" 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Music Production with FL Studio – Full Tutorial for Beginners

BUjdnxgBgzM | 05 Jan 2023

Music Production with FL Studio – Full Tutorial for Beginners

Lean how to use FL Studio to produce music in this complete course for beginners. FL Studio is a complete software music production environment. It features a graphical user interface with a pattern-based music sequencer. Tristan Willcox developed this course. You can email him at [email protected] 🔗 FL Studio: https://www.image-line.com/ Sample Packs: 🔗 https://cymatics.fm/ 🔗 https://samples.landr.com/ 🔗 https://sound-effects.bbcrewind.co.uk/ 🔗 https://samplefocus.com/samples/arabian-vocal-melody-dramatic 🔗 https://splice.com/ ⭐️ Contents ⭐️ (0:00:00) Chapter 1: Virtual Instruments (0:04:35) Chapter 2: Melodies and Chords (0:30:52) Chapter 3: Using Patterns (0:36:40) Chapter 4: Using Samples (0:47:02) Chapter 5: Layering and Arranging (1:00:12) Chapter 6: Leveling (1:05:54) Chapter 7: Adding to the song (1:42:55) Chapter 8: Mixing + FX (1:58:21) Chapter 9: Automation (2:07:07) Chapter 10: Mastering + Exporting 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python for Web Development – Crash Course [API, SQL Databases, Virtual Environment, Flask, Django]

WNvxR8RFzBg | 04 Jan 2023

Python for Web Development – Crash Course [API, SQL Databases, Virtual Environment, Flask, Django]

Learn the basics of using Python for web development in this crash course. Through a series of short projects, you will learn about a variety of concepts such as APIs, SQL Databases, Virtual Environments & more. ✏️ Course developed by CodeWithTomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi 🔗 Join CodeWithTomi's Discord Server: https://discord.gg/cjqNBHHhKV 🔗 Twitter: https://twitter.com/TomiTokko3 🔗 Download All Free Resources - https://codewithtomi.eo.page/mz396 ⭐️ Course Contents ⭐ ️⌨️ (0:00:00) Intro ⌨️ (0:01:15) SQL In Python ⌨️ (0:17:08) APIs In Python ⌨️ (0:26:38) Classes and Objects In Python ⌨️ (0:40:00) Web Scraping In Python ⌨️ (0:49:54) Virtual Environments ⌨️ (0:52:26) Flask Setup ⌨️ (0:58:55) Django Setup ⌨️ (1:04:56) Django Calculator 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React with .NET Web API – Basic App Tutorial

4RKuyp_bOhY | 03 Jan 2023

React with .NET Web API – Basic App Tutorial

Learn how to create a basic React application that leverages a .NET Web API Component (that we write using C#). In order to integrate React with a .NET Web API component we utilise the 'ASP.NET Core with React.js' project template from within the free version of Visual Studio 2022 (the community edition). The App that we build enables users to rank items by dragging and dropping the items (displayed in a list) to a cell position on the ranking grid (the grid is positioned above the list of relevant items). Each cell position on the grid denotes a ranking value for e.g. the top left cell is position number 1, denoting the top ranked item, the cell positioned to the immediate right of this cell denotes the 2nd ranked item and so on...the bottom right cell denotes the worst possible ranking position. So this is a fun app to code that will give a learner an insight into how to build a simple app using React on the front-end that leverages a .NET Web API component on the backend. ⚙️ Code: https://github.com/GavinLonDigital/RankingApp ✏️ Gavin Lon created this tutorial. Check out his channel: @GavinLon ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:54) Project Creation ⌨️ (0:05:47) Create the Server-side .NET Web API Code in C# ⌨️ (0:13:38) Create 'RankItems' React Component ⌨️ (0:20:11) Create Navigation Functionality ⌨️ (0:27:13) Write Code to Import Movie Images ⌨️ (0:31:31) Write Code to Display Movie Images ⌨️ (0:37:32) Write Code for 'RankingGrid' React Component ⌨️ (0:52:21) Write Code for Drag and Drop Functionality ⌨️ (1:15:26) Write Code for Ranking Albums ⌨️ (1:36:20) Write Code for Initialising Ranking Items (Reload Button) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build Your Own SaaS - PagerDuty Clone. You'll Learn PostgreSQL + Stripe API + Twilio + SMTP

4xuBT3BbsYU | 20 Dec 2022

Build Your Own SaaS - PagerDuty Clone. You'll Learn PostgreSQL + Stripe API + Twilio + SMTP

Learn how to build your own SaaS app. You will create your own PagerDuty clone using PostgreSQL, Stripe, Twilio, SMTP, and Retool. You will build a dashboard that lets you know if your app goes down, and then notifies you through email and SMS. ✏️ Ania Kubów developed this course. Check out her channel: https://www.youtube.com/aniakubow 🏗 Retool provided a grant to make this course possible. Learn more about Retool: https://retool.com ⭐️ Contents ⭐️ 00:00 Introduction 02:51 Tutorial Starts 03:41 Working with pre-made UI Components 16:26 Setting up our Postgres database 18:58 Creating Tables in Postgres 29:00 Feeding in Data to our Dashboard 39:09 Adding new Incidents 48:53 Deleting Incidents 50:49 The Team members page 1:04:42 Hooking up the Twilio and SMPT API 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Tutorial - Create a Card Game 🃏

Bj6lC93JMi0 | 14 Dec 2022

JavaScript Tutorial - Create a Card Game 🃏

Improve your JavaScript skills by creating a basic card game with HTML and CSS. ♣️♥️♠️♦️ This tutorial not only covers creating a basic card game using JavaScript but also: - how to create dynamic user interactive code using vanilla JavaScript - Creating some animation effects - Responsive layout design using CSS grid, CSS FlexBox and media queries - How to dynamically change the positions of grid cells, so as to randomize the positions of the cards contained in a css grid using JavaScript, - localStorage functionality - And much More… 💻 Code: https://github.com/GavinLonDigital/HuntTheAceJSGame ✏️ Gavin Lon created this tutorial. Check out his channel: https://www.youtube.com/@GavinLon ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:26) Getting Started ⌨️ (0:07:00) Live Server Extension ⌨️ (0:09:50) Create Cards - HTML ⌨️ (0:14:44) Create the Game Play Grid ⌨️ (0:19:55) Create Cards Dynamically - JS Code ⌨️ (0:28:46) Initialise Card Positions ⌨️ (0:34:39) Load Game and Start Game ⌨️ (0:38:43) Stack Cards ⌨️ (0:41:53) Flip Cards ⌨️ (0:45:14) Shuffle Cards ⌨️ (0:49:28) Deal Cards ⌨️ (0:54:37) Choose Card ⌨️ (1:16:56) Styling and Layout ⌨️ (1:24:28) Animation ⌨️ (1:32:39) Responsive Layout ⌨️ (1:36:43) Local Storage 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

KjY94sAKLlw | 12 Dec 2022

Next.js React Framework Course – Build and Deploy a Full Stack App From scratch

In this Next.js course for beginners, you will learn how to build a full-stack App from scratch. We'll also learn how to deploy the App using Vercel and to sync up GitHub with Vercel so we deploy the app automatically. Next is the React Framework for production. It makes building Apps, small or large, a lot easier. It has many features out of the box that you can use that will save loads of time. 📝 Database: https://github.com/timeToCode-ali/nextjs-tutorial/blob/main/data/data.json 💻 Source Code: https://github.com/timeToCode-ali/nextjs-tutorial Course from Alicia Rodriguez . Check out her channel: @timetocode_with_ali ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro: Showcase App ⌨️ (0:02:07) Summary of the content of the video ⌨️ (0:02:40) Prerequisites for this video. ⌨️ (0:03:18) What is Next.js ⌨️ (0:04:38) Main Feature: Server-Side Rendering ⌨️ (0:09:03) Create a new Next.js Project ⌨️ (0:17:56) Analyse the Final App we are going to build ⌨️ (0:20:30) Next.js Files Structure ⌨️ (0:23:53) Next.js Pages & Build the pages ⌨️ (0:41:50) Data Fetching ⌨️ (2:02:15) Build the Components - UI (user Interface) ⌨️ (2:24:03) Add CSS - Styles ⌨️ (3:21:27) API Routing in Next.js ⌨️ (4:29:00) Deploy the APP in Vercel ⌨️ (4:43:06) Suggestions to improve the App Attributions/credits Server icons created by srip - Flaticon - https://www.flaticon.com/free-icons/server Js icons created by Freepik - Flaticon - https://www.flaticon.com/free-icons/js Html icons created by catkuro - Flaticon - https://www.flaticon.com/free-icons/html Load icons created by Freepik - Flaticon - https://www.flaticon.com/free-icons/load Sound effects: https://mixkit.co/free-sound-effects/ Sound music: https://mixkit.co/free-stock-music/ambient/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Swift Programming – Full Course for Beginners

8Xg7E9shq0U | 07 Dec 2022

Swift Programming – Full Course for Beginners

Learn the Swift programming language in this full tutorial for beginners. After learning the basics of Swift, you will learn how to use UIKit and SwiftUI for development of front-end iOS, macOS and watchOS applications. You will also learn how to use Vapor and other Swift-backend technologies. ✏️ Vandad Nahavandipoor created this course. Vandad on YouTube: https://youtube.com/c/vandadnp Vandad on Twitter: https://twitter.com/vandadnp Vandad on LinkedIn: https://linkedin.com/in/vandadnp ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:06:49) Variables ⌨️ (0:29:46) Operators ⌨️ (0:46:55) If and else ⌨️ (1:05:08) Functions ⌨️ (1:23:58) Closures ⌨️ (1:52:08) Structures ⌨️ (2:17:58) Enumerations ⌨️ (2:59:21) Classes ⌨️ (3:24:51) Protocols ⌨️ (3:47:48) Extensions ⌨️ (4:00:06) Generics ⌨️ (4:32:44) Optionals ⌨️ (4:53:39) Error Handling ⌨️ (5:39:35) Collections ⌨️ (6:17:17) Equality and Hashing ⌨️ (6:38:46) Custom Operators ⌨️ (6:50:53) Asynchronous Programming ⌨️ (7:04:38) 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python GUI Development Using PySide6 and Qt – Tutorial

Z1N9JzNax2k | 05 Dec 2022

Python GUI Development Using PySide6 and Qt – Tutorial

Learn how to use Qt for Python using PySide6 to build cross platform desktop apps for Windows, Mac and Linux. 💻 Source code: https://github.com/rutura/Qt-For-Python-PySide6-GUI-For-Beginners-The-Fundamentals- ✏️ Course developed by Daniel Gakwaya. Check out his YouTube channel: https://www.youtube.com/channel/UCUYUFiuJ5XZ3JYtbq5dXRKQ 🐦 Twitter: https://twitter.com/learnqtguide 🔗 Want more from Daniel? https://www.learnqt.guide/udemy-discounted-9/ 🔗 Join Daniel's discord server for support: https://discord.com/invite/PcATcraESW ⭐️ Course Contents ⭐ Part 1: ⌨️ (0:00:00) Intro ⌨️ (0:05:50) Welcome ⌨️ (0:16:54) Get the most ⌨️ (0:19:55) Python and PySide6 Install ⌨️ (0:28:41) Understanding the code ⌨️ (0:35:40) Organizing the code in classes ⌨️ (0:50:57) Signals and Slots ⌨️ (1:08:47) Intro to Widgets ⌨️ (1:09:21) Using QWidget ⌨️ (1:22:02) QMainWindow ⌨️ (1:48:02) QMessageBox ⌨️ (2:06:46) QPushButton ⌨️ (2:12:31) QLabel and QLineEdit Part 2: ⌨️ (2:24:33) QTextEdit ⌨️ (2:42:11) QLabel and Images ⌨️ (2:47:29) Size Policies and Stretches ⌨️ (3:02:10) QGridLayout ⌨️ (3:09:42) QCheckBox and QRadioButton ⌨️ (3:25:45) QListWidget ⌨️ (3:37:32) QTabWidget ⌨️ (3:45:35) QComboBox ⌨️ (3:52:22) Qt Designer : Introduction & Install ⌨️ (3:59:41) Using Qt Designer ⌨️ (4:08:40) Qt Designer and QUiLoader ⌨️ (4:17:48) Wrapping loader object into ui class ⌨️ (4:24:11) Compiling User Interfaces to Python ⌨️ (4:39:57) Working with resources manually : Qt Designer ⌨️ (4:56:41) Loading resources from Qt Designer ⌨️ (5:04:05) QMainWindow : Putting it all togerher! ⌨️ (5:18:01) Farewell 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

MATLAB Crash Course for Beginners

7f50sQYjNRA | 30 Nov 2022

MATLAB Crash Course for Beginners

Learn the fundametnals of MATLAB in this tutorial for engineers, scientists, and students. MATLAB is a programming language and software suite used for data analysis, scientific computing, and visualization that is widely used in academia and industry. ✏️ Course from Phillip Parisi. Check out his channel: https://youtube.com/c/philsbeginnercode This course on Phillip's channel: https://youtu.be/EtUCgn3T9eE ⭐️ MATLAB Cheat Sheet ⭐️ Functions You Should Know https://youtu.be/vqWCUuDs8vw PDF of All the Basics https://philparisi.weebly.com/code.html ⭐️ Install Matlab ⭐️ Windows https://youtu.be/UShLTO57Yp8 Ubuntu Install https://youtu.be/ZNHJkCo5sOc ⭐️ Contents ⭐️ ⌨️(0:00:00) Intro ⌨️(0:00:19) MATLAB IDE ⌨️(0:01:33) Variables & Arithmetic ⌨️(0:14:19) Matrices, Arrays, & Linear Algebra ⌨️(0:24:54) The Index ⌨️(0:31:16) Example 1 - Equations ⌨️(0:45:09) Anonymous Functions ⌨️(0:47:57) Example 2 - Plotting ⌨️(1:05:29) Example 3 - Logic ⌨️(1:20:24) Example 4 - Random & Loops ⌨️(1:26:07) Sections ⌨️(1:28:20) For Loops ⌨️(1:40:09) Calculation Time ⌨️(1:42:57) Naming Conventions ⌨️(1:45:09) File Naming ⌨️(1:45:54) While Loop ⌨️(1:50:16) Custom Function ⌨️(1:56:47) Have a good one ;) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Django REST Framework Course – Build Web APIs with Python

tujhGdn1EMI | 28 Nov 2022

Django REST Framework Course – Build Web APIs with Python

Django REST Framework is a powerful and flexible toolkit for building Web APIs. In this course for beginneer you will learn how to use Python and the Django REST Framework to build a web API. ✏️ Course from Bobby Stearman. Check out @DidCoding 💻Code: https://github.com/bobby-didcoding/drf_course Other Resources: https://www.python.org/ https://www.djangoproject.com/ https://www.django-rest-framework.org/ https://httpie.io/ https://curl.se/ https://www.docker.com/ ⌨️ (0:00:00) Introduction ⌨️ (0:00:29) Module 1 ⌨️ (0:15:01) Module 2 ⌨️ (0:25:02) Module 3 ⌨️ (0:44:46) Module 4 ⌨️ (0:51:56) Module 5 ⌨️ (1:01:52) Module 6 ⌨️ (1:08:54) Module 7 ⌨️ (1:14:30) Module 8 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python / PyGame Tutorial – Arcade Style Shooting Game

T2pd3KRSoHI | 22 Nov 2022

Python / PyGame Tutorial – Arcade Style Shooting Game

Improve you Python and PyGame programming skills by coding a game. This project was inspired by the classic carnival/arcade style shooting gallery games! Learn to build the entire project from scratch using Python and the PyGame framework. We start by setting up PyGame, and drawing static images on the screen. Then we animate tiers of procedurally drawn enemies onto each level and get them moving, then check to see if the player has shot them. Once the player clears a full level of enemies, they proceed to the next level. Then we create pause functionality, a main menu and game over conditions. We store the high scores in an external text file that we read in from when the game boots up and write to it any time there is a new high score during gameplay. ✏️ Created by Pete LeMaster. Check out his channel: https://www.youtube.com/@lemastertech 💻 Code: https://github.com/plemaster01/ShootingGallery ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro and Project Showcase ⌨️ (0:02:50) Setting Up Pygame And Importing Images ⌨️ (0:13:25) Drawing the Gun and Rotating With Mouse Position ⌨️ (0:26:27) Drawing Enemies Onto the Screen ⌨️ (0:37:56) Procedurally Generate Enemy Starting Coordinates ⌨️ (0:51:14) Make Enemies Move With Speed Based on Tiers ⌨️ (0:58:32) Check for Mouse Collision with Targets on Shots ⌨️ (1:13:39) Display Score, Mode Status, Time Elapsed and Total Shots! ⌨️ (1:22:04) Menu Control and Setup ⌨️ (1:44:57) Pause Menu and Restarting from the Game Screens ⌨️ (1:51:57) Re-Initializing Enemy Coordinates on Restart ⌨️ (1:59:17) Game Over Conditions! ⌨️ (2:10:47) Reading and Writing to a .txt Text file for high scores! ⌨️ (2:15:20) Adding Background Music and Sound Effects! ⌨️ (2:20:27) Outro and Thank you!! 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Make a WordPress Blog and Website – Tutorial for Beginners 2022

9VPq1JxMfkA | 17 Nov 2022

How to Make a WordPress Blog and Website – Tutorial for Beginners 2022

In this WordPress course for beginners, you will learn how to to create responsive blogs and websites using a drag and drop interface. Get a domain and hosting here: https://www.hostinger.com/start ✏️ Beau Carnes created this course. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:04) Setting up Hosting and Domain ⌨️ (0:06:46) Installing WordPress ⌨️ (0:07:54) WordPress Dashboard and Initial Settings ⌨️ (0:10:23) Installing WordPress Theme ⌨️ (0:15:30) Overview of Website ⌨️ (0:17:10) Customizing Title ⌨️ (0:19:18) Using Elementor to Edit Page ⌨️ (0:22:40) Adding Images ⌨️ (0:26:47) Customizing Website Elements ⌨️ (0:39:24) Updating Site Menu and Categories ⌨️ (0:42:35) Customizing Blog / Archive ⌨️ (0:46:04) Customizing Single Blog Post ⌨️ (0:47:22) Adding New Blog Post ⌨️ (0:51:10) Customizing About and Contact Page ⌨️ (0:53:47) Setting Up Website Forms Using WPForms ⌨️ (1:00:19) Making URLs Look Better ⌨️ (1:02:54) Updating Site for Responsive Design ⌨️ (1:04:47) Updating Footer ⌨️ (1:08:52) Creating New Pages ⌨️ (1:13:02) Improving SEO (Search Engine Optimization) ⌨️ (1:19:18) Conclusion 🏗 Hostinger provided a grant to make this course possible. 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React State Management – Intermediate React Course

-bEzt5ISACA | 15 Nov 2022

React State Management – Intermediate React Course

React State Management is half of your React app so it is important for React developers to understand. In this full intermediate React tutorial, you will learn how to implement state management using industry best practices. ✏️ Jack Herrington created this course. He is a principal full stack engineer. Check out his channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw 💻 Code!: https://github.com/jherr/fcc-state ⌨️ (0:00:00) Introduction ⌨️ (0:03:27) useState ⌨️ (0:18:37) useReducer ⌨️ (0:32:29) useMemo & useCallback ⌨️ (0:49:43) useEffect ⌨️ (1:05:59) useRef ⌨️ (1:13:53) Context and Custom Hooks ⌨️ (1:41:48) React Query & React Location ⌨️ (1:57:26) Zustand ⌨️ (2:06:11) Valtio ⌨️ (2:12:44) Jotai ⌨️ (2:20:51) Redux ⌨️ (2:37:56) The new use hook ⌨️ (2:44:26) Recommendations ⌨️ (2:46:07) Outroduction 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn TypeScript – Full Tutorial

30LWjhZzg50 | 10 Nov 2022

Learn TypeScript – Full Tutorial

Learn how to program with TypeScript in this full course for beginners. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. TypeScript provides better error checking than JavaScript. This is because TypeScript uses a static type system, which means that the type of a variable is checked before the code is executed. 💻 GitHub Repo: https://github.com/hiteshchoudhary/typescript-youtube-22 ✏️ Hitesh Choudhary created this course. Check out his channel: https://www.youtube.com/c/HiteshChoudharydotcom ⭐️ Contents ⭐️ ⌨️ (0:00:00) Why to learn TypeScript ⌨️ (0:07:08) TypeScript is not what you think ⌨️ (0:15:25) How to install TypeScript ⌨️ (0:27:33) Your first intro to TypeScript docs ⌨️ (0:39:21) Number, boolean, and type inference ⌨️ (0:39:21) Number, boolean, and type inference ⌨️ (0:46:52) Don't use ANY ⌨️ (0:51:30) Do you really know functions ⌨️ (1:02:55) A better way to write function ⌨️ (1:15:38) Bad behavior of objects ⌨️ (1:25:14) Type Aliases ⌨️ (1:32:28) READONLY and optional ⌨️ (1:42:13) Array ⌨️ (1:50:03) Union Types in TS ⌨️ (2:04:46) Tuples ⌨️ (2:14:33) Enums ⌨️ (2:24:03) interface ⌨️ (2:33:52) Interface vs Type ⌨️ (2:39:08) How to setup Typescript for real projects ⌨️ (2:53:44) Classes ⌨️ (3:02:06) Private Public ⌨️ (3:08:12) Getters and Setters ⌨️ (3:15:25) Protected ⌨️ (3:19:34) Why Interface is important ⌨️ (3:26:05) Abstract class ⌨️ (3:35:36) Generics ⌨️ (3:47:58) Generics in Array and Arrow functions ⌨️ (3:56:07) Generic Classes ⌨️ (4:07:16) Type Narrowing ⌨️ (4:17:04) The in operator narrowing ⌨️ (4:22:17) Instanceof and Type Predicates ⌨️ (4:31:35) Discriminated Union and Exhaustiveness Checking with never ⌨️ (4:42:54) TypeScript End 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Command Line Hacking – Over The Wire Bandit Walkthrough (CTF Wargame)

9ReSHQihuZw | 09 Nov 2022

Command Line Hacking – Over The Wire Bandit Walkthrough (CTF Wargame)

Improve your cybersecurity and Linux skills by solving challenges in the Bandit Wargame from OverTheWire. This video is a walk through of how to solve the challenges—but make sure to try each on your own before watching the solution! 🔗 Start the game here: https://overthewire.org/wargames/bandit/ ✏️ Tutorial from Sabyasachi Paul. Check out his channel: https://www.youtube.com/channel/UCF6DLMsBz6AdX4Wk1zMja4g 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Microservice Architecture and System Design with Python & Kubernetes – Full Course

hmkF77F9TLw | 08 Nov 2022

Microservice Architecture and System Design with Python & Kubernetes – Full Course

Learn about software system design and microservices. This course is a hands-on approach to learning about microservice architectures and distributed systems using Python, Kubernetes, RabbitMQ, MongoDB, mySQL. ✏️ Course from Kantan Coding. Check out his channel: https://www.youtube.com/channel/UC5UgemAz061hkjTFHOfxNpg Kubernetes API Reference: https://kubernetes.io/docs/reference/kubernetes-api/ ⭐️ Contents ⭐️ (0:00:00) Intro (0:01:02) Overview (0:02:47) Installation & Setup? (0:10:16) Auth Service Code (0:32:25) Auth Flow Overview & JWTs (0:53:04) Auth Service Deployment (0:56:08) Auth Dockerfile (1:20:05) Kubernetes (1:37:26) Gateway Service Code (1:42:34) MongoDB & GridFs (1:47:04) Architecture Overview (RabbitMQ) (1:49:50) Synchronous Interservice Communication (1:50:49) Asynchronous Interservice Communication (1:53:19) Strong Consistency (1:54:07) Eventual Consistency (2:19:16) RabbitMQ (2:21:16) Gateway Service Deployment (2:35:34) Kubernetes Ingress (2:46:28) Kubernetes StatefulSet (2:51:18) RabbitMQ Deployment (3:09:35) Converter Service Code (3:33:43) Converter Service Deployment (4:21:09) Checkpoint (4:22:11) Update Gateway Service (4:31:46) Notification Service Code (4:43:24) Notification Service Deployment (4:51:55) Sanity Check (5:05:54) End ⭐️ References ⭐️ https://www.mongodb.com/docs/ https://www.rabbitmq.com/documentation.html https://docs.microsoft.com/en-us/azure/architecture/patterns/competing-consumers https://docs.microsoft.com/en-us/azure/architecture/microservices/design/interservice-communication https://cloud.google.com/datastore/docs/articles/balancing-strong-and-eventual-consistency-with-google-cloud-datastore 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Microsoft 365 Fundamentals Certification (MS-900) — Full Course Pass the Exam!

Vw7KklJ8Lj8 | 02 Nov 2022

Microsoft 365 Fundamentals Certification (MS-900) — Full Course Pass the Exam!

Prepare for the Microsoft 365 Fundamentals Certification (MS-900) and pass! The Microsoft 365 Fundamentals is an entry level Microsoft certification into a broad amount of Microsoft Software-as-a-Service (SaaS) products. ✏️ Andrew Brown of ExamPro developed this course. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ☁️ Introduction 🎤 (00:00:00) Introduction 🎤 (00:10:06) Exam Guide Breakdown ☁️ Cloud Services 🎤 (00:13:39) What is Cloud Computing 🎤 (00:16:21) Common Cloud Services 🎤 (00:17:32) What is Microsoft and Azure 🎤 (00:18:38) Benefits of Cloud Computing 🎤 (00:20:03) Types of Cloud Computing 🎤 (00:22:02) Types of Cloud Computing Responsibilities 🎤 (00:23:37) Cloud Deployment Model 🎤 (00:27:39) Total Cost of Ownership 🎤 (00:29:44) CAPEX vs OPEX ☁️ Cloud Architecture Terminologies 🎤 (00:31:39) Cloud Architecture Terminologies 🎤 (00:32:29) High Scalability 🎤 (00:34:01) High Elasticity 🎤 (00:35:14) Fault Tolerance 🎤 (00:36:44) High Durability 🎤 (00:38:25) High Availability ☁️ Productivity solutions in Microsoft 365 🎤 (00:39:35) Evolution from Office 365 to Microsoft 365 🎤 (00:41:09) Windows 365 🎤 (00:42:53) Microsoft 365 🎤 (00:45:08) Microsoft 365 Apps 🎤 (00:47:23) Microsoft Project 🎤 (00:48:48) Microsoft Planner 🎤 (00:50:08) Microsoft Bookings 🎤 (00:51:31) Microsoft To Do 🎤 (00:52:49) Microsoft Exchange Online 🎤 (00:54:27) Create an Account 🎤 (00:58:16) Create New User in Microsoft 365 Admin Center 🎤 (01:00:40) Access Microsoft 365 Apps ☁️ Collaboration solutions in Microsoft 365 🎤 (01:02:02) Microsoft Teams 🎤 (01:04:46) Collaborative Apps 🎤 (01:05:59) Microsoft Power Platform 🎤 (01:10:12) Yammer 🎤 (01:12:14) Microsoft Viva 🎤 (01:19:54) Microsoft SharePoint 🎤 (01:21:10) Microsoft OneDrive 🎤 (01:22:25) Microsoft Stream ☁️ Endpoint and Deployment options in Microsoft 365 🎤 (01:23:27) Microsoft Endpoint Manager 🎤 (01:25:28) Azure Virtual Desktop 🎤 (01:26:58) Windows as a Service 🎤 (01:31:49) Deploy Office 365 ☁️ Analytics capabilities in Microsoft 365 🎤 (01:36:46) Workplace Analytics 🎤 (01:38:01) MyAnalytics 🎤 (01:39:17) Microsoft 365 Admin center 🎤 (01:43:29) Access Microsoft 365 Admin Center ☁️ Zero trust security principles for Microsoft 365 🎤 (01:50:34) Zero Trust Model 🎤 (01:54:25) Six Foundational Pillars 🎤 (01:56:38) Defense in Depth ☁️ Identity and access management solutions in Microsoft 365 🎤 (01:56:42) Azure Active Directory 🎤 (01:59:48) Cloud Identity Models 🎤 (02:00:58) Cloud only Identity 🎤 (02:02:05) Hybrid Identity 🎤 (02:03:43) Multi Factor Authentication MFA 🎤 (02:05:34) Conditional Access 🎤 (02:09:10) Enable MFA for Microsoft 365 Users ☁️ Threat protection solutions in Microsoft 365 🎤 (02:12:37) Microsoft 365 Defender 🎤 (02:14:02) Defender for Endpoint 🎤 (02:16:13) Defender for Office 365 🎤 (02:16:17) Defender for Identity 🎤 (02:21:58) Microsoft Defender Portal 🎤 (02:23:53) Defender for Cloud Apps 🎤 (02:25:47) Microsoft Secure Score 🎤 (02:27:16) Common types of threats 🎤 (02:28:42) How Microsoft addresses the most common threats 🎤 (02:30:33) Azure Sentinel 🎤 (02:32:38) Microsoft Security Reports 🎤 (02:37:47) Microsoft 365 Defender ☁️ Trust privacy and compliance solutions in Microsoft 365 🎤 (02:41:30) Regulatory Compliance 🎤 (02:42:56) Compliance Solutions in M365 🎤 (02:44:22) Service Trust portal 🎤 (02:47:38) Data Residency 🎤 (02:50:02) Microsoft Purview Information Protection 🎤 (02:53:37) Data classification capabilities 🎤 (02:57:29) Sensitivity labels 🎤 (03:00:08) Sensitivity Label Policies 🎤 (03:01:36) Retention policies and labels 🎤 (03:03:09) Records Management 🎤 (03:04:22) Data loss prevention DLP 🎤 (03:06:27) Compliance portal 🎤 (03:08:18) Compliance Manager 🎤 (03:11:21) Compliance Scores 🎤 (03:13:31) Insider risk management solutions 🎤 (03:15:48) eDiscovery 🎤 (03:19:34) Microsoft Purview Audit 🎤 (03:20:48) Privacy management 🎤 (03:22:50) Microsoft s privacy principles 🎤 (03:28:09) Microsoft Purview Overview ☁️ Plan predict and compare pricing 🎤 (03:28:13) Cloud Solution Provider CSP 🎤 (03:30:38) Enterprise Agreements 🎤 (03:31:45) Billing and Billing Management ☁️ Identify licensing options available in Microsoft 365 🎤 (03:35:02) Microsoft 365 Subscription plans 🎤 (03:38:56) Microsoft 365 Enterprise and Licenses ☁️ Describe the Microsoft 365 service lifecycle 🎤 (03:42:14) Microsoft 365 service lifecycle 🎤 (03:44:04) Modern Lifecycle policy 🎤 (03:45:01) Microsoft 365 Roadmap portal ☁️ Describe support offerings for Microsoft 365 services 🎤 (03:48:54) Support options for Microsoft 365 services 🎤 (03:50:48) Support Request 🎤 (03:52:16) Service Level Agreement 🎤 (03:55:49) Health Status of Microsoft 365 services

Full Stack Web Development for Beginners (HTML, CSS, JavaScript, Node.js, MongoDB)

nu_pCVPKzTk | 01 Nov 2022

Full Stack Web Development for Beginners (HTML, CSS, JavaScript, Node.js, MongoDB)

Learn full-stack web development in this full course for beginners. First, you will learn the basics of HTML, CSS, and JavaScript. Then, you will learn how to put everything together to create a frontend movie search app. Finally, you will learn how to create a backend API to create movie reviews and connect the frontend to the backend. The backend uses Node.js, Express, and MongoDB. 🔗 Get started with Replit: https://join.replit.com/web-students ✏️ Tomi Tokko and Beau Carnes developed this course. Tomi's channel: https://www.youtube.com/CodeWithTomi Beau's channel: https://www.youtube.com/zizyo ⭐️ Code ⭐️ JavaScript RPG Starter: https://replit.com/@BeauCarnes/JavaScript-RPG-Starter JavaScript RPG Complete: https://replit.com/@BeauCarnes/JavaScript-RPG Frontend Movie App (and starter for connecting to backend): https://replit.com/@TomiTokko/MoviesApp Live demo of frontend app: https://moviesapp.tomitokko.repl.co/ Backend Reviews API: https://replit.com/@BeauCarnes/review-backend Frontend connected to backend: https://replit.com/@BeauCarnes/htmlfrontend 🏗 Replit provided a grant to make this course possible. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:42) Learn HTML ⌨️ (1:26:27) Learn CSS ⌨️ (3:15:49) Learn JavaScript ⌨️ (4:52:01) Create Frontend Movie App ⌨️ (5:44:04) Create Backend Reviews API ⌨️ (6:49:32) Connect Frontend with Backend 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Kotlin Programming – Full Course for Beginners

EExSSotojVI | 27 Oct 2022

Learn Kotlin Programming – Full Course for Beginners

Learn the Kotlin programming language in this full course for beginners. Kotlin is the most popular programming language for building Android apps and it can also be can be used for any kind of development. ✏️ Alexandru Cristian developed this course. 🔗 Alexandru on Instagram: https://www.instagram.com/alexdobinca/ Other courses from Alenxadru: 🎥 Python: https://www.udemy.com/course/python-complete-course-learn-python-from-zero/?referralCode=C5CFAB487FBFEE00E12C 🎥 Kotlin: https://www.udemy.com/course/kotlin-masterclass-learn-kotlin-from-zero-to-advanced/?referralCode=EAB498FC62AF9500D30A ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:06) Install Intellij IDEA ⌨️ (0:06:23) Hello World ⌨️ (0:25:41) Variables ⌨️ (0:41:18) Window ⌨️ (0:42:24) Integer Type ⌨️ (0:53:08) DataType: Byte, Short and Long ⌨️ (1:04:42) Float and Double ⌨️ (1:16:16) Char and Boolean ⌨️ (1:25:55) Operators ⌨️ (1:49:47) Comments ⌨️ (1:51:43) IfThenElse: Statement-Expression ⌨️ (2:02:25) Less Than or Equal To Operator ⌨️ (2:10:33) logical AND operator ⌨️ (2:14:52) logical OR operator ⌨️ (2:29:48) When Statement-Expression ⌨️ (2:44:16) Null ⌨️ (2:59:59) Functions ⌨️ (3:15:46) Function: return and expressions ⌨️ (3:27:43) Functions Overloading ⌨️ (3:33:57) Functions Default Values ⌨️ (3:44:09) Functions vararg keyword ⌨️ (3:55:17) loops: FOR loop ⌨️ (4:05:18) loops: WHILE and DO WHILE loop, Labels and continue and break ⌨️ (4:28:26) loops Challenge ⌨️ (4:43:14) Arrays ⌨️ (4:59:56) Arrays Challenge ⌨️ (5:18:41) OOP: Classes ⌨️ (5:37:01) OOP: Primary Constructor ⌨️ (5:51:25) OOP: Initializer Blocks ⌨️ (6:07:03) OOP: Secondary Constructors ⌨️ (6:23:56) OOP: Constructor Parameters Default Values ⌨️ (6:31:08) OOP: Getters and Setters ⌨️ (6:48:00) OOP: lateinit keyword ⌨️ (6:57:52) OOP: Companion Object ⌨️ (7:07:47) OOP: Singleton ⌨️ (7:19:08) OOP: Lazy Initialization ⌨️ (7:25:02) OOP: Enum Classes ⌨️ (7:39:27) OOP: Inner Classes ⌨️ (7:44:19) OOP Challenge ⌨️ (8:00:16) OOP: Inheritance 1 ⌨️ (8:20:37) OOP: Inheritance 2 ⌨️ (8:35:31) OOP: Sealed Class ⌨️ (8:48:57) OOP: Abstract Classes ⌨️ (8:56:29) OOP: Data Class ⌨️ (9:23:53) OOP: Interfaces 1 ⌨️ (9:35:37) OOP: Interfaces 2 ⌨️ (9:49:03) OOP: Object Expression ⌨️ (9:58:09) OOP: Delegation ⌨️ (10:05:37) Lambda Functions and Lambda Expressions ⌨️ (10:24:15) it parameter in lambda ⌨️ (10:28:03) List, Set, Map ⌨️ (10:44:52) Mapping ⌨️ (10:56:37) Zipping ⌨️ (11:12:00) Flatten ⌨️ (11:21:43) String Representation ⌨️ (11:32:46) Filtering ⌨️ (11:51:19) Test predicates: any(), none(), all() ⌨️ (11:53:56) Plus and Minus Operators ⌨️ (11:57:10) Grouping ⌨️ (12:02:07) Retrieve Collection parts ⌨️ (12:22:26) Retrieve Single Elements ⌨️ (12:26:54) Aggregate Operations: sum(), count(), average(), minOrNull(), maxOrNull() ⌨️ (12:31:49) Comparable and Comparator ⌨️ (12:59:09) Binary Search ⌨️ (13:13:31) Generics: Type Paramenters and Casting ⌨️ (13:29:54) Generics: Upper Bounds 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Graph Algorithms Crash Course (with Java)

dS44jZyj5gU | 26 Oct 2022

Graph Algorithms Crash Course (with Java)

Learn how to use the graph data structures in this full tutorial for beginners. A Graph data structures is a non-linear data structure consisting of vertices and edges. They are used to solve many real-word problems and are commonly needed to solve coding challenges. The course uses Java. Coding Cleverly teaches this course. Check out his channel: https://www.youtube.com/c/CodingCleverly 💻 Source Code: https://github.com/codingcleverly/graphs_freeCodeCamp ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to Graphs ⌨️ (0:01:35) Graphical Explanation ⌨️ (0:03:21) Code Implementation ⌨️ (0:06:41) Vertex class ⌨️ (0:09:33) Edge class ⌨️ (0:17:46) Graph class ⌨️ (0:28:06) main method ⌨️ (0:31:31) compile and run ⌨️ (0:32:55) Introduction to Graph Traversals ⌨️ (0:34:49) Traversal Orders ⌨️ (0:35:35) DFS Traversal (Graphical Explanation) ⌨️ (0:41:56) Code Implementation of DFS ⌨️ (0:51:39) BFS Traversal (Graphical Explanation) ⌨️ (0:54:23) Code Implementation of BFS ⌨️ (1:01:09) Compile and Run ⌨️ (1:01:55) Introduction to Dijkstra's Algorithm ⌨️ (1:02:25) Graphical Explanation ⌨️ (1:08:56) Code Implementation ⌨️ (1:12:22) Priority Queue ⌨️ (1:16:31) Iterating through the vertices ⌨️ (1:19:48) while loop ⌨️ (1:28:17) helper method ⌨️ (1:29:56) compile and run ⌨️ (1:30:21) problem occurred ⌨️ (1:30:31) shortestPathBetween() ⌨️ (1:37:27) fix to the problem ⌨️ (1:38:36) Successful Compile and Run 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Make Money From Your Website Using Microtransactions

XwzcrhhyDkc | 24 Oct 2022

How to Make Money From Your Website Using Microtransactions

Learn how to make money from your website without having to reply on third party advertisers or selling your users data by using the Interledger Protocol and microtransactions. ✏️ Ania Kubów developed this course. Check out her channel: https://www.youtube.com/c/AniaKub%C3%B3w 🔗 Sign up for Uphold: https://wallet.uphold.com/signup 🔗 Coil Chrome extension: https://chrome.google.com/webstore/detail/coil/locbifcbeldmnphbgkdigjmkbfkhbnca?hl=en 🔗 Sign up for Coil: https://coil.com/auth/signup 🏗 Grant for the Web provided a grant to make this course possible. Grant for the Web is an Interledger Foundation program to boost open, fair, and inclusive standards and innovation in Web Monetization. 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Flutter Course – Build Full Stack Google Docs Clone

F6P0hve2clE | 20 Oct 2022

Flutter Course – Build Full Stack Google Docs Clone

Build a responsive cross-platform Google Docs Clone using Flutter & Node.js. This tutorial is designed for beginners in Node.js and no prior knowledge Javascript is required. This course will go through Google Authentication WITHOUT Firebase, keeping the users logged in, creating new documents, viewing the list of documents created by user, updating the title of the document, sharing link of the document, adding a rich text editor, collaboratively editing with as many users as you want and creating responsive design. We will be using Flutter, Node, Express, Socket, MongoDB and Riverpod. ✏️ Course created by Rivaan Ranawat. Check out his channel: https://www.youtube.com/c/RivaanRanawat 💻 Source Code: https://github.com/RivaanRanawat/flutter-google-docs-clone Special Thanks: @Aadhi Arun Prerequisites: Flutter & Dart Basics Flutter Version: 3.3 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:57) Creating Flutter Project ⌨️ (0:02:56) Designing Login Screen ⌨️ (0:09:24) Google Cloud Platform oAuth Client ID ⌨️ (0:13:00) Google Auth Android Setup ⌨️ (0:15:30) Google Auth iOS Setup ⌨️ (0:17:25) Google Auth Web Setup ⌨️ (0:19:17) Important Note on Auth ⌨️ (0:20:39) Running on Web on specific port ⌨️ (0:21:19) Google Sign In using Node.js ⌨️ (0:32:45) What is Node.js? ⌨️ (0:35:53) Creating & setting up Node Server ⌨️ (0:54:00) MongoDB Setup ⌨️ (1:01:01) Creating Signup API ⌨️ (1:32:16) Calling Signup API - Client Side ⌨️ (2:00:04) Persisting the State - Explanation ⌨️ (2:03:52) Generating JWT ⌨️ (2:07:31) Auth Middleware ⌨️ (2:22:50) Local Storage ⌨️ (2:41:15) Testing on Android ⌨️ (2:42:23) Routing ⌨️ (2:51:28) Creating NavBar ⌨️ (2:53:44) Signing Out ⌨️ (2:59:52) Creating New Document ⌨️ (3:23:32) Displaying all documents created by Me ⌨️ (3:37:57) Designing Document Screen ⌨️ (3:55:39) Updating Document Title ⌨️ (4:10:20) Socket Introduction & Connection ⌨️ (4:29:23) Collaborative Editing ⌨️ (4:49:26) Auto-Save ⌨️ (4:58:01) Routing Back to Main Page ⌨️ (4:59:45) Sharing Link ⌨️ (5:01:42) Conclusion Resources: SHA-1 Key: https://stackoverflow.com/questions/15727912/sha-1-fingerprint-of-keystore-certificate Node Website: http://nodejs.org NPM Website: https://www.npmjs.com MongoDB: http://mongodb.com/ More about Status Codes: https://developer.mozilla.org/en-US/docs/Web/HTTP/Status 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Harvard CS50 – Full Computer Science University Course

8mAITcNt710 | 19 Oct 2022

Harvard CS50 – Full Computer Science University Course

Learn the basics of computer science from Harvard University. This is CS50, an introduction to the intellectual enterprises of computer science and the art of programming. 💻 Slides, source code, and more at https://cs50.harvard.edu/x. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Lecture 0 - Scratch ⌨️ (01:45:08) Lecture 1 - C ⌨️ (04:13:23) Lecture 2 - Arrays ⌨️ (06:20:43) Lecture 3 - Algorithms ⌨️ (08:37:55) Lecture 4 - Memory ⌨️ (11:03:17) Lecture 5 - Data Structures ⌨️ (13:15:36) Lecture 6 - Python ⌨️ (15:39:25) Lecture 7 - SQL ⌨️ (18:00:55) Lecture 8 - HTML, CSS, JavaScript ⌨️ (20:23:38) Lecture 9 - Flask ⌨️ (22:39:01) Lecture 10 - Emoji ⌨️ (24:02:50) Cybersecurity Recorded in 2021. --- HOW TO JOIN CS50 COMMUNITIES Discord: https://discord.gg/cs50 Ed: https://cs50.harvard.edu/x/ed Facebook Group: https://www.facebook.com/groups/cs50/ Faceboook Page: https://www.facebook.com/cs50/ GitHub: https://github.com/cs50 Gitter: https://gitter.im/cs50/x Instagram: https://instagram.com/cs50 LinkedIn Group: https://www.linkedin.com/groups/7437240/ LinkedIn Page: https://www.linkedin.com/school/cs50/ Medium: https://cs50.medium.com/ Quora: https://www.quora.com/topic/CS50 Reddit: https://www.reddit.com/r/cs50/ Slack: https://cs50.edx.org/slack Snapchat: https://www.snapchat.com/add/cs50 SoundCloud: https://soundcloud.com/cs50 Stack Exchange: https://cs50.stackexchange.com/ TikTok: https://www.tiktok.com/@cs50 Twitter: https://twitter.com/cs50 YouTube: https://www.youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN Facebook: https://www.facebook.com/dmalan GitHub: https://github.com/dmalan Instagram: https://www.instagram.com/davidjmalan/ LinkedIn: https://www.linkedin.com/in/malan/ TikTok: https://www.tiktok.com/@davidjmalan Twitter: https://twitter.com/davidjmalan LICENSE CC BY-NC-SA 4.0 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License https://creativecommons.org/licenses/by-nc-sa/4.0/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Svelte – Full Course for Beginners

UGBJHYpHPvA | 17 Oct 2022

Learn Svelte – Full Course for Beginners

Learn Svelte in this full course for beginners! Svelte is a front-end JavaScript framework for making interactive webpages. ✏️ Li Hau Tan developed this course. Li is a core maintainer of Svelte. Check out his channel: https://www.youtube.com/lihautan 💻 Code links in top comment (because of YouTube's description character limit) ⭐️ Course Contents ⭐️ ⌨️ (0:00:23) Introduction ⌨️ (0:00:31) Writing your 1st Svelte component ⌨️ (0:06:25) Style your Svelte component ⌨️ (0:18:48) Adding data to Svelte component ⌨️ (0:23:22) Reactivity in Svelte ⌨️ (0:37:41) Attaching events in Svelte ⌨️ (0:48:07) Reactive Declarations and Statements ⌨️ (1:06:19) tick() ⌨️ (1:19:06) Component and props ⌨️ (1:29:09) Component events ⌨️ (1:44:35) Forwarding component events ⌨️ (1:56:17) class: directive ⌨️ (2:02:31) Binding ⌨️ (2:13:04) bind:group ⌨️ (2:24:18) bind:this ⌨️ (2:35:28) Component Lifecycle ⌨️ (2:45:55) onMount ⌨️ (2:55:27) {#if} block ⌨️ (3:04:38) {#each} block ⌨️ (3:22:46) keyed {#each} block ⌨️ (3:46:33) keyed {#each} visualized ⌨️ (4:06:58) {#await} block ⌨️ (4:27:01) {#key} block ⌨️ (4:40:10) Context ⌨️ (4:56:21) Communicating through Context ⌨️ (5:16:06) Intro to Svelte store ⌨️ (5:29:07) Writable store ⌨️ (5:32:11) Readable store ⌨️ (5:40:25) Svelte store contract ⌨️ (5:53:34) Redux store as Svelte store ⌨️ (6:06:01) Valtio state as Svelte store ⌨️ (6:18:55) XState as Svelte store ⌨️ (6:25:34) DOM events as Svelte store ⌨️ (6:42:50) Immer for immutable Svelte store ⌨️ (7:12:07) derived() Svelte store ⌨️ (7:28:08) tweened() Svelte store ⌨️ (7:54:58) tweened() and spring() ⌨️ (8:15:42) Higher Order Store ⌨️ (8:44:41) RxJS as Svelte store ⌨️ (8:55:39) Reactive class property using stores ⌨️ (9:21:33) Undo / Redo with Svelte store ⌨️ (10:22:02) Reactive Context ⌨️ (10:27:56) 3 tips to manage complex store ⌨️ (10:59:51) get() Svelte store value ⌨️ (11:06:29) Store vs Context ⌨️ (11:24:18) Intro to Svelte action ⌨️ (11:30:16) Dynamic parameter in Svelte action ⌨️ (11:34:08) What if Svelte action does not exists? ⌨️ (11:58:58) Integrating UI library with Svelte action ⌨️ (12:11:27) Reusing event listeners with Svelte action ⌨️ (12:39:10) Creating events with Svelte action ⌨️ (12:50:21) The order of Svelte action ⌨️ (12:56:53) use:clickOutside ⌨️ (13:02:51) use:tooltip ⌨️ (13:37:09) use:viewport ⌨️ (13:49:14) use:popper with Popper ⌨️ (14:09:31) use:lazyImage ⌨️ (14:19:04) Ensemble Actions ⌨️ (14:51:43) slot ⌨️ (15:04:35) Passing data across slot ⌨️ (15:13:48) Slot forwarding ⌨️ (15:30:32) $$slots ⌨️ (15:39:41) Infinite List ⌨️ (16:06:40) Tabs ⌨️ (16:40:46) $$props and $$restProps ⌨️ (17:06:19) Lazy Component ⌨️ (17:40:37) svelte:component ⌨️ (17:49:27) svelte:self ⌨️ (17:55:25) svelte:window ⌨️ (18:03:28) svelte:body ⌨️ (18:07:14) svelte:head ⌨️ (18:16:30) svelte:options ⌨️ (18:45:27) Passing CSS Custom Properties to Component ⌨️ (19:13:10) {@html} ⌨️ (19:35:02) {@debug} ⌨️ (19:40:39) script context="module" ⌨️ (20:00:04) Intro to Svelte transitions ⌨️ (20:03:07) Coordinating transitions ⌨️ (20:06:53) Transition Events ⌨️ (20:10:49) Easing ⌨️ (20:13:56) Accessible transitions ⌨️ (20:23:01) Solid color swipe transition ⌨️ (20:38:04) Flipboard transition ⌨️ (20:54:28) Client-side component API ⌨️ (21:20:03) SSR component API ⌨️ (21:39:57) Svelte compiler API ⌨️ (22:08:14) Svelte preprocess API ⌨️ (22:25:52) Hydrating Svelte component ⌨️ (22:57:06) svelte/register ⌨️ (23:09:31) Conclusion Links: Twitter: https://twitter.com/lihautan YouTube: https://youtube.com/c/lihautan Website: https://lihautan.com/ Supporting https://www.buymeacoffee.com/lihautan --- Svelte https://svelte.dev/ Svelte REPL https://svelte.dev/repl Svelte Discord https://svelte.dev/chat Svelte Twitter https://twitter.com/sveltejs Svelte Society https://sveltesociety.dev/ Svelte Society Twitter https://twitter.com/SvelteSociety 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

3 ways to build a Flight Widget! (JavaScript + Node.js + REST API + Database)

_uSrE-gIdFc | 13 Oct 2022

3 ways to build a Flight Widget! (JavaScript + Node.js + REST API + Database)

Learn how to build an airport flight status widget in 3 different ways. We will start with a JavaScript beginner approach and end with a React application with a mini backend using Node.js to communicate with a database hosted in the cloud. ⭐️ Code ⭐️ 💻 JavaScript: https://github.com/kubowania/flight-widget-vanilla-javascript 💻 JavaScript + Node.js + API: https://github.com/kubowania/javascript-nodejs-api-flight-widget 💻 React + Node.js + Database: https://github.com/kubowania/react-nodejs-database-flight-widget ⭐️ Contents ⭐️ 00:00:00 Introduction 00:01:19 Flight widget in pure JavaScript 00:38:27 Flight widget in JavaScript and Node.js using a REST API 01:23:55 Flight widget in React and Node.js using a Database 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Docker Containers and Kubernetes Fundamentals – Full Hands-On Course

kTp5xUtcalw | 12 Oct 2022

Docker Containers and Kubernetes Fundamentals – Full Hands-On Course

Learn how to use Docker and Kubernetes in this complete hand-on course for beginners. Learn how to containerize applications with the Docker CLI and Visual Studio Code. Push and pull container images on Docker Hub, a container registry, and create multi-container applications using Docker Compose. Learn about the Kubernetes architecture and how it works. Run it locally and use the Kubernetes CLI and Visual Studio Code to run, debug and troubleshoot applications and services. Learn about pods and the different workloads available. 💻 Install Docker Desktop and enable Kubernetes. Download the lab files here: https://github.com/K8sAcademy/Fundamentals-HandsOn ✏️ Course from Guy Barrette, from Kubernetes Academy Online Certified on Kubernetes, Terraform, Azure, AWS, and GCP. Proud to be an Azure MVP and a DigitalOcean Navigator. Consult my bio: https://guybarrette.com 👍🏻 The course is also available here (with a French version): https://kubernetesacademy.online ☕ If you like the course, You can make a small donation to the creator: https://www.buymeacoffee.com/guybarrette 🔍 View other courses from Guy here: https://kubernetesacademy.online 🐦 Guy on Twitter: @GuyBarrette and @K8s_Online ⭐️ Course Contents ⭐️ 🌟 0:00:00 Introduction ⌨️ Course Introduction ⌨️ Course Setup ⭐️ 0:05:02 Introduction to MicroServices ⌨️ Microservices Concepts ⌨️ Microservices Anti Patterns ⌨️ Microservices Advantages and Drawbacks ⭐️ 0:13:56 Welcome to Cloud Native! ⌨️ What are Cloud Native and the Cloud Native Foundation ⌨️ Cloud Native Concepts ⌨️ Cloud Native Hands-On ⭐️ 0:23:01 Introduction to Containers ⌨️ Container Concepts ⌨️ What is Docker? ⌨️ Docker Hands-On ⌨️ Basic Commands ⌨️ Basic Commands Hands-On ⌨️ Running Containers ⌨️ Running Containers Hands-On ⌨️ Building Containers ⌨️ Building Containers Hands-On ⭐️ 0:54:41 Visual Studio Code ⌨️ The Docker Extension ⌨️ The Docker Extension Hands-On ⭐️ 1:07:03 Persisting Data ⌨️ Containers are Ephemerous and Stateless ⌨️ Docker Volumes Concepts ⌨️ Using Docker Volumes Hands-On ⭐️ 1:17:03 Docker Compose ⌨️ Understanding the YAML File Structure ⌨️ Docker Compose Concepts ⌨️ Using Docker Compose ⌨️ Using Docker Compose Hands-On ⌨️ Docker Compose Sample App Hands-on ⌨️ Docker Compose Features ⭐️ 1:47:18 Container Registries ⌨️ Container Registries Concepts ⌨️ Push/Pull Images from Docker Hub ⌨️ Push/Pull Images from Docker Hub Hands-On ⭐️ 1:56:58 Kubernetes Concepts ⌨️ Kubernetes Concepts ⌨️ How to Run Kubernetes Locally ⌨️ How to Run Kubernetes Locally Hands-On ⌨️ Kubernetes API ⌨️ Using Kubectl Hands-On ⌨️ The Declarative Way vs the Imperative Way ⌨️The Declarative Way vs the Imperative Way Hands-On ⭐️ 2:20:38 Namespaces ⌨️ Namespaces Concepts ⌨️ Namespaces Hands-On ⭐️ 2:28:47 Nodes ⌨️ Master Node Concepts ⌨️ Worker Nodes Concepts ⌨️ Nodes Hands-On ⭐️ 2:38:36 Pods ⌨️ Pod Concepts ⌨️ The Pod Lifecycle ⌨️ Defining and Running Pods ⌨️ Pod Hands-On ⌨️ Init Containers ⌨️ Init Containers Hands-On ⭐️ 3:01:00 Selectors ⌨️ Selector Concepts ⌨️ Selector Hands-On ⭐️ 3:07:51 Multi Container Pods ⌨️ Common Patterns for Running More then One Container in a Pod ⌨️ Multi Container Pods Networking Concepts ⌨️ Multi Containers Pods Hands-On ⭐️ 3:19:45 Workloads ⌨️ Introduction to Workloads ⌨️ ReplicaSet Concepts ⌨️ ReplicaSet Hands-On ⌨️ Deployment Concepts ⌨️ Deployment Hands-On ⌨️ DaemonSet Concepts ⌨️ DaemonSet Hands-On ⌨️ StatefulSet Concepts ⌨️ StatefulSet Hands-On ⌨️ Job Concepts ⌨️ Job Hands-On ⌨️ CronJob Concepts ⌨️ CronJob Hands-On ⭐️ 4:05:15 Updates ⌨️ Rolling Updates Concepts ⌨️ Rolling Updates Hands-On ⌨️ Blue-Green Deployments ⌨️ Blue-Green Deployments Hands-On ⭐️ 4:21:13 Services ⌨️ What are services? ⌨️ ClusterIP Concepts ⌨️ ClusterIP Hands-On ⌨️ NodePort Concepts ⌨️ NodePort Hands-On ⌨️ Load Balancer Concepts ⌨️ Load Balancer on Docker Desktop Hands-On ⭐️ 4:44:03 Storage & Persistence ⌨️ Storage & Persistence Concepts ⌨️ The Static Way ⌨️ The Static Way Hands-On ⌨️ The Dynamic Way ⭐️ 5:03:48 Application Settings ⌨️ ConfigMaps Concepts ⌨️ ConfigMaps Hands-On ⌨️ Secrets Concepts ⌨️ Secrets Hands-On ⭐️ 5:22:24 Observalibilty ⌨️ Startup, Readiness and Liveness Probes Concepts ⌨️ Probes Hands-On ⭐️ 5:30:46 Dashboards ⌨️ Dashboards Options ⌨️ Lens Hands-On ⌨️ K9s Hands-On ⭐️ 5:47:36 Scaling ⌨️ Auto Scaling Pods using the Horizontal Pod Autoscaler ⌨️ Auto Scaling Pods Hands-On ⭐️ 5:55:22 Conclusion ⌨️ Course 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: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Build a Webshop – Angular, Node.js, TypeScript, Stripe

Kbauf9IgsC4 | 11 Oct 2022

Build a Webshop – Angular, Node.js, TypeScript, Stripe

Build a Webshop! In this tutorial, we are going to build a webshop or e-commerce store using Angular/TypeScript, Express.js, and Stripe. We are gonna learn how to use Angular material and Tailwind to structure our UI and how to integrate store API into our app. Also at the end, we will build a checkout, and we are gonna integrate Stripe so that we can process payments. ✏️ Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/c/CodewithSloba ⭐️ Resources ⭐️ Code: https://github.com/bobangajicsm/E-Commerce-Store Fake store API: https://fakestoreapi.com/ Stripe: https://stripe.com/ Prebuilt checkout page: https://stripe.com/docs/checkout/quickstart Stripe Shipping Code: https://stripe.com/docs/payments/checkout/shipping ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:01) Installing dependencies and project setup ⌨️ (0:18:11) Building home page ⌨️ (1:27:11) Building cart page ⌨️ (1:58:26) Implementing Cart logic ⌨️ (2:48:08) Implementing Store API ⌨️ (3:16:06) Stripe payment implementation 🎉 Thanks to our Champion and Sponsor supporters: 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Erdeniz Unvan 👾 Justin Hual 👾 Agustín Kussrow 👾 Otis Morgan -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

PyTorch for Deep Learning & Machine Learning – Full Course

V_xro1bcAuA | 06 Oct 2022

PyTorch for Deep Learning & Machine Learning – Full Course

Learn PyTorch for deep learning in this comprehensive course for beginners. PyTorch is a machine learning framework written in Python. ✏️ Daniel Bourke developed this course. Check out his channel: https://www.youtube.com/channel/UCr8O8l5cCX85Oem1d18EezQ 🔗 Code: https://github.com/mrdbourke/pytorch-deep-learning 🔗 Ask a question: https://github.com/mrdbourke/pytorch-deep-learning/discussions 🔗 Course materials online: https://learnpytorch.io 🔗 Full course on Zero to Mastery (20+ hours more video): https://dbourke.link/ZTMPyTorch Some sections below have been left out because of the YouTube limit for timestamps. 0:00:00 Introduction 🛠 Chapter 0 – PyTorch Fundamentals 0:01:45 0. Welcome and "what is deep learning?" 0:07:41 1. Why use machine/deep learning? 0:11:15 2. The number one rule of ML 0:16:55 3. Machine learning vs deep learning 0:23:02 4. Anatomy of neural networks 0:32:24 5. Different learning paradigms 0:36:56 6. What can deep learning be used for? 0:43:18 7. What is/why PyTorch? 0:53:33 8. What are tensors? 0:57:52 9. Outline 1:03:56 10. How to (and how not to) approach this course 1:09:05 11. Important resources 1:14:28 12. Getting setup 1:22:08 13. Introduction to tensors 1:35:35 14. Creating tensors 1:54:01 17. Tensor datatypes 2:03:26 18. Tensor attributes (information about tensors) 2:11:50 19. Manipulating tensors 2:17:50 20. Matrix multiplication 2:48:18 23. Finding the min, max, mean & sum 2:57:48 25. Reshaping, viewing and stacking 3:11:31 26. Squeezing, unsqueezing and permuting 3:23:28 27. Selecting data (indexing) 3:33:01 28. PyTorch and NumPy 3:42:10 29. Reproducibility 3:52:58 30. Accessing a GPU 4:04:49 31. Setting up device agnostic code 🗺 Chapter 1 – PyTorch Workflow 4:17:27 33. Introduction to PyTorch Workflow 4:20:14 34. Getting setup 4:27:30 35. Creating a dataset with linear regression 4:37:12 36. Creating training and test sets (the most important concept in ML) 4:53:18 38. Creating our first PyTorch model 5:13:41 40. Discussing important model building classes 5:20:09 41. Checking out the internals of our model 5:30:01 42. Making predictions with our model 5:41:15 43. Training a model with PyTorch (intuition building) 5:49:31 44. Setting up a loss function and optimizer 6:02:24 45. PyTorch training loop intuition 6:40:05 48. Running our training loop epoch by epoch 6:49:31 49. Writing testing loop code 7:15:53 51. Saving/loading a model 7:44:28 54. Putting everything together 🤨 Chapter 2 – Neural Network Classification 8:32:00 60. Introduction to machine learning classification 8:41:42 61. Classification input and outputs 8:50:50 62. Architecture of a classification neural network 9:09:41 64. Turing our data into tensors 9:25:58 66. Coding a neural network for classification data 9:43:55 68. Using torch.nn.Sequential 9:57:13 69. Loss, optimizer and evaluation functions for classification 10:12:05 70. From model logits to prediction probabilities to prediction labels 10:28:13 71. Train and test loops 10:57:55 73. Discussing options to improve a model 11:27:52 76. Creating a straight line dataset 11:46:02 78. Evaluating our model's predictions 11:51:26 79. The missing piece – non-linearity 12:42:32 84. Putting it all together with a multiclass problem 13:24:09 88. Troubleshooting a mutli-class model 😎 Chapter 3 – Computer Vision 14:00:48 92. Introduction to computer vision 14:12:36 93. Computer vision input and outputs 14:22:46 94. What is a convolutional neural network? 14:27:49 95. TorchVision 14:37:10 96. Getting a computer vision dataset 15:01:34 98. Mini-batches 15:08:52 99. Creating DataLoaders 15:52:01 103. Training and testing loops for batched data 16:26:27 105. Running experiments on the GPU 16:30:14 106. Creating a model with non-linear functions 16:42:23 108. Creating a train/test loop 17:13:32 112. Convolutional neural networks (overview) 17:21:57 113. Coding a CNN 17:41:46 114. Breaking down nn.Conv2d/nn.MaxPool2d 18:29:02 118. Training our first CNN 18:44:22 120. Making predictions on random test samples 18:56:01 121. Plotting our best model predictions 19:19:34 123. Evaluating model predictions with a confusion matrix 🗃 Chapter 4 – Custom Datasets 19:44:05 126. Introduction to custom datasets 19:59:54 128. Downloading a custom dataset of pizza, steak and sushi images 20:13:59 129. Becoming one with the data 20:39:11 132. Turning images into tensors 21:16:16 136. Creating image DataLoaders 21:25:20 137. Creating a custom dataset class (overview) 21:42:29 139. Writing a custom dataset class from scratch 22:21:50 142. Turning custom datasets into DataLoaders 22:28:50 143. Data augmentation 22:43:14 144. Building a baseline model 23:11:07 147. Getting a summary of our model with torchinfo 23:17:46 148. Creating training and testing loop functions 23:50:59 151. Plotting model 0 loss curves 24:00:02 152. Overfitting and underfitting 24:32:31 155. Plotting model 1 loss curves 24:35:53 156. Plotting all the loss curves 24:46:50 157. Predicting on custom data

Stack Data Structure Tutorial – Solve Coding Challenges

O1KeXo8lE8A | 05 Oct 2022

Stack Data Structure Tutorial – Solve Coding Challenges

Questions on the stack data structure are very common in technical interviews. Learn how to master the data structure, starting from the easiest problems on LeetCode and InterviewBit and slowly building up intuitions so that the hard problems seem easy. All the questions are popular interview questions from Google, Meta, Microsoft and more! ✏️ Tanishq Chaudhary developed this course. Check out his channel: https://www.youtube.com/c/TanishqChaudhary1337 ⭐️ Course Conetents ⭐️ SECTION 0 – Introduction ⌨️ (0:00:00) Introduction to the course on the Stack data structure ⌨️ (0:00:31) Stack implementation intuitions + Code in Python3 and C++ ⌨️ (0:06:23) Simplify Path | InterviewBit | LeetCode ⌨️ (0:19:01) Min Stack | InterviewBit | LeetCode SECTION 1 – Parentheses ⌨️ (0:30:04) Introduction to Parentheses questions ⌨️ (0:40:24) Valid Parentheses | InterviewBit | LeetCode ⌨️ (0:52:27) Redundant Braces | InterviewBit ⌨️ (1:02:08) Minimum Remove to Make Valid Parentheses | LeetCode ⌨️ (1:12:58) Longest Valid Parentheses | LeetCode SECTION 2 – Calculator ⌨️ (1:17:42) Introduction to Calculator questions ⌨️ (1:22:51) Convert Infix to Postfix ⌨️ (1:40:15) Evaluate Reverse Polish Notation| InterviewBit | LeetCode ⌨️ (1:47:18) Basic Calculator I, II, III | LeetCode 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Python by Thinking in Types - Full Course

jH85McHenvw | 04 Oct 2022

Learn Python by Thinking in Types - Full Course

Learn Python by thinking in types. The beginner's course focuses on basic programming concepts rather than just teaching the language syntax. It's always helpful to learn from many different perspectives and this course may be just what you need to understand Python. People often confuse learning language syntax with learning programming. This course will guide you through the basic principles needed to learn Python in an efficient manner. ✏️ Octallium developed this course. Check out his channel: https://www.youtube.com/channel/UCd0MaWAxZklFtCyNPEpSl0w 💻 Code and Resources: https://github.com/octallium/modern-python-101 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:47) Welcome & Github Links ⌨️ (0:03:56) Tour of Python ⌨️ (0:05:13) Installation & Setting up Local Machine ⌨️ (0:09:51) Troubleshooting Installation (Mac) ⌨️ (0:13:30) Hello World ⌨️ (0:17:32) Understanding Variables ⌨️ (0:19:22) Creating Variables ⌨️ (0:24:05) Memory Allocation ⌨️ (0:26:29) Variable Declaration Rules ⌨️ (0:30:03) Primitive Data Types ⌨️ (0:35:41) String Formatting ⌨️ (0:39:56) First Bug ⌨️ (0:46:18) Practise String Formatting ⌨️ (0:55:44) If/Else ⌨️ (1:03:41) And/Or ⌨️ (1:15:14) For Loops ⌨️ (1:17:31) While Loops ⌨️ (1:30:05) Match Operator ⌨️ (1:35:48) Game - Save Zortan ⌨️ (1:59:55) Lists ⌨️ (2:13:39) Tuples ⌨️ (2:20:51) Dictionary ⌨️ (2:38:15) Set ⌨️ (2:45:56) Game - Save Zortan ⌨️ (3:04:49) Enum ⌨️ (3:09:29) Introduction to Functions ⌨️ (3:14:07) Better Functions ⌨️ (3:19:14) Weight ⌨️ (3:21:36) Fly ⌨️ (3:31:07) Args & Kwargs ⌨️ (3:43:23) Global & Local Scope ⌨️ (3:50:20) Game - Save Zortan ⌨️ (4:11:02) Higher Order Functions (HOF) ⌨️ (4:45:47) Object Oriented Programming (OOP) ⌨️ (4:57:07) Classes vs Instances ⌨️ (5:03:13) Methods ⌨️ (5:08:11) Character Class ⌨️ (5:14:46) Use of Classes ⌨️ (5:16:38) Members ⌨️ (5:22:42) Inheritance & Polymorphism ⌨️ (5:39:19) Decorators ⌨️ (6:12:01) Game - Save Zortan ⌨️ (6:28:58) Magic Methods ⌨️ (6:51:06) Error Handling ⌨️ (6:54:54) Try/Except ⌨️ (7:01:15) Try/Except/Else/Finally ⌨️ (7:05:01) Assertion Errors ⌨️ (7:08:05) Raising Errors ⌨️ (7:10:29) Understanding Modules ⌨️ (7:16:44) Packages ⌨️ (7:20:34) Local Package Imports ⌨️ (7:23:05) __init__.py ⌨️ (7:24:53) VOC-DTP ⌨️ (7:36:06) Cash Register - Part 1 ⌨️ (8:04:55) Cash Register - Part 2 ⌨️ (8:26:18) Game - Save Zortan ⌨️ (9:12:30) Final Words

Ecommerce Website Tutorial – Create a B2B App with Stripe + Postgres + REST API Backend

WbMUHSL2xpY | 29 Sep 2022

Ecommerce Website Tutorial – Create a B2B App with Stripe + Postgres + REST API Backend

Learn how to create three SaaS internal business tools with Postgres, Stripe API, and the Retool low-code platform. You will build an order management dashboard, an employee dashboard, and a developer portal. You will use the Retool platform to build the business tools. Retool is a drag-and-drop no-code editor with many of pre-built components to build internal CRUD (create, read, update, delete) apps as fast as possible. ✏️ Ania Kubów developed this course. Check out her channel: https://www.youtube.com/aniakubow Code: https://github.com/kubowania/mobee-psql-data 🏗 Retool provided a grant to make this course possible. Learn more about Retool: https://retool.com ⭐️ Contents ⭐️ ⌨️ (00:03:40) The Employee App ⌨️ (01:06:20) The Manager/Admin App ⌨️ (01:43:12) The Developer App 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

7BHs1BzA4fs | 28 Sep 2022

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Let's explore an alien planet and learn all the techniques you need to make your own 2D games with vanilla JavaScript, HTML5, CSS3 and HTML Canvas. From sprite animation to parallax backgrounds, today we will build a game completely from scratch, with no frameworks and no libraries, using just HTML, CSS and plain vanilla JavaScript. Have fun! ✏️ Course by Frank's Laboratory. https://www.youtube.com/c/Frankslaboratory 🎨 Download Project Art assets 🎨 ** All art assets for this class were made by Frank or by artists he hired, there is NO copyright, you can download and use these freely for any project you want! Player: https://www.frankslaboratory.co.uk/downloads/103/player.png Projectile: https://www.frankslaboratory.co.uk/downloads/103/projectile.png Particle gears: https://www.frankslaboratory.co.uk/downloads/103/gears.png ⚙️ Backgrounds: Layer 1: https://www.frankslaboratory.co.uk/downloads/103/layer1.png Layer 2: https://www.frankslaboratory.co.uk/downloads/103/layer2.png Layer 3: https://www.frankslaboratory.co.uk/downloads/103/layer3.png Layer 4: https://www.frankslaboratory.co.uk/downloads/103/layer4.png 🐟 Enemies: Angler 1: https://www.frankslaboratory.co.uk/downloads/103/angler1.png Angler 2: https://www.frankslaboratory.co.uk/downloads/103/angler2.png Lucky Fish: https://www.frankslaboratory.co.uk/downloads/103/lucky.png Hive Whale: https://www.frankslaboratory.co.uk/downloads/103/hivewhale.png Drone: https://www.frankslaboratory.co.uk/downloads/103/drone.png ☁️ Collision Animations: Smoke: https://www.frankslaboratory.co.uk/downloads/103/smokeExplosion.png Fire: https://www.frankslaboratory.co.uk/downloads/103/fireExplosion.png 🐟EXTENDED class with BONUS lessons and more free sprite sheets: 4 new enemies, sound design, animated shield, animated projectiles and more https://www.udemy.com/course/learn-game-development-with-javascript/?referralCode=69874A38D543D7F510F2 ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:07) HTML & CSS setup ⌨️ (0:02:40) Basic JavaScript setup ⌨️ (0:04:59) Object Oriented programming with JavaScript ⌨️ (0:07:25) Creating Player and Game objects ⌨️ (0:13:18) Animation loop ⌨️ (0:16:36) Keyboard inputs ⌨️ (0:26:15) Creating projectiles ⌨️ (0:33:22) Periodic events ⌨️ (0:38:30) Drawing game UI ⌨️ (0:41:20) Base enemy class ⌨️ (0:49:19) Collision detection between rectangles ⌨️ (0:54:36) Drawing game score ⌨️ (0:57:49) Win and lose condition ⌨️ (0:59:52) Counting game time ⌨️ (1:03:07) Animated parallax backgrounds ⌨️ (1:13:20) Sprite animation with JavaScript ⌨️ (1:17:02) Creating a debug mode ⌨️ (1:18:38) Animating enemy sprite sheets ⌨️ (1:25:15) Night Angler enemy class ⌨️ (1:27:39) Lucky Fish enemy class ⌨️ (1:29:02) Collecting power ups ⌨️ (1:36:51) Drawing projectiles as images ⌨️ (1:38:01) Custom fonts and game text ⌨️ (1:40:43) Cleaning up ⌨️ (1:42:51) Particle effects and physics ⌨️ (1:55:03) Particle rotation ⌨️ (1:58:47) Tweaks and fixes ⌨️ (2:01:46) Hive Whale enemy class ⌨️ (2:04:46) Drone enemy class ⌨️ (2:09:30) Dust effect animation ⌨️ (2:24:36) Fire effect animation ⌨️ (2:26:03) Tuning game difficulty ⌨️ (2:29:26) What to do next?

Java Programming for Beginners – Full Course

A74TOX803D0 | 27 Sep 2022

Java Programming for Beginners – Full Course

Learn the Java programming language in this complete beginner's course. You will learn all the main features of Java (version 17) and how to use Java for your own projects. And you can follow along with the entire course from within your web browser. ✏️ Farhan Hasin Chowdhury created this course. 🔗 Sign up for Replit: https://join.replit.com/java-students 🏗 Replit provided a grant that make this course possible. 🔗 https://www.freecodecamp.org/news/how-to-use-arrays-binarysearch-in-java/ 🔗 https://www.freecodecamp.org/news/programming-naming-conventions-explained/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Hello World ⌨️ (0:06:39) Variables ⌨️ (0:13:12) Data Types ⌨️ (0:20:27) Operators ⌨️ (0:47:33) Strings ⌨️ (1:16:42) User Inputs ⌨️ (1:35:13) Conditional Statements ⌨️ (1:46:38) Switch Cases ⌨️ (1:55:59) Arrays ⌨️ (2:27:45) For Loops ⌨️ (2:47:22) While Loops ⌨️ (2:50:20) Do...While Loops ⌨️ (2:52:02) ArrayLists ⌨️ (3:12:25) HashMaps ⌨️ (3:28:38) Object Oriented Programming 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Machine Learning for Everybody – Full Course

i_LwzRVP7bg | 26 Sep 2022

Machine Learning for Everybody – Full Course

Learn Machine Learning in a way that is accessible to absolute beginners. You will learn the basics of Machine Learning and how to use TensorFlow to implement many different concepts. ✏️ Kylie Ying developed this course. Check out her channel: https://www.youtube.com/c/YCubed ⭐️ Code and Resources ⭐️ 🔗 Supervised learning (classification/MAGIC): https://colab.research.google.com/drive/16w3TDn_tAku17mum98EWTmjaLHAJcsk0?usp=sharing 🔗 Supervised learning (regression/bikes): https://colab.research.google.com/drive/1m3oQ9b0oYOT-DXEy0JCdgWPLGllHMb4V?usp=sharing 🔗 Unsupervised learning (seeds): https://colab.research.google.com/drive/1zw_6ZnFPCCh6mWDAd_VBMZB4VkC3ys2q?usp=sharing 🔗 Dataets (add a note that for the bikes dataset, they may have to open the downloaded csv file and remove special characters) 🔗 MAGIC dataset: https://archive.ics.uci.edu/ml/datasets/MAGIC+Gamma+Telescope 🔗 Bikes dataset: https://archive.ics.uci.edu/ml/datasets/Seoul+Bike+Sharing+Demand 🔗 Seeds/wheat dataset: https://archive.ics.uci.edu/ml/datasets/seeds 🏗 Google provided a grant to make this course possible. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:58) Data/Colab Intro ⌨️ (0:08:45) Intro to Machine Learning ⌨️ (0:12:26) Features ⌨️ (0:17:23) Classification/Regression ⌨️ (0:19:57) Training Model ⌨️ (0:30:57) Preparing Data ⌨️ (0:44:43) K-Nearest Neighbors ⌨️ (0:52:42) KNN Implementation ⌨️ (1:08:43) Naive Bayes ⌨️ (1:17:30) Naive Bayes Implementation ⌨️ (1:19:22) Logistic Regression ⌨️ (1:27:56) Log Regression Implementation ⌨️ (1:29:13) Support Vector Machine ⌨️ (1:37:54) SVM Implementation ⌨️ (1:39:44) Neural Networks ⌨️ (1:47:57) Tensorflow ⌨️ (1:49:50) Classification NN using Tensorflow ⌨️ (2:10:12) Linear Regression ⌨️ (2:34:54) Lin Regression Implementation ⌨️ (2:57:44) Lin Regression using a Neuron ⌨️ (3:00:15) Regression NN using Tensorflow ⌨️ (3:13:13) K-Means Clustering ⌨️ (3:23:46) Principal Component Analysis ⌨️ (3:33:54) K-Means and PCA Implementations 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Algorithms in Python – Full Course for Beginners

fW_OS3LGB9Q | 22 Sep 2022

Algorithms in Python – Full Course for Beginners

In this Introduction to Algorithms in Python course, you'll learn about algorithm basics like recursion and then go all the way to working with concepts like dynamic programming. The 5 main course segments include simple recursive algorithms, data structures, divide & conquer, greedy algorithms, and dynamic programming. ✏️ Joy Brock developed this course in collaboration with realtoughcandy.io. Check out Joy's channel: https://www.youtube.com/c/PythonLearningChannel 🍬 Sign up for the RealToughCandy newsletter and get a free ebook plus coding challenges, exclusive promo codes and more delivered directly to your inbox. ➡️ https://realtoughcandy.com/newsletter-and-free-ebook/ ⭐️ Code Samples ⭐️ 🔗 https://github.com/joyb0218/intro_to_algorithms/blob/main/1_recursive_algorithms 🔗 https://github.com/joyb0218/intro_to_algorithms/blob/main/2_data_structures 🔗 https://github.com/joyb0218/intro_to_algorithms/blob/main/3_divide_conquer 🔗 https://github.com/joyb0218/intro_to_algorithms/blob/main/4_greedy_algorithms 🔗 https://github.com/joyb0218/intro_to_algorithms/blob/main/5_dynamic_programming ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro & course overview ⌨️ (0:07:07) Factorials refresher ⌨️ (0:10:04) CODING CHALLENGE: Factorial program using iteration, recursion ⌨️ (0:14:57) What is a permutation? ⌨️ (0:16:34) CODING CHALLENGE: Recursive permutation ⌨️ (0:20:13) Iterative permutation example ⌨️ (0:22:17) 8/N queens problem: theory & explanation ⌨️ (0:23:57) Real world example of permutations ⌨️ (0:24:49) Lesson recap ⌨️ (0:26:11) What are data structures? ⌨️ (0:27:53) What is a one-dimensional array? ⌨️ (0:29:01) Search & sort ⌨️ (0:30:39) CODING CHALLENGE: Linear search ⌨️ (0:31:00) Binary search ⌨️ (0:32:06) CODING CHALLENGE: Iterative binary search ⌨️ (0:33:31) Coding a recursive binary search ⌨️ (0:34:47) Bubble sort ⌨️ (0:36:42) CODING CHALLENGE: Bubble sort ⌨️ (0:38:02) Insertion sort ⌨️ (0:39:24) CODING CHALLENGE: Insertion sort ⌨️ (0:40:36) Linked lists ⌨️ (0:44:01) CODING CHALLENGE: Linked list (traverse, search, add, delete, header, nodes, tail) ⌨️ (0:52:12) Hash tables ⌨️ (0:56:27) Lesson recap ⌨️ (0:57:42) Divide & conquer algorithm paradigm: uses, benefits and more ⌨️ (1:00:43) Merge sort ⌨️ (1:02:48) CODING CHALLENGE: An efficient merge sort ⌨️ (1:05:48) Getting judged mercilessly on LeetCode ⌨️ (1:06:47) Getting Python to do the work for us with sorted() ⌨️ (1:07:33) Matrix multiplication ⌨️ (1:10:06) CODING CHALLENGE: Matrix multiplication ⌨️ (1:11:20) Strassen algorithm ⌨️ (1:14:45) CODING CHALLENGE: Strassen algorithm ⌨️ (1:16:27) Lesson recap ⌨️ (1:17:21) What is a greedy algorithm? ⌨️ (1:19:20) Assign mice to holes conceptual overview ⌨️ (1:21:45) CODING CHALLENGE: Assign mice to holes ⌨️ (1:23:10) Fractional knapsack ⌨️ (1:23:36) Understanding the fractional knapsack problem with a (light-hearted) dystopian apocalypse example ⌨️ (1:25:54) Coding challenge prep ⌨️ (1:27:13) CODING CHALLENGE: Fractional knapsack ⌨️ (1:31:49) Egyptians fractions ⌨️ (1:34:03) CODING CHALLENGE: Egyptian fractions ⌨️ (1:37:06) Lesson recap ⌨️ (1:38:15) What is dynamic programming (also called DP)? ⌨️ (1:41:55) What is the principle of optimality? ⌨️ (1:42:20) The 3-step process to solving a problem with optimal substructure ⌨️ (1:43:55) Introduction to “ugly numbers” ⌨️ (1:47:19) CODING CHALLENGE: Ugly numbers ⌨️ (1:51:41) Traveling salesman problem (TSP) ⌨️ (1:55:49) CODING CHALLENGE: Traveling salesman problem ⌨️ (1:59:52) Palindromic matrix paths ⌨️ (2:03:11) CODING CHALLENGE: Palindromic matrix paths ⌨️ (2:08:37) Lesson recap ⌨️ (2:10:03) Course wrap up (and the importance of coding every day) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Web3 Course Walkthrough on freeCodeCamp.org (Rust, Blockchain Development, and Smart Contracts)

hDfkyF8U-pw | 21 Sep 2022

Web3 Course Walkthrough on freeCodeCamp.org (Rust, Blockchain Development, and Smart Contracts)

We just released the beta version of our new Web3 curriculum on freeCodeCamp.org. In this video, freeCodeCamp software engineers Tom and Shaun will walk you through some of the new Web3 curriculum projects. 🔗 Learn more: https://www.freecodecamp.org/news/web3-curriculum-open-beta/ 🔗 Access the Web3 curriculum: https://web3.freecodecamp.org/web3

Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial

qpOZup_3P_A | 20 Sep 2022

Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial

Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useState, useEffect, useRef, custom Hooks for State management, and more. And you will be able to apply the principles to create other 3d games in JavaScirpt. ✏️ Course created by Daniel Bark. Check out his channel: https://www.youtube.com/c/barelycoding 💻 Finished Code: https://github.com/danba340/minecraft-freecodecamp 💻 Starting Code: https://github.com/danba340/minecraft-freecodecamp/tree/start 💻 Demo: https://minecraft-freecodecamp.vercel.app ⭐️ Contents ⭐️ ⌨️ (0:00:00) Boilerplate ⌨️ (0:03:56) Sky ⌨️ (0:05:46) Textures ⌨️ (0:07:48) Ground ⌨️ (0:15:11) Player ⌨️ (0:25:43) Keyboard input ⌨️ (0:32:03) Movement ⌨️ (0:41:26) First person camera ⌨️ (0:46:25) State management ⌨️ (0:49:55) Cube component ⌨️ (0:58:02) Add/Remove Cubes ⌨️ (1:09:34) Texture Selector ⌨️ (1:21:34) Save world ⌨️ (1:27:31) Hover cubes ⌨️ (1:30:28) Outro -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Jenkins Tutorial – How to Deploy a Test Server with Docker + Linux (Full Course)

f4idgaq2VqA | 16 Sep 2022

Jenkins Tutorial – How to Deploy a Test Server with Docker + Linux (Full Course)

Learn about Jenkins by building a CI/CD pipeline for a web application. Jenkins is an open source automation server which makes it easier to build, test, and deploy software. In this course, you will learn how to build a full dev-ops pipeline using Jenkins, Linode Servers, and other tools. 🔗 Course Readme: https://github.com/gwenf/jenkins-fcc-readme 🔗 Sign up for Linode with a $100 credit: https://www.linode.com/students ✏️ Gwendolyn Faraday developed this course. Check out her channel: https://www.youtube.com/c/FaradayAcademy 🏗 Linode provided a grant that made this course possible. ⭐️ Contents ⭐️ ⌨️ (00:00:00) Video Intro ⌨️ (00:01:33) Course Overview ⌨️ (00:02:36) What is Jenkins? ⌨️ (00:08:47) Terms & Definitions ⌨️ (00:11:58) Project Architecture ⌨️ (00:13:28) Linode Intro ⌨️ (00:20:18) Setting Up Jenkins ⌨️ (00:24:11) Tour of Jenkins Interface ⌨️ (00:30:33) Installing Plugins ⌨️ (00:33:39) Blue Ocean ⌨️ (00:34:55) Creating a Pipeline ⌨️ (00:42:37) Installing Git ⌨️ (00:45:15) Jenkinsfile ⌨️ (00:46:27) Updating a Pipeline ⌨️ (00:52:05) Jenkins with nom ⌨️ (00:56:36) Docker & Dockerhub ⌨️ (01:02:14) Closing Remarks 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Learn HTML & CSS – Full Course for Beginners

a_iQb1lnAEQ | 14 Sep 2022

Learn HTML & CSS – Full Course for Beginners

Learn HTML and CSS from scratch by building 6 projects and solving 80+ coding challenges. Go here for the interactive browser-version: https://scrimba.com/links/htmlandcss ⭐️ Code ⭐️ Two versions: 🔗 Interactive version: https://scrimba.com/links/htmlandcss 🔗 GitHub repo: https://github.com/scrimba/learn-html-and-css ✏️ This course was created by Per Harald Borgen, the co-founder and CEO of Scrimba. You can follow Per on Twitter here: https://twitter.com/perborgen 🛠 Tools used in the course: 🔗 Netlify: https://www.netlify.com/ 🔗 VS Code: https://code.visualstudio.com/ 🔗 GitHub Desktop: https://desktop.github.com/ 🔗 Figma: https://www.figma.com/ 🔗 Coolors: https://coolors.co/ 🔗 Google Fonts: https://fonts.google.com/ 🔗 1001 Fonts: https://www.1001fonts.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:37) Welcome to the HTML & CSS Course ⌨️ (0:04:28) HTML Tags ⌨️ (0:08:03) Write a news article ⌨️ (0:10:22) The image tag ⌨️ (0:15:43) Nesting ⌨️ (0:18:45) Internet superpowers - Change the BBC news! ⌨️ (0:24:07) Interactive elements - Button ⌨️ (0:26:19) Interactive elements - input tags -- Experiment with input types 100% ⌨️ (0:31:40) Let’s build Google! ⌨️ (0:35:47) Aside - Anchor tags ⌨️ (0:40:42) Add an anchor tag to Google.com ⌨️ (0:42:28) Proper document structure ⌨️ (0:48:38) Aside: Lists ⌨️ (0:52:53) Build a personal Website ⌨️ (1:02:18) Deploy your Personal Website ⌨️ (1:05:46) HTML Recap Build a Google.com clone ⌨️ (1:07:29) Let’s learn CSS! ⌨️ (1:08:19) Write your first lines of CSS! ⌨️ (1:12:54) Write your first lines of CSS! Solution ⌨️ (1:16:45) Let’s destroy wikipedia - recording ⌨️ (1:18:51) Link to the CSS file ⌨️ (1:21:41) Set the width of the elements ⌨️ (1:23:59) Inline vs block elements ⌨️ (1:26:26) Margin top ⌨️ (1:27:48) Divs rule the world ⌨️ (1:30:01) CSS classes ⌨️ (1:34:15) Aside - Learn margins via flags ⌨️ (1:40:37) Add space between our elements ⌨️ (1:41:50) Aside - Centering with margins ⌨️ (1:45:31) Centering our content ⌨️ (1:47:00) Aside - padding ⌨️ (1:52:43) Aside - Border and border-radius ⌨️ (1:58:15) Aside challenge - style Twitter button ⌨️ (2:03:39) Fix the input field ⌨️ (2:08:46) Center the button ⌨️ (2:11:15) Style the button ⌨️ (2:16:05) Why we can’t have two block-level buttons ⌨️ (2:20:53) Aside - Flexbox ⌨️ (2:24:51) Centering both buttons with flexbox ⌨️ (2:28:00) Google clone recap Build a Digital Business Card ⌨️ (2:30:15) Building your digital business card ⌨️ (2:30:50) Fix the image path ⌨️ (2:33:58) Add alt attribute ⌨️ (2:38:45)2 Make image smaller ⌨️ (2:40:06) Add a border and padding ⌨️ (2:44:12) Aside - flexbox child containers ⌨️ (2:48:09) Flex item containers ⌨️ (2:49:56) Add a utility class ⌨️ (2:53:22) Justify the items ⌨️ (2:55:41) Center the card ⌨️ (2:57:48) Aside - inheritance ⌨️ (3:02:24) Center the text via inheritance ⌨️ (3:05:38) Add colors ⌨️ (3:09:17) Web-safe fonts ⌨️ (3:14:48) Aside - margin/padding shorthand ⌨️ (3:19:09) Use the margin & padding shorthands ⌨️ (3:20:30) Deploy your Digital Business Card ⌨️ (3:25:41) Business Card Recap Build a Space Exploration Site ⌨️ (3:27:50) Let’s go to space ⌨️ (3:28:30) Add a background image from unsplash ⌨️ (3:32:46) Center elements and Style button ⌨️ (3:36:18) Add a Google font ⌨️ (3:40:59) @font-face ⌨️ (3:43:12) Aside - spans ⌨️ (3:47:27) Add an underline using a span ⌨️ (3:49:25) Use an ID for the logo ⌨️ (3:54:07) Replace the jpg with a webp ⌨️ (3:56:52) Choose a color palette from an image ⌨️ (3:59:57) Add the terms & conditions section ⌨️ (4:04:13) Aside - text shadow ⌨️ (4:10:39) Improving the readability with text shadows ⌨️ (4:12:46) Space - Exploration recap Build a Birthday GIFt Site ⌨️ (4:14:38) Let’s build a Birthday GIFt site ⌨️ (4:15:54) Add basic header styling ⌨️ (4:19:43) Set the colors ⌨️ (4:21:15) Add shadow on text ⌨️ (4:24:50) We have a problem that flexbox can fix ⌨️ (4:27:37) Aside - align-items ⌨️ (4:34:06) Aside - flex-direction ⌨️ (4:38:55) Turn the header into a flexbox ⌨️ (4:40:45) Fix date and age design ⌨️ (4:45:12) Create the first gift ⌨️ (4:50:55) Replace the img with a div ⌨️ (4:55:31) Aside - make elements change on hover ⌨️ (4:58:37) Add the hover effect ⌨️ (5:00:55) Create the next GIFt ⌨️ (5:05:35) Create two more GIFts ⌨️ (5:08:22) Create the final GIFt ⌨️ (5:11:59) Add the footer ⌨️ (5:15:55) Add a background gradient ⌨️ (5:19:37) Personalize the Birthday GIFt Site ⌨️ (5:21:23) Use GitHub Desktop to publish your Birthday GIFt Site ⌨️ (5:27:05) Deploying your Birthday GIFt Site ⌨️ (5:10:43) Use VS Code to edit your Birthday GIFt ⌨️ (5:15:38) GIFt site recap Solo Project- Hometown Homepage ⌨️ (5:17:33) It’s time to go solo! ⌨️ (5:19:52) Solo Project - Hometown Homepage ⌨️ (5:24:02) Congrats on completing the course!

NoSQL vs SQL – Which Type of Database Should You Use?

FzlpwoeSrE0 | 13 Sep 2022

NoSQL vs SQL – Which Type of Database Should You Use?

When should you use RDBMS, and when should you use NoSQL? This course describes the differences between NoSQL and SQL databases as well as when and why to use each kind of database. 🔗 Register for a free Astra DB account to use for this tutorial: https://astra.datastax.com/register/sqlnosql/vi-11 ✏️ Ania Kubow developed this course. Check out her channel: https://www.youtube.com/aniakubow 🏗 DataStax provided a grant to made this course possible. ✏️ SQL Tutorial - Full Database Course for Beginners on FreeCodeCamp: https://www.youtube.com/watch?v=HXV3zeQKqGY ✏️ NoSQL Database Tutorial – Full Course for Beginners on FreeCodeCamp: https://www.youtube.com/watch?v=xh4gy1lbL2k ✏️ Apache Cassandra Database – Full Course for Beginners on FreeCodeCamp: https://www.youtube.com/watch?v=J-cSy5MeMOA ✏️ Everything You Need to Know About Storage Attached Indexing in Apache Cassandra | DataStax: https://www.youtube.com/watch?v=D9CUk6YkDaw ✏️ Enough CQL To Get You Started - Data Modeling with Apache Cassandra | DataStax: https://www.youtube.com/watch?v=mhHM3K-gjeA ⭐️ Contents ⭐️ Introduction (0:00) 01: What actually is a database (2:17) 03: What is a database management system (5:53) 04: Demo: Creating a database (6:27) 05: Common Database Models (9:21) 06: Relational databases (9:46) 07: SQL (11:33) 08: Non-relational databases (16:33) 09: Pros and Cons: Comparing RDBMS and NoSQL (19:21) 10: Wide Column Database (31:25) 11: Document Database (47:38) 12: Key-Value Database (1:03:51) 13: Multi-Model Databases (1:21:57 ) 14: Use cases: When to use RDBMS or NoSQL (1:23:12) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Top 30 React Interview Questions and Concepts

XBTJDpT2XaI | 12 Sep 2022

Top 30 React Interview Questions and Concepts

Prepare for a React interview or improve your React skills by learning about 30 common React JS interview questions and concepts. ✏️ Nishant Singh developed this course. Check out his channel: https://www.youtube.com/c/CybernaticoByNishant ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:43) Map and Filter ⌨️ (0:20:06) States in React ⌨️ (0:33:33) Props in React ⌨️ (0:40:34) Inline Conditional Expressions ⌨️ (0:52:04) Event Handling in React ⌨️ (0:57:41) Keys in React ⌨️ (1:03:25) Forms in React ⌨️ (1:18:04) Dynamic Inputs in React ⌨️ (1:26:02) CSS Styling in React ⌨️ (1:36:47) Uncontrolled v/s Controlled Components ⌨️ (1:44:10) Virtual DOM ⌨️ (1:46:05) InnerHTML in React ⌨️ (1:55:23) React Fragments ⌨️ (2:00:02) Stateless v/s Stateful Components ⌨️ (2:01:57) REST API Requests ⌨️ (2:27:05) Debouncing in React ⌨️ (2:38:43) Context API in React ⌨️ (2:49:33) Class v/s ClassNames in React ⌨️ (2:52:59) Higher Order Components ⌨️ (3:06:18) Lazy Loading in React ⌨️ (3:14:34) Helper Functions in React ⌨️ (3:24:21) Implementing Recursion in React ⌨️ (3:27:10) Running Arrays of Functions ⌨️ (3:33:08) Custom Hooks in React ⌨️ (3:37:22) Promises and Async/Await ⌨️ (3:51:52) Code Splitting in React(Dynamic Imports) ⌨️ (3:58:18) Creating a Search Filter in React ⌨️ (4:13:10) Adding TypeScript to React ⌨️ (4:16:36) React Testing Library ⌨️ (4:30:41) Caching an API Response 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Angular Course for Beginners

3qBXWUpoPHo | 07 Sep 2022

Angular Course for Beginners

Learn Angular in this complete course for beginners. First you will learn the basics of Typescript and then you will learn about important Angular concepts such as binding, dependency injection, forms, routing, and more. ✏️ Santosh Yadav created this course. Check out his channel: https://www.youtube.com/c/TechTalksWithSantosh 🔗 https://twitter.com/SantoshYadavDev 🔗 https://github.com/sponsors/santoshyadavdev ⭐️ Course Contents ⭐️ Introduction ⌨️ (0:00:23) Introduction to Angular ⌨️ (0:09:56) Introduction to Typescript ⌨️ (0:28:57) SPA and Local Setup Typescript ⌨️ (0:42:09) Typescript Data Types and Functions ⌨️ (1:25:56) Classes and Interface ⌨️ (2:11:10) Typescript decorators and tsconfig file Angular Installation and Basics ⌨️ (2:20:24) Angular Installation and Binding Syntax ⌨️ (3:25:04) Built-in Directives ⌨️ (4:07:36) Built-in Pipes ⌨️ (4:30:10) Adding Bootstrap CSS to App Lifecycle Hook and Component Communication ⌨️ (4:44:53) ngOnInt and Component Communication using Input and Output ⌨️ (5:09:32) Change Detection and ngOnChanges ⌨️ (5:36:51) ngDoCheck ⌨️ (5:42:01) ViewChild, ViewChildren and AfterViewInit ⌨️ (6:22:41) Content Projection, AfterContentInit and OnDestroy Dependency Injection ⌨️ (6:44:55) Introduction ⌨️ (7:09:34) Resolution Modifiers ⌨️ (7:24:06) Value Providers HttpClient and RxJs ⌨️ (7:41:04) Setting Up HttpClientModule ⌨️ (7:44:07) HttpService , RxJs observables and http get ⌨️ (8:01:28) RxJs Observable and Observer ⌨️ (8:11:59) Http Put and Delete ⌨️ (8:27:10) Http Request ⌨️ (8:40:55) ShareReplay RxJs Operators ⌨️ (8:47:17) Async Pipe ⌨️ (8:57:15) catchError operator ⌨️ (9:05:29) map operator ⌨️ (9:09:06) Http Interceptor ⌨️ (9:29:11) APP_INITIALIZER Routing Basics ⌨️ (9:35:06) Angular Router and default Route ⌨️ (9:51:01) Adding Angular material and navigation ⌨️ (10:00:35) Wild card, dynamic route and ActivatedRoute service ⌨️ (10:23:19) ParamMap and Activate Route Service Template Driven Forms ⌨️ (10:25:45) Introduction ⌨️ (10:50:20) Validation ⌨️ (11:09:26) Pristine, Dirty State and Reset Form ⌨️ (11:19:08) Custom Directives and Custom Validation Advanced Routing ⌨️ (11:49:33) Navigation using Router Service ⌨️ (11:52:34) Feature and Routing Module ⌨️ (12:10:57) Nested and Child Route ⌨️ (12:19:41) Lazy Loading ⌨️ (12:35:49) Configure Lazy Loading using CLI ⌨️ (12:42:46) Using ProvidedIn Any ⌨️ (12:59:15) Router Events ⌨️ (13:06:00) Listening to Router Events Route Guards ⌨️ (13:08:49) CanActivate ⌨️ (13:21:24) CanActivateChild ⌨️ (13:26:53) CanLoad Reactive Forms ⌨️ (13:30:44) Introduction ⌨️ (13:41:33) Using Material Controls ⌨️ (13:59:54) Nested Form Controls ⌨️ (14:17:38) Dynamic Forms ⌨️ (14:45:09) Built-in Validators ⌨️ (14:51:50) Reset Form ⌨️ (14:55:15) Control Level Validation ⌨️ (15:05:22) SetValue and PatchValue ⌨️ (15:09:23) ValueChanges and UpdateOn ⌨️ (15:17:40) map operator with Form ⌨️ (15:29:55) Custom Validator CanDeactivate Guard ⌨️ (15:57:10) CanDeactivate Guard and Form Custom Pipe ⌨️ (16:15:04) Custom Pipe Resolve Guard ⌨️ (16:25:39) Resolve Guard Global Error Handling ⌨️ (16:45:46) Error Handling Testing Basics ⌨️ (16:50:08) Introduction ⌨️ (16:56:59) First test ⌨️ (17:01:43) Testing Component and Service Deployment and CI/CD ⌨️ (17:15:44) Using Netlify for Deployment ⌨️ (17:28:06) GitHub Actions to Automate Tasks 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

React JavaScript Framework for Beginners – Project-Based Course

u6gSSpfsoOQ | 31 Aug 2022

React JavaScript Framework for Beginners – Project-Based Course

Learn React in this full course for beginners. React is one of the most popular JavaScript frameworks and this course is the perfect place to start your learning journey. You will learn everything you need to know to get started with React by building three different projects. We brought together three popular teachers for this course so you can learn from multiple perspectives. You can code React all in a web browser using Replit. Replit provided a grant that made this course possible. 🔗 https://join.replit.com/react-students ⭐️ Part One ⭐️ ✏️ Instructor: Gavin Lon 🎥 Gavin's channel: https://www.youtube.com/c/GavinLon 💻 Code from video (using Prop Drilling): https://replit.com/@GavinLon/TeamMemberAllocation 💻 Code alternate (using Context to avoid prop drilling): https://github.com/GavinLonDigital/TeamMemberAllocationApp 🔗 How to Create a Free Replit Account: https://www.freecodecamp.org/news/how-to-use-replit/#how-to-create-a-free-replit-account 🔗 What is a repl and how to create one: https://www.freecodecamp.org/news/how-to-use-replit/#what-is-a-repl-and-how-do-you-create-one 🔗 Function component vs class component: https://reactjs.org/docs/components-and-props.html#function-and-class-components 🔗 JavaScript Arrow Functions: https://www.freecodecamp.org/news/javascripts-arrow-functions-explained-by-going-down-a-slide-2eb8ee3c45e/ 🔗 Hooks and State in React: https://reactjs.org/docs/hooks-state.html 🔗 The Bootstrap Grid System: https://getbootstrap.com/docs/5.0/layout/grid 🔗 Understanding Props in React: https://www.freecodecamp.org/news/how-to-use-props-in-react/ 🔗 Using Context in React:https://reactjs.org/docs/context.html ⭐️ Part Two ⭐️ ✏️ Instructor: John Smilga 🎥 Gavin's channel: https://www.youtube.com/c/CodingAddict 💻 Complete App: https://meals-application.john-smilga.repl.co/ 💻 Source Code: https://replit.com/@john-smilga/meals-application ⭐️ Part Three ⭐️ ✏️ Instructor: Sanjeev Thiyagarajan 🎥 Gavin's channel: https://www.youtube.com/c/SanjeevThiyagarajan 💻 Code: https://replit.com/@SanjeevThiyagar/react-demo ⭐️ Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:02:03) Introduction, part 1 ⌨️ (0:06:15) What is Replit ⌨️ (0:07:50) What is React ⌨️ (0:08:23) Create a Repl ⌨️ (0:11:29) Create Functional Components ⌨️ (0:18:02) Install Bootstrap 5 ⌨️ (0:22:49) Implement the useState Hook in a Functional Component ⌨️ (0:29:16) Upload Image Files to Replit ⌨️ (0:33:28) Create JSX Code to Render Bootstrap Cards for Employees ⌨️ (0:40:49) Create Teams DropDown List ⌨️ (0:45:03) Use JavaScript Events to Set State ⌨️ (0:54:26) Move State Related Functionality to the App Component ⌨️ (0:56:48) Understanding Props ⌨️ (1:04:41) LocalStorage and the useEffect Hook ⌨️ (1:11:47) Routing, react-router-dom package, Navigation ⌨️ (1:25:25) Create Employee Component ⌨️ (1:38:03) Abstract Responsibilities Into Functional Components ⌨️ (1:46:14) Implement Media Queries ⌨️ (1:47:04) Using Context to Reduce or Avoid Prop Drilling ⌨️ (1:48:50) Course Wrap up ⌨️ (1:49:15) Introduction, part 2 ⌨️ (1:53:12) Setup ⌨️ (2:08:03) Context API ⌨️ (2:30:46) Data Fetching ⌨️ (2:42:08) Meals Component ⌨️ (3:38:29) Search Component ⌨️ (4:10:11) Modal Component ⌨️ (4:43:04) Favorites Component ⌨️ (5:14:27) Introduction, part 3 ⌨️ (5:20:32) Initialize Project ⌨️ (5:22:48) React Router ⌨️ (5:30:23) Fetching Data From API ⌨️ (5:49:46) Multiple Requests with Promise.all() ⌨️ (5:54:05) Map Method for rendering lists ⌨️ (6:04:12) Rendering Table of Stocks ⌨️ (6:09:12) Color Coding data ⌨️ (6:16:55) Autocomplete Search Component ⌨️ (6:39:12) Context API ⌨️ (6:59:40) Navigating Between Pages ⌨️ (7:03:52) Fetching Historical Data ⌨️ (7:25:22) Formatting Data ⌨️ (7:31:31) Working with Charts ⌨️ (7:44:18) Chart Time Toggle ⌨️ (7:58:54) Delete Stock (Event Propagation) ⌨️ (8:05:26) Stock Data ⌨️ (8:16:52) Local Storage 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

CSS Tutorial – Full Course for Beginners

OXGznpKZ_sA | 30 Aug 2022

CSS Tutorial – Full Course for Beginners

In this in-depth course, you will learn about all the key features of CSS. This is the most comprehensive CSS course we've published to date. So if you want to become an expert in Cascading Style Sheets, this is the course for you. ✏️ Course from Dave Gray. Check out his channel: http://youtube.com/DaveGrayTeachesCode 💻 Course Resources: https://github.com/gitdagray/css_course 🎥 Dave's HTML course: https://youtu.be/kUMe1FH4CHE ⭐️ Course Contents ⭐️ (0:00:00) Intro (0:01:08) Chapter 1: Start Here (0:14:50) Chapter 2: Selectors (0:34:41) Chapter 3: Colors (0:51:13) Chapter 4: Units & Sizes (1:11:56) Chapter 5: Box Model (1:37:08) Chapter 6: Typography (2:00:29) Chapter 7: Styling Links (2:16:37) Chapter 8: List Styles (2:32:31) Chapter 9: Mini Project (2:45:04) Chapter 10: Display (3:00:21) Chapter 11: Floats (3:12:46) Chapter 12: Columns (3:34:30) Chapter 13: Position (3:57:53) Chapter 14: Flexbox (4:21:39) Chapter 15: Grid Layout (4:46:33) Chapter 16: Images (5:32:40) Chapter 17: Media Queries (5:58:59) Chapter 18: Card Project (6:33:21) Chapter 19: Pseudo (6:52:56) Chapter 20: Variables (7:20:28) Chapter 21: Functions (7:50:05) Chapter 22: Animations (8:37:33) Chapter 23: Organization (8:57:23) Chapter 24: Final Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

20 Beginner Python Projects

pdy3nh1tn6I | 29 Aug 2022

20 Beginner Python Projects

Improve your Python skills by learning how to code 20 beginner Python projects. 💻 Code: https://github.com/tomitokko/20-python-projects ✏️ Course developed by CodeWithTomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi 🔗 Join CodeWithTomi's Discord Server: https://discord.gg/cjqNBHHhKV 🔗 Twitter: https://twitter.com/TomiTokko3 ⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:00:41) Email Sender (0:12:15) Word Replacement Program (0:14:35) Basic Calculator (0:28:21) Email Slicer (0:35:20) Binary Search Algorithm (0:53:48) Quiz Program (1:07:04) QR Code Generator (1:13:58) Interest Payment Calculator (1:21:51) Random Password Generator (1:31:41) Dice Rolling Simulator (1:38:47) Site Connectivity Checker (1:47:29) Currency Converter (1:51:53) Leap Year Checker (1:55:53) Word Dictionary (2:07:41) Rock, Paper, Scissors (2:19:39) Python Face Detection (2:27:14) Python Automation (2:39:02) Web Scraper (2:47:28) Image Resizer (2:57:34) Graph Plotter 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Game Development with LÖVE 2D and Lua – Full Course

I549C6SmUnk | 25 Aug 2022

Game Development with LÖVE 2D and Lua – Full Course

Learn how to create games using LÖVE 2D and Lua. LÖVE is a framework you can use to make 2D games in Lua. It's free, open-source, and works on Windows, Mac OS X, Linux, Android and iOS. In this course, you will first learn how to program in Lua. Then you will learn how to use Love2D with Lua to develop amazing games. ✏️ Course created by Steve. Check out his channel: https://www.youtube.com/c/Stevesteacher ⭐️ Resources and Code ⭐️ 🔗 Lua: https://lua.org 🔗 Love2D: https://love2d.org 🔗 LuaRocks: https://luarocks.org 🔗 Running Boy Sprites: https://github.com/WeebNetsu/YouTube-Projects/tree/main/Lua/Love2D/Sprites%20Tutorial 🔗 Save the Ball Source Code: https://github.com/WeebNetsu/YouTube-Projects/tree/main/Lua/Love2D/Save%20The%20Ball%20Game 🔗 Asteroids Game Source Code: https://github.com/WeebNetsu/YouTube-Projects/tree/main/Lua/Love2D/Asteroids%20Game 🔗 Sound Effects & BGM: https://github.com/WeebNetsu/YouTube-Projects/tree/main/Lua/Love2D/Asteroids%20Game/15.%20Adding%20BGM%20and%20SFX/src/sounds 🔗 Creator's GitHub: https://github.com/WeebNetsu/ ⭐️ Course Contents ⭐️ -- LUA BASICS -- ⌨️ (0:00:00) Intro to Lua ⌨️ (0:02:28) Installing Lua ⌨️ (0:09:51) Running Lua (VSCode) ⌨️ (0:11:03) Printing and Comments ⌨️ (0:19:42) Variables & Data Types ⌨️ (0:29:51) Strings ⌨️ (0:36:59) Math ⌨️ (0:46:22) If Statements ⌨️ (0:58:49) Loops ⌨️ (1:03:37) User Input ⌨️ (1:05:34) Tables ⌨️ (1:23:27) Functions ⌨️ (1:31:44) Working with Files ⌨️ (1:39:12) Custom Modules ⌨️ (1:43:10) OOP -- LOVE 2D BASICS -- ⌨️ (1:56:42) Setup and LUD basics ⌨️ (2:06:35) The Config File ⌨️ (2:25:13) Drawing & Moving Shapes ⌨️ (2:45:57) Keyboard Input ⌨️ (2:55:36) Working with Sprites -- CREATING SAVE THE BALL GAME -- ⌨️ (3:21:44) Game Setup ⌨️ (3:38:03) Creating the Enemy ⌨️ (4:09:02) The Menu Screen ⌨️ (4:51:11) Adding a Point System ⌨️ (5:11:44) Game Over Screen -- CREATING THE ASTEROIDS GAME -- ⌨️ (5:31:24) Game Setup ⌨️ (5:40:02) The Player ⌨️ (6:10:32) The Thruster ⌨️ (6:31:59) The Game State ⌨️ (6:38:47) Game Text ⌨️ (7:02:40) Asteroids ⌨️ (7:41:32) Lasers ⌨️ (8:03:46) Laser Collision Detection ⌨️ (8:29:10) Player Collision Detection ⌨️ (8:41:17) Player Lives ⌨️ (8:57:54) The Menu ⌨️ (9:30:51) Installing & Running LuaRocks ⌨️ (9:42:18) The Score System ⌨️ (10:03:12) Game Over ⌨️ (10:11:56) Invincible PLayer & Infinite Levels ⌨️ (10:31:07) Game Reset & High Score ⌨️ (10:44:38) BGM & SFX 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)

zJSY8tbf_ys | 24 Aug 2022

Frontend Web Development Bootcamp Course (JavaScript, HTML, CSS)

Learn JavaScript, HTML, and CSS in this Frontend Web Development course. In this massive course, you will go from no coding experience to having the essential skills of a frontend web developer. You will learn various web development technologies and create a few projects along the way. ✏️ Course from Zach Gollwitzer. Check out his channel: https://www.youtube.com/c/ZachGollwitzer 💻 Code and Resources: https://github.com/zachgoll/fullstack-roadmap-series/blob/main/free-code-camp.md ⌨️ (00:00:00) Introduction ⌨️ (00:04:45) Your first JavaScript program ⌨️ (00:28:14) What is javascript? (deep dive) ⌨️ (00:56:04) JavaScript variables ⌨️ (01:45:28) Basic JavaScript challenges ⌨️ (01:45:54) JavaScript operators ⌨️ (02:39:10) 5 more JavaScript challenges ⌨️ (02:50:09) JavaScript functions, conditionals, loops ⌨️ (03:55:03) 25 Beginner JavaScript practice problems with me ⌨️ (06:07:47) Built-in JavaScript methods ⌨️ (06:25:46) Callback functions ⌨️ (06:45:53) JavaScript primitives ⌨️ (06:54:04) JavaScript Dates ⌨️ (07:02:21) Regular Expressions ⌨️ (07:25:01) JavaScript String methods ⌨️ (07:40:45) JavaScript Array methods (important!) ⌨️ (08:16:41) Math utilities with JavaScript ⌨️ (08:23:11) Error types and other JavaScript concepts ⌨️ (08:39:15) 10 Beginner / Intermediate JavaScript practice problems with me ⌨️ (10:02:33) HTML Crash Course ⌨️ (11:00:10) "About me page" HTML challenge ⌨️ (11:02:51) Document Object Model (DOM) ⌨️ (12:23:56) HTML + JavaScript "Meme Generator" challenge ⌨️ (13:12:17) CSS Crash Course ⌨️ (14:11:49) The CSS Box Model ⌨️ (14:36:46) Most common CSS properties ⌨️ (15:43:51) Frontend Mentor CSS "Pricing Card" challenge ⌨️ (17:11:16) Introduction to responsive web design ⌨️ (18:16:27) CSS Flexbox Crash Course ⌨️ (19:40:45) Frontend Mentor CSS Flexbox "Testimonials" challenge ⌨️ (21:13:27) Final thoughts, next steps 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Azure Developer Associate (AZ-204) — Full Course Pass the Exam!

jZx8PMQjobk | 22 Aug 2022

Azure Developer Associate (AZ-204) — Full Course Pass the Exam!

Prepare for the Microsoft Azure Developer Associate Certification and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ⭐️ Contents ⭐️ ☁️ (00:00:00) Intro ☁️ (00:09:16) Azure Functions What is Serverless Function as a Service Intro to Azure Functions Storage Considerations Anatomy of a function Authorization Levels Azure Functions Debugging Key Concepts Use Cases VSCode Extension Runtimes Windows vs Linux Hosting Templates Function Configuration Hosts Configuration Plan Services Triggers & Bindings Supported Bindings Binding Direction Trigger & Bindings Scenarios Binding Expressions Local Settings File Azure Functions Core Tools Custom Handlers Unreachable Durable Functions Patterns of Durable Functions Functions on Kubernetes Functions ☁️ (00:57:45) Virtual Machines Intro Operation Systems Cloud Init Sizes Working with Azure Managed Identities ACUs MobileApp VM Generations 3 Ways To Connect SSH RDP Bastion Windows Vs Linux Update Management Bastion Windows VM & RDP Linux VM & SSH Follow Along VM Monitoring VM CheatSheets ☁️ (02:36:24) ARM Templates Intro Skeleton Resources Parameters Functions Variables Outputs Launch an ARM Template ARM Template CheatSheet ☁️ (02:59:30) ACI Intro to ACI Restart Policies Environment Variables Persistent Storage Troubleshooting Create an Azure Container Instances ACI CheatSheet ☁️ (03:10:02) Azure Container Registry Intro to ACR Registry Tasks ACR CheatSheet ☁️ (03:22:07) Azure App Service Intro to Azure App Service Runtimes Custom Containers Deployment Slots App Service Environment Deployment Azure App Service Plan WebJobs Configure & Deploy App Service Trigger a Deploy via Github Actions Create Deployment Slots Scaling Azure App Service Azure App Services CheatSheet ☁️ (04:15:54) Azure Tables Cosmos DB Key Value Store Document Store Mongo DB Graph Database Apache Tinkerpop & Gremlin Tables Cosmos DB Table Account Storage vs Cosmos DB Tables & CosmosDB CheatSheet Explore CosmosDB various NoSQL engines ☁️ (04:30:14) Cosmos DB Advanced Intro to Cosmos DB Cosmos DB APIs Core Components Cosmos DB Explorer Choosing a Partition Key Choosing a Unique Key Containers Containers Capacity Database Level Shared Throughput Reading Data Request Units Consistency Levels ☁️ (05:02:45) Azure Storage Accounts Intro to Storage Accounts Storage Comparison Core Storage Services Performance Tiers Access Tiers AZCopy Setting & retrieving properties & metadata Use AZCopy to copy files to Storage Accounts Modify metadata of blob storage objects Copy blob storage between containers ☁️ (06:18:38) Azure Active Directory Intro Use Cases AD vs AAD Terminology Tenant AD DS Azure AD Connect Users Groups Assign Access Rights External Identities Create a Tenant Upgrade License User & Groups Guest Users Mass Import MFA Self Service Rest Password Azure AD CheatSheet ☁️ (06:56:24) Azure Roles Type of Roles IAM Access Controls Classic Administrator RBAC AD Roles Roles Policies vs RBAC AD Roles vs RBAC Azure Roles CheatSheet ☁️ (07:11:18) Azure Key Vault Intro HSM & FIPS Vault Key Vault API Recovery Options Pricing Keys Double Encyption Secrets X509 Certificates X509 Chain of Trust X509 Certificate Format Cert Extensions Cert Signing Request Certs Composition of a Cert Certificate Policy Azure Key Vault Keys Backup & Restore Key Rotate Key Secrets ☁️ (08:11:36) Azure App Configuration ☁️ (08:17:58) Microsoft Graph ☁️ (08:23:30) Azure Front Door ☁️ (08:54:35) Application Insights Application Insights Open Telemetry Instrumentation Auto Instrumentation Application Insights Sampling Usage Analysis Custom Events ☁️ (09:39:07) Azure Monitor Intro to Azure Monitor The Pillars of Observability Anatomy of Azure Monitor Application Operation System Resources Subscription Tenant Custom Sources Data Stores Log Analytics Workspaces Log Analytics Kusto Kusto Entities Scalar Data Types Control Commands Functions Scalar Operators Tabular Operators Metrics Explorer Alerts Dashboards Workbooks Monitor CheatSheet ☁️ (10:13:43) APIM Intro Key Concepts Echo API Service Feature Comparsion Groups Fontends & Backends Policies Policies Examples Policies Walkthrough APIs OpenAPI WADL & WSDL Developer Portal Developer Portal Authentication Built in vs External Cache APIM APIM Products Subscriptions & Access Keys APIM Policies ☁️ (10:58:08) Dapr ☁️ (11:00:27) Event Grid ☁️ (11:35:35) Event Hub Intro Pricing Key Concepts Scaling Event Hub entities Producers Consumer Consumer Groups Offsets Checkpointing Schema Registry Kafka Compatibility Partitions Event Retention Azure Event Hub ☁️ (12:05:45) Azure Notification Hub ☁️ (12:12:26) Queueing ☁️ (12:14:59) Azure Queue Storage ☁️ (12:34:01) Azure Service Bus Intro Namespace Queues Topics Subscription Dead Letter Queue CLI Commands Queue Topics ☁️ (13:16:40) Eventing ☁️ (13:18:44) Azure Cache For Redis

Learn C Programming with Dr. Chuck (feat. classic book by Kernighan and Ritchie)

j-_s8f5K30I | 18 Aug 2022

Learn C Programming with Dr. Chuck (feat. classic book by Kernighan and Ritchie)

In this complete C programming course, Dr. Charles Severance (aka Dr. Chuck) will help you understand computer architecture and low-level programming through studying the "classic" version of the C Programming language from the 1978 book written by Brian Kernighan and Dennis Ritchie. In this course we will be reflecting on how C provided an important foundation for the creation of modern programming languages. This is not a good place to start if you do not already have some programming experience. A suggested pre-requisite is Dr. Chuck's Python for Everybody course: https://youtu.be/8DvywoWv6fI 📖 Online C Programming book by Brian Kernighan and Dennis Ritchie: https://www.cc4e.com/book/chap00.md 🔗 Additional course resources: https://www.cc4e.com/ ✏️ Dr. Charles Severance developed this course. He is a professor at the University of Michigan and one of the most popular software instructors in the world. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Intro ⌨️ (0:03:09) Chapter 0: Introduction ⌨️ (0:20:44) Chapter 1: A Tutorial Introduction ⌨️ (1:59:17) Chapter 2: Types, Operators, and Expressions ⌨️ (3:02:09) Chapter 3: Control Flow ⌨️ (3:49:31) Chapter 4: Functions and Program Structure ⌨️ (5:20:32) Chapter 5: Pointers and Arrays ⌨️ (6:50:30) Chapter 6: Structures ⌨️ (8:16:33) Chapter 7: Input and Output ⌨️ (9:02:02) Chapter 8: The UNIX System Interface

Stardew Valley Game Clone with Python and Pygame – Full Course

R9apl6B_ZgI | 15 Aug 2022

Stardew Valley Game Clone with Python and Pygame – Full Course

Create a Stardew Valley style game with Python and Pyagme. This includes farming and foraging, a day and night cycle, weather effects and a merchant. The game was also made in Tiled so you can expand it yourself. ✏️ Christian from Clear Code created this game. Check out his channel: https://www.youtube.com/c/ClearCode 💻 Project files: https://github.com/clear-code-projects/PyDew-Valley Links to related pygame videos: 🔗 Ultimate introduction to Pygame - https://www.youtube.com/watch?v=AY9MnQ4x3zk 🔗 Delta time in pygame - https://www.youtube.com/watch?v=rWtfClpWSb8 🔗 Masks in pygame - https://www.youtube.com/watch?v=uW3Fhe-Vkx4 🔗 Collisions - https://www.youtube.com/watch?v=W9uKzPFS1CI 🔗 Tiled - https://www.youtube.com/watch?v=N6xqCwblyiw 🔗 Cameras - https://www.youtube.com/watch?v=u7LPRqrzry8 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:08) Setup ⌨️ (0:10:34) Creating the basic player ⌨️ (0:30:04) Importing the player graphics ⌨️ (0:43:14) Animating the player ⌨️ (0:53:47) Tool use ⌨️ (1:09:19) Switching between tools ⌨️ (1:21:42) Creating the overlay ⌨️ (1:32:35) Starting the camera and importing the floor ⌨️ (1:51:05) Importing all elements and faking more 3D ⌨️ (2:19:07) Collisions ⌨️ (2:42:44) Working on the trees ⌨️ (3:06:57) Particles ⌨️ (3:16:47) Player inventory ⌨️ (3:22:12) Restarting the day ⌨️ (3:46:15) Starting the soil ⌨️ (4:12:44) Soil patch graphics ⌨️ (4:33:06) Watering logic ⌨️ (4:43:34) Rain ⌨️ (5:03:51) Creating the plants ⌨️ (5:25:11) Harvesting ⌨️ (5:33:08) Daytime transition ⌨️ (5:41:19) The merchant ⌨️ (6:24:01) Audio (+ some final fixes ) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Event-Driven Architecture with React and FastAPI – Full Course

NVvIpqmf_Xc | 11 Aug 2022

Event-Driven Architecture with React and FastAPI – Full Course

Learn about event-driven architecture by building a real-world project using FastAPI, React, and Redis. An event driven system is a common way to setup software. In event-driven architecture, event-handlers are registered for specific events. When an event occurs, the handlers are invoked. 💻 Frontend code: https://github.com/scalablescripts/react-event-driven 💻 Backend code: https://github.com/scalablescripts/fast-api-event-driven ✏️ Antonio from Scaleable Scripts created this course. Check out his channel: https://www.youtube.com/watch?v=VkPUBx_WtK8 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:30) Redis Database ⌨️ (0:07:06) FastAPI Setup ⌨️ (0:13:02) Create Delivery Endpoint ⌨️ (0:19:39) Building the State ⌨️ (0:24:34) State Endpoint ⌨️ (0:29:29) Dispatching Multiple Events ⌨️ (0:54:26) Building the State without Redis ⌨️ (1:04:33) Building the Frontend 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

HTML / CSS Tutorial – Create an Order Summary Component

SR5GxoFhIAU | 10 Aug 2022

HTML / CSS Tutorial – Create an Order Summary Component

Learn HTML and CSS by creating an order summary component. You can apply the concepts from this video to other types of front-end elements and projects. ✏️ Madison Kanna created this course. Check out her channel: https://www.youtube.com/c/MadisonKanna 💻 Code: https://github.com/Madisonkanna/tutorial-order-summary-component 🔗 Project: https://www.frontendmentor.io/challenges/order-summary-component-QlPmajDUj ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:26) How websites work ⌨️ (0:05:05) Intro to HTML and CSS ⌨️ (0:03:29) Server and Client Model ⌨️ (0:06:45) What is a component? ⌨️ (0:09:51) Intro To Design Tools ⌨️ (0:11:31) Starter project files ⌨️ (0:17:42) Terminals ⌨️ (0:18:46) Creating the project ⌨️ (0:20:21) Creating our index.html file ⌨️ (0:24:29) HTML Body Tag ⌨️ (0:29:33) HTML heading tags ⌨️ (0:30:21) HTML Basics ⌨️ (0:32:52) HTML Syntax ⌨️ (0:36:06) CSS Basics ⌨️ (0:36:42) Adding CSS To our HTML ⌨️ (0:39:16) CSS Selectors ⌨️ (0:42:30) HTML, CSS and JS ⌨️ (0:46:01) The Div Tag ⌨️ (0:48:31) CSS Variables ⌨️ (0:52:15) Adding the background image ⌨️ (0:55:31) Adding background colors ⌨️ (0:56:53) DevTools ⌨️ (0:59:03) CSS Inheritance ⌨️ (1:01:41) CSS Specificity ⌨️ (1:03:51) Adding the card title ⌨️ (1:05:24) Adding the card image ⌨️ (1:09:45) Building the card ⌨️ (1:10:50) The CSS Box Model ⌨️ (1:13:24) CSS Box Model in action ⌨️ (1:15:32) CSS Shorthands ⌨️ (1:18:02) Default styles ⌨️ (1:18:21) Box-sizing ⌨️ (1:22:15) Styling the card ⌨️ (1:23:25) Adding the front ⌨️ (1:24:42) The CSS Overflow Property ⌨️ (1:26:41) The Button tag ⌨️ (1:28:21) Styling the buttons ⌨️ (1:33:28) Building the plan container ⌨️ (1:35:18) Adding the change link ⌨️ (1:35:40) Styling the plan container ⌨️ (1:39:07) Centering content in the card ⌨️ (1:39:56) Centering the card ⌨️ (1:40:48) Final tweaks ⌨️ (1:41:37) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Python Programming for Beginners – Full Course

eWRfhZUzrAc | 09 Aug 2022

Python Programming for Beginners – Full Course

Learn the Python programming language in this full course for beginners! You will learn the fundamentals of Python and code two Python programs line-by-line. No previous programming experience is necessary before watching this course. 🔗 Start using Replit: https://join.replit.com/python-students ✏️ Beau Carnes developed this course. Check out one of his other channels: https://youtube.com/zizyo 💻 Rock, Paper, Scissors Code: https://replit.com/@BeauCarnes/rps-python 💻 Blackjack Code: https://replit.com/@BeauCarnes/blackjack-python 🏗 Replit provided a grant that made this course possible. 🔗 The Python Handbook by Flavio Copes: https://www.freecodecamp.org/news/the-python-handbook/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction Rock, Paper, Scissors Intro Project ⌨️ (0:03:11) RPS - Variables and Functions ⌨️ (0:09:07) RPS - Calling Functions ⌨️ (0:12:31) RPS - Dictionaries ⌨️ (0:15:28) RPS - User Input ⌨️ (0:16:55) RPS - Libraries, Lists, Methods ⌨️ (0:20:45) RPS - Function Arguments ⌨️ (0:22:33) RPS - If Statements ⌨️ (0:25:40) RPS - Concatenating Strings ⌨️ (0:27:13) RPS - f-strings ⌨️ (0:30:26) RPS - Else and Elif Statements ⌨️ (0:33:37) RPS - Refactoring and Nested If ⌨️ (0:38:37) RPS - Accessing Dictionary Values ⌨️ (0:41:55) RPS - Testing Game Fundamentals of Python ⌨️ (0:43:52) Setup Python Locally ⌨️ (0:47:47) Creating New Repl ⌨️ (0:48:45) Variables ⌨️ (0:51:21) Expressions and Statements ⌨️ (0:52:38) Comments ⌨️ (0:54:23) Data Types ⌨️ (1:00:16) Operators ⌨️ (1:00:44) Arithmetic Operators ⌨️ (1:03:52) Comparison Operators ⌨️ (1:05:13) Boolean Operators ⌨️ (1:07:26) Bitwise Operators ⌨️ (1:07:42) is & in Operators ⌨️ (1:08:21) Ternary Operator ⌨️ (1:09:40) Strings ⌨️ (1:12:36) String Methods ⌨️ (1:16:41) Escaping Characters ⌨️ (1:19:23) String Characters & Slicing ⌨️ (1:21:45) Booleans ⌨️ (1:26:07) Number Data Types ⌨️ (1:28:19) Built-in Functions ⌨️ (1:29:50) Enums ⌨️ (1:32:51) User Input ⌨️ (1:34:39) Control Statements ⌨️ (1:36:48) Lists ⌨️ (1:46:21) Sorting Lists ⌨️ (1:49:57) Tuples ⌨️ (1:53:49) Dictionaries ⌨️ (2:01:45) Sets ⌨️ (2:06:10) Functions ⌨️ (2:16:57) Variable Scope ⌨️ (2:18:35) Nested Functions ⌨️ (2:21:37) Closures ⌨️ (2:22:59) Objects ⌨️ (2:26:27) Loops ⌨️ (2:32:01) Break and Continue ⌨️ (2:33:02) Classes ⌨️ (2:39:12) Modules ⌨️ (2:45:55) Arguments from Command Line ⌨️ (2:52:42) Lambda Functions ⌨️ (2:54:51) Map, Filter, Reduce ⌨️ (3:02:41) Recursion ⌨️ (3:04:42) Decorators ⌨️ (3:06:45) Docstrings ⌨️ (3:09:54) Annotations ⌨️ (3:11:30) Exceptions ⌨️ (3:17:09) With ⌨️ (3:18:26) Installing Packages with pip ⌨️ (3:21:39) List Compression ⌨️ (3:23:09) Polymorphism ⌨️ (3:24:23) Operator Overloading Blackjack Card Game Project ⌨️ (3:26:58) Blackjack - Beginning ⌨️ (3:50:13) Blackjack - Deck Class ⌨️ (3:58:45) Blackjack - Card Class ⌨️ (4:03:25) Blackjack - Hand Class ⌨️ (4:21:13) Blackjack - Game Class ⌨️ (4:37:04) Blackjack - Testing ⌨️ (4:39:36) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course

xO17P9LVkK0 | 04 Aug 2022

Blazor Server App with .NET 6 and Syncfusion UI Components – Full Course

Learn how to harness the power of the Syncfusion UI components from within a Blazor server application. We’ll also integrate the Microsoft Identity technology into our Blazor application to leverage login, registration, authorization and authentication functionality. Syncfusion provides a UI component suite for building powerful web, desktop, and mobile apps. ✏️ Gavin Lon created this course. https://www.youtube.com/c/gavinlon 🔗 Free Syncfusion Community License: https://www.syncfusion.com/sales/communitylicense 💻 Code for full application: https://github.com/GavinLonDigital/SalesManagementApp ⭐️ Syncfusion Components Integrated into the Sales Management Application ⭐️ 🔗 DataGrid: https://blazor.syncfusion.com/documentation/datagrid/getting-started 🔗 Spinner: https://blazor.syncfusion.com/documentation/spinner/getting-started 🔗 ListView: https://blazor.syncfusion.com/documentation/listview/getting-started 🔗 ComboBox: https://blazor.syncfusion.com/documentation/combobox/getting-started 🔗 Toast: https://blazor.syncfusion.com/documentation/toast/getting-started 🔗 Charts: https://blazor.syncfusion.com/documentation/chart/getting-started 🔗 Dashboard Layout: https://blazor.syncfusion.com/documentation/dashboard-layout/getting-started 🔗 Diagram: https://blazor.syncfusion.com/documentation/diagram-component/getting-started 🔗 Scheduler: https://blazor.syncfusion.com/documentation/scheduler/getting-started ⭐️ Copy Code from Syncfusion Demo Documentation ⭐️ 🔗 Toast: https://blazor.syncfusion.com/demos/toast/types?theme=fluent 🔗 Dashboards - Copy Layout code: https://blazor.syncfusion.com/demos/chart/overview?theme=fluent 🔗 Diagram - Employee Hierarchy: https://blazor.syncfusion.com/demos/diagramcomponent/hierarchical-tree?theme=fluent 🔗 Scheduler: https://blazor.syncfusion.com/demos/scheduler/local-data?theme=fluent ⭐️ Copy Code from GitHub ⭐️ 🔗 Copy EmployeeModel class and Employee List Data to wire up to the Syncfusion DataGrid: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/EmployeeData_InMemory.txt 🔗 Add Employee Data: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedEmployeeData.txt 🔗 Add Product Data: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedProductData.txt 🔗 Add Client Data: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedClientData.txt 🔗 Register Employee Details with Identity System: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/CodeClips/SeedIdentityUserAndRoleData.txt 🔗 Copy Chart Code for Sales Manager’s Dashboard from GitHub: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Pages/SMDashboard.razor 🔗 Download Images (Profile Pictures for Employees and Product Images): https://github.com/GavinLonDigital/SalesManagementApp/tree/main/SalesManagementApp/wwwroot/Images 🔗 SalesOrderReport.cs: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Entities/SalesOrderReport.cs 🔗 OrderService.cs: https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Services/OrderService.cs 🔗 Add Logo Image and Styling (to help during the creation of the Sales Management Application): https://github.com/GavinLonDigital/SalesManagementApp/blob/main/SalesManagementApp/Pages/Index.razor ⭐️ Styling the Syncfusion ListView Component ⭐️ 🔗 Customizing Templates: https://blazor.syncfusion.com/documentation/listview/customizing-templates 🔗 Css structure: https://blazor.syncfusion.com/documentation/listview/style ⭐️ Software ⭐️ 🔗 Visual Studio 2022 for Windows Community edition: https://visualstudio.microsoft.com/vs/ 🔗 SQL Server 2019: https://www.microsoft.com/en-us/sql-server/sql-server-downloads ⭐️ Course Contents ⭐️ ⌨️ (0:00:13) Introduction ⌨️ (0:00:49) Course Overview ⌨️ (0:10:25) Technologies used to Develop the Sales Management Application ⌨️ (0:13:20) Getting Started) Create the Blazor Project through Visual Studio 2022 ⌨️ (0:15:02) Introduction to the Syncfusion DataGrid Component ⌨️ (0:43:39) Create the Database using Ef Core Code First Migrations ⌨️ (1:22:02) Integrate the Syncfusion DataGrid Component into the Application ⌨️ (3:02:44) Integrate the Syncfusion ListView component into the Sale Management Application ⌨️ (4:25:23) Integration of the Syncfusion Charts into the Sales Management Application to Display Sales Order Analytical Data ⌨️ (5:11:04) Create Dashboards for Employees ⌨️ (6:03:51) Integrate the Syncfusion Diagram into the Sales Management Application ⌨️ (6:22:25) Integrate the Syncfusion Scheduler into the Sales Management Application ⌨️ (6:52:53) Integrate Microsoft Identity into the Sales Management Application ⌨️ (7:40:34) Wrapping up

Industry Level REST API using .NET 6 – Tutorial for Beginners

PmDJIooZjBE | 01 Aug 2022

Industry Level REST API using .NET 6 – Tutorial for Beginners

Learn to use .NET 6 to build a REST API. This is a concise, start-to-finish course that developers can use as a template to onboard/structure small to medium sized industry-level CRUD applications. 💻 Code: https://github.com/amantinband/buber-breakfast ✏️ Course from Amichai Mantinband. Check out his channel: https://www.youtube.com/c/AmichaiMantinband ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (03:29) Backend server architecture ⌨️ (11:53) Implementing logic of API model ⌨️ (16:40) Testing API requests ⌨️ (20:04) Refactoring routes ⌨️ (20:45) Create model for request data ⌨️ (28:01) Create service interface ⌨️ (30:47) Implement additional methods ⌨️ (36:54) Handling errors ⌨️ (41:10) Refactoring controller and services ⌨️ (1:00:52) Refactoring error handling ⌨️ (1:02:40) Testing API requests ⌨️ (1:05:46) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

JavaScript Game Development Course for Beginners

GFO_txvwK_c | 28 Jul 2022

JavaScript Game Development Course for Beginners

Learn to make 2D games with HTML, CSS & plain vanilla JavaScript, no frameworks and no libraries! From sprite animation to state management, in this series of projects you will learn everything you need to make your own 2D animated games! We will go step by step explaining each technique on a small standalone codebase and then we will use everything we learned to make a single final game. ✏️ Course by Frank's Laboratory. https://www.youtube.com/c/Frankslaboratory ⭐️ Assets ⭐️ 🕹 Project 1: Vanilla JavaScript sprite animation techniques http://frankslaboratory.co.uk/downloads/shadow_dog.png 🕹 Project 2: Parallax backgrounds with JavaScript Layers Zip (right click and "Save link as...", then confirm you want an insecure file): http://frankslaboratory.co.uk/downloads/backgroundLayers.zip 🕹 Project 3: Enemy movement patterns Enemies Zip (right click and "Save link as...", then confirm you want an insecure file): http://frankslaboratory.co.uk/downloads/enemies.zip 🕹 Project 4: Collision animations from a sprite sheet http://frankslaboratory.co.uk/downloads/boom.png 🕹 Project 5: Point & shoot game raven: http://frankslaboratory.co.uk/downloads/raven.png dust cloud: http://frankslaboratory.co.uk/downloads/boom.png 🕹 Project 6: Enemy variety in JavaScript games worm: https://frankslaboratory.co.uk/downloads/enemy_worm.png ghost: https://frankslaboratory.co.uk/downloads/enemy_ghost.png spider: https://frankslaboratory.co.uk/downloads/enemy_spider.png 🕹 Project 7: Side-scroller game with mobile support Player: http://frankslaboratory.co.uk/downloads/93/player.png Background: http://frankslaboratory.co.uk/downloads/93/background_single.png Enemy: http://frankslaboratory.co.uk/downloads/93/enemy_1.png 🕹 Project 8: State management in JavaScript games http://frankslaboratory.co.uk/downloads/dog_left_right_white.png 🕹 Project 9: Final endless runner game with all the features Player: http://frankslaboratory.co.uk/downloads/97/player.png 🕹 City background layers: Layer 1: https://www.frankslaboratory.co.uk/downloads/97/layer-1.png Layer 2: https://www.frankslaboratory.co.uk/downloads/97/layer-2.png Layer 3: https://www.frankslaboratory.co.uk/downloads/97/layer-3.png Layer 4: https://www.frankslaboratory.co.uk/downloads/97/layer-4.png Layer 5: https://www.frankslaboratory.co.uk/downloads/97/layer-5.png 🕹 Fire texture: https://www.frankslaboratory.co.uk/downloads/97/fire.png 🕹 Collision animation: https://www.frankslaboratory.co.uk/downloads/97/boom.png 🕹 Lives: https://www.frankslaboratory.co.uk/downloads/97/lives.png https://www.frankslaboratory.co.uk/downloads/97/heart.png 🕹 Forest background layers: Layer 1: https://www.frankslaboratory.co.uk/downloads/97/forest/layer-1.png Layer 2: https://www.frankslaboratory.co.uk/downloads/97/forest/layer-2.png Layer 3: https://www.frankslaboratory.co.uk/downloads/97/forest/layer-3.png Layer 4: https://www.frankslaboratory.co.uk/downloads/97/forest/layer-4.png Layer 5: https://www.frankslaboratory.co.uk/downloads/97/forest/layer-5.png 🕹 18 Enemies: Big spider: https://www.frankslaboratory.co.uk/downloads/97/enemy_spider_big.png Bat 1: https://www.frankslaboratory.co.uk/downloads/97/enemy_bat_1.png Spinner: https://www.frankslaboratory.co.uk/downloads/97/enemy_spinner.png Small spider: https://www.frankslaboratory.co.uk/downloads/97/enemy_spider.png Ghost 1: https://www.frankslaboratory.co.uk/downloads/97/enemy_ghost_1.png Bat 2: https://www.frankslaboratory.co.uk/downloads/97/enemy_bat_2.png Raven: https://www.frankslaboratory.co.uk/downloads/97/enemy_raven.png Bat 3: https://www.frankslaboratory.co.uk/downloads/97/enemy_bat_3.png Ghost 2: https://www.frankslaboratory.co.uk/downloads/97/enemy_ghost_2.png Fly: https://www.frankslaboratory.co.uk/downloads/97/enemy_fly.png Ghost 3: https://www.frankslaboratory.co.uk/downloads/97/enemy_ghost_3.png Ghost 4: https://www.frankslaboratory.co.uk/downloads/97/enemy_ghost_4.png Hand: https://www.frankslaboratory.co.uk/downloads/97/enemy_hand.png Plant: https://www.frankslaboratory.co.uk/downloads/97/enemy_plant.png Worm: https://www.frankslaboratory.co.uk/downloads/97/enemy_worm.png Walking zombie: https://www.frankslaboratory.co.uk/downloads/97/enemy_zombie.png Ground zombie: https://www.frankslaboratory.co.uk/downloads/97/enemy_ground_zombie.png Digger: https://www.frankslaboratory.co.uk/downloads/97/enemy_digger.png 🔗 More art assets: https://bevouliin.com/ ⭐️ Contents ⭐️ 0:00:00 Intro 0:01:28 Project 1: Vanilla JavaScript sprite animation techniques 0:43:07 Project 2: Parallax backgrounds 1:25:33 Project 3: Enemy movement patterns 2:13:31 Collision detection between rectangles 2:19:23 Collision detection between circles 2:24:14 Project 4: Collision animations from a sprite sheet 2:48:35 Project 5: Point & shoot game 3:50:44 Project 6: Enemy variety 4:45:49 Project 7: Side-scroller game with mobile support 5:54:04 Project 8: State management 7:02:57 Project 9: Final endless runner game with all the features

Create An Elementor WordPress Website – Elementor Tutorial For Beginners 2022

hQBwCWtXkK0 | 25 Jul 2022

Create An Elementor WordPress Website – Elementor Tutorial For Beginners 2022

In this full Elementor WordPress course for beginners, you will learn how to to create beautiful, responsive webpages using a drag and drop interface. Get a domain and hosting here: https://www.hostinger.com/start ✏️ Beau Carnes created this course. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:41) Hosting and domain name ⌨️ (0:04:18) Setup custom email and SSH ⌨️ (0:06:34) Install WorPpress ⌨️ (0:10:02) Install Elementor and templates ⌨️ (0:14:52) Editing with Elementor overview ⌨️ (0:19:19) Updating homepage with Elementor ⌨️ (0:23:34) Adding custom images ⌨️ (0:27:47) Customizing text and other features ⌨️ (0:38:04) Adding widgets with Elementor ⌨️ (0:44:39) Adding video to website ⌨️ (0:46:49) Customizing backgrounds ⌨️ (0:53:10) Making website look good on mobile ⌨️ (0:55:52) Updating about page ⌨️ (1:02:39) Updating contact page ⌨️ (1:05:42) Setting up contact form ⌨️ (1:08:13) Update page header ⌨️ (1:13:05) Update page footer ⌨️ (1:15:11) How to add and remove pages ⌨️ (1:19:54) Updating final settings ⌨️ (1:21:20) Conclusion 🏗 Hostinger provided a grant that made this course possible. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

Apache Cassandra Database – Full Course for Beginners

J-cSy5MeMOA | 21 Jul 2022

Apache Cassandra Database – Full Course for Beginners

Apache Cassandra is an open source NoSQL distributed database. This beginner's Cassandra course has four modules. The first three modules will cover the basics Apache Cassandra data modeling. The final module covers practical applications of Cassandra. Get Started with Astra DB, built on Apache Cassandra: https://astra.datastax.com/register/ac250/vi-10 ⭐️ Course Contents ⭐️ ⌨️ (00:30) Module 1: Cassandra Intro and Background ⌨️ (21:53) Module 2: Collections, User Defined Types, and Counters ⌨️ (31:29) Module 3: Data Modeling ⌨️ (1:04:22) Module 4: Practical Applications ⭐️ Links ⭐️ 🔗 Build scalable API-based Microservices with Spring Boot and Cassandra https://astra.dev/3vIUwyx 🔗 REST API in AstraDB - Introduction and curl: https://www.youtube.com/watch?v=oSVuPbH1S-c 🔗 https://astra.dev/3rNnOL5 🔗 Build a Reactive app in Apache Cassandra™ with Spring Framework: https://www.youtube.com/watch?v=1aRbndIcXV4 🔗 https://astra.dev/3xSxaZW 🔗 Advanced Data Modeling in Apache Cassandra™: https://astra.dev/3xX5QK7 🔗 Introduction to #MachineLearning with Cassandra and Spark: https://astra.dev/39aPqU5 🔗 NoSQL Course from Anna Kubow: https://www.youtube.com/watch?v=xh4gy1lbL2k 🏗 DataStax provided a grant to make this course possible.

Think Like a Computer Science Professor

OIc7urJC0zY | 20 Jul 2022

Think Like a Computer Science Professor

See how to think like a computer science professor. You will observe Radu’s thought process as he codes a project for the first time. Many tutorials demonstrate how to build something that the instructor has already fully planned out beforehand. But in this video you learn what really goes into building a project from scratch. And he does it all without even referencing the Internet. Radu Mariescu-Istodor has a PhD in computer science. He teaches computer science at a university as well as on his YouTube channel. 🔗 Radu's channel: https://www.youtube.com/c/RaduMariescuIstodor 🔗 Radu's website: https://radufromfinland.com ⭐️ Contents ⭐️ ⌨️ (00:00:00) Intro / showcase ⌨️ (00:01:32) Quick planning ⌨️ (00:03:25) Canvas project setup ⌨️ (00:09:21) Trying to remember how drawImage works :-)) ⌨️ (00:18:58) Figured out I need to let it load first ⌨️ (00:20:29) Helper code for getting coordinates ⌨️ (00:22:27) Beginning procedural drawing ⌨️ (00:29:16) Normalizing the space for symmetrical drawing ⌨️ (00:48:32) Control point for head rotation ⌨️ (00:56:48) Slider for head x rotation ⌨️ (01:13:44) Rotating the head on X ⌨️ (01:17:27) Rotating the head on Y ⌨️ (01:28:14) Adding more control points ⌨️ (01:59:31) Drawing eyes ⌨️ (02:26:59) Styling the eyes ⌨️ (02:42:42) Drawing the beard ⌨️ (03:22:51) Drawing the nose ⌨️ (03:27:25) Spoiler (I never get the nose to look better) ⌨️ (03:31:35) Drawing hair ⌨️ (03:51:48) Skin, Neck & Body ⌨️ (04:07:43) Drawing the clothes ⌨️ (04:24:15) Some fine-tuning ⌨️ (04:43:00) Drawing the ears ⌨️ (04:53:50) Polishing and commenting code ⌨️ (05:17:41) Camera setup ⌨️ (05:34:27) Image processing: Isolating blue pixels ⌨️ (05:49:36) Moving avatar with camera ⌨️ (05:55:59) Plan for day 2 (Important) ⌨️ (06:02:32) Code refactoring with OOP ⌨️ (06:15:43) Ditching the idea* above and sticking to point A ⌨️ (06:43:07) Linear algebra ⌨️ (06:52:20) Particle system ⌨️ (07:08:57) Constraints (segments) ⌨️ (08:00:50) Dynamic front hair skeleton ⌨️ (08:17:30) Dynamic back hair skeleton ⌨️ (08:31:43) Sliders to control the mouth ⌨️ (08:45:09) Real-time face tracking ⌨️ (09:42:58) Recognizing facial markers ⌨️ (10:03:58) Solving the 'fidgiting' problem by averaging ⌨️ (10:09:14) On averaging points ⌨️ (10:10:14) Side-points of mouth ⌨️ (10:11:56) Quick demo and quick planning ⌨️ (10:13:41) Working with pre-recorded video ⌨️ (10:24:03) Multi-input support in interface ⌨️ (10:57:40) Styling front hair ⌨️ (11:18:13) Styling back hair ⌨️ (11:35:18) Adding side hair ⌨️ (11:40:56) Debugging option ⌨️ (11:50:40) Shirt strings ⌨️ (12:00:21) Extensive testing ⌨️ (12:01:34) Final touches ⌨️ (12:09:50) Trying to fix nose, then gave up (too tired & found some bug) ⌨️ (12:30:46) Final testing, writing instructions and last thoughts -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news

How to Build a Successful MVP for Your App – Full Course

ChTGbmR2NeM | 19 Jul 2022

How to Build a Successful MVP for Your App – Full Course

Learn how to build a Minimum Viable Product (MVP). An MVP is a version of a product with just enough features to be usable by early customers who can then provide feedback for future product development. You will learn how to build an MVP using the Retool platform. ✏️ Ania Kubow developed this course. Check out her channel: https://www.youtube.com/aniakubow 🏗 Retool provided a grant to make this course possible. Learn more about Retool: https://retool.com ⭐️ Course Contents ⭐️ ⌨️ (00:00) What is an MVP? ⌨️ (02:10) Why is an MVP useful? ⌨️ (04:42) Getting started with Retool ⌨️ (06:25) Adding components ⌨️ (14:15) Adding MongoDB database ⌨️ (19:05) Inserting data ⌨️ (23:05) Populating feed with data ⌨️ (27:25) Updating CSS ⌨️ (31:21) Adding a trigger ⌨️ (38:16) Create timeline of posts ⌨️ (43:21) Add messages feature ⌨️ (1:03:20) Add upload feature ⌨️ (1:08:28) Configure Amazon S3 ⌨️ (1:12:14) Create uploader ⌨️ (1:13:49) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React JS Tutorial – Build a Weather App With Cities Autocomplete

Reny0cTTv24 | 14 Jul 2022

React JS Tutorial – Build a Weather App With Cities Autocomplete

In this React project tutorial, you will learn to build a weather application using the OpenWeatherMap API and GeoDB API with places autocomplete. ✏️ Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/c/CodewithSloba 💻 Code: https://github.com/bobangajicsm/react-weather-app 💻 OpenWeather API: https://openweathermap.org/ 💻 GeoDB Cities API: https://rapidapi.com/wirefreethought/api/geodb-cities/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:30) How to get API keys ⌨️ (0:02:30) Creating the application and installing packages ⌨️ (0:05:25) Building city search component ⌨️ (0:23:48) Building current weather component ⌨️ (0:43:23) Fetching and mapping data from weather API ⌨️ (1:01:35) Building weather forecast component ⌨️ (1:34:20) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenStack Tutorial – Operate Your Own Private Cloud (Full Course)

_gWfFEuert8 | 11 Jul 2022

OpenStack Tutorial – Operate Your Own Private Cloud (Full Course)

Learn how to use OpenStack and manage your own private cloud. 🔗 Start working with OpenStack using OpenMetal here: https://openmetal.io/cloud-trial-youtube-exclusive/ OpenStack is an open source software that provides cloud infrastructure for virtual machines, bare metal, and containers. In this course you will gain a core understanding of what OpenStack is and you will learn the basics of setting up and administering OpenStack using the OpenMetal platform. ✏️ Beau Carnes created this course. 🏗 This course was made possible by a grant from OpenMetal. ⭐️ Course Contents ⭐️ ⌨️ (00:00) What is OpenStack? ⌨️ (02:25) OpenStack Services ⌨️ (04:42) Set Up OpenMetal ⌨️ (09:17) Access OpenStack Dashboard ⌨️ (13:42) Create OpenStack Project ⌨️ (15:42) Create OpenStack User ⌨️ (17:56) Manage and Creating Images ⌨️ (21:54) Create a Private Network and Router ⌨️ (25:25) Visualize Network Topology ⌨️ (26:17) Create a Security Group ⌨️ (27:33) Set Up SSH Access ⌨️ (31:26) Create Instance ⌨️ (37:15) Log In to Instance ⌨️ (38:57) Install and Use OpenStack CLI ⌨️ (46:29) List Servers Using CLI ⌨️ (47:25) Using Various CLI Commands ⌨️ (50:16) How Private Clouds are Deployed ⌨️ (51:27) Understand Ceph ⌨️ (53:01) Check Status of Ceph Cluster ⌨️ (54:53) View Used Resources -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript DOM Manipulation – Full Course for Beginners

5fb2aPlgoys | 07 Jul 2022

JavaScript DOM Manipulation – Full Course for Beginners

Learn about JavaScript DOM manipulation in this beginner's tutorial. This is when you use JavaScript to add, remove, and modify elements of a website. In the first part of the course, you will learn about the basic features of a website DOM and the JavaScript commands you can use to manipulate the DOM. In the second part of the course, you will use what you have learned to create practical examples ranging from beginner to advanced. ✏️ CodeLab created this course. Check out their channel: https://www.youtube.com/c/CodeLab98 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:32) What is the DOM? ⌨️ (0:02:05) DOM Tree Analogy ⌨️ (0:04:01) Selecting Elements in the DOM ⌨️ (0:11:44) Styling an Element ⌨️ (0:16:33) Creating Elements ⌨️ (0:17:32) Adding Elements ⌨️ (0:18:33) Modify Text ⌨️ (0:21:15) Modifying Elements Attributes & Classes ⌨️ (0:24:59) Remove an Element ⌨️ (0:25:47) DOM Tree Recap ⌨️ (0:27:58) Traversing the DOM ⌨️ (0:37:48) Event Listeners ⌨️ (0:44:59) Event Listener Example ⌨️ (0:50:16) Event Propagation ⌨️ (1:00:07) Event Delegation ⌨️ (1:11:13) Introduction to Projects ⌨️ (1:11:52) Project 1: Beginner ⌨️ (1:14:26) Project 1 Mark-Up ⌨️ (1:16:31) General Styles for All Projects ⌨️ (1:17:08) Project 1 CSS Styling ⌨️ (1:24:40) Project 1 JavaScript ⌨️ (1:29:39) Project 2: Beginner + ⌨️ (1:30:41) Project 2 Mark Up ⌨️ (1:32:33) Project 2 CSS styling ⌨️ (1:41:30) Project 2 JavaScript ⌨️ (1:46:08) Project 2 CSS Styling p2 ⌨️ (1:47:53) Project 3: Intermediate ⌨️ (1:48:39) Project 3 Mark Up ⌨️ (1:49:59) Project 3 CSS Styling ⌨️ (1:55:19) Project 3 JavaScript ⌨️ (1:58:02) Project 3 CSS Styling p2 ⌨️ (2:00:45) Project 4: Pro ⌨️ (2:01:26) Project 4 Mark Up ⌨️ (2:02:44) Project 4 CSS Styling ⌨️ (2:06:36) Project 4 JavaScript ⌨️ (2:20:37) Project 5: Master ⌨️ (2:22:01) Project 5 Mark Up ⌨️ (2:23:15) Project 5 CSS Styling ⌨️ (2:26:39) Project 5 JavaScript ⌨️ (2:33:52) Project 5 CSS Styling p2 ⌨️ (2:38:41) Project 5 JavaScript p2 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Tutorial – Build 2 Word Games!

vYEkEMfoi1c | 05 Jul 2022

JavaScript Tutorial – Build 2 Word Games!

In this tutorial for beginners, you will improve your JavaScript skills by coding two word games. ✏️ Ania Kubow developed this course. Check out her channel: https://www.youtube.com/aniakubow Code: 💻 Word Association: https://github.com/kubowania/word-association-vanilla-javascript 💻 Jeopardy: https://github.com/kubowania/jeopardy-vanilla-javascript ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:30) Word Association Game ⌨️ (49:51) Jeopardy Game 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners

V53AHWun17s | 29 Jun 2022

Learn Terraform with Azure by Building a Dev Environment – Full Course for Beginners

This project will guide you through Terraform basics as you utilize Visual Studio Code (on Windows, Mac, or Linux!) to deploy Azure resources and an Azure VM that you can SSH into to have your own redeployable environment that will be perfect for your own future projects! ✏️ Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com 🔗 LinkedIn: https://linkedin.com/in/derekm1215 🔗 Twitter: https://twitter.com/derekm1215 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:51) VSCode Setup ⌨️ (0:05:24) Terraform Provider Init ⌨️ (0:11:26) A Resource Group ⌨️ (0:16:57) A Virtual Network and Referencing other Resources ⌨️ (0:23:29) Terraform State ⌨️ (0:27:17) Terraform Destroy ⌨️ (0:30:29) A Subnet ⌨️ (0:35:36) A Security Group ⌨️ (0:41:51) Security Group Associations ⌨️ (0:44:00) A Public IP ⌨️ (0:47:40) A Network Interface ⌨️ (0:52:45) A Key Pair ⌨️ (0:57:57) Custom Data ⌨️ (1:02:24) SSH Config Scripts ⌨️ (1:05:56) The Provisioner ⌨️ (1:14:53) Data Sources ⌨️ (1:19:04) Outputs ⌨️ (1:23:09) Variables ⌨️ (1:26:41) Variable Precedence ⌨️ (1:31:09) Conditionals 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Greedy Algorithms Tutorial – Solve Coding Challenges

bC7o8P_Ste4 | 27 Jun 2022

Greedy Algorithms Tutorial – Solve Coding Challenges

Learn how to use greedy algorithms to solve coding challenges. Many tech companies want people to solve coding challenges during interviews and many of the challenges can be solved using a greedy algorithm. A greedy algorithm is any algorithm that follows the problem-solving heuristic of making the locally optimal choice at each stage. ✏️ Course from Tanishq Chaudhary. Check out his channel: https://www.youtube.com/c/TanishqChaudhary1337/ Links to coding challenges on Interview Bit: 🔗 Highest product: https://www.interviewbit.com/problems/highest-product/ 🔗 Bulbs: https://www.interviewbit.com/problems/interview-questions/ 🔗 Disjoint intervals: https://www.interviewbit.com/problems/disjoint-intervals/ 🔗 Largest permutation: https://www.interviewbit.com/problems/largest-permutation/ 🔗 Meeting rooms: https://www.interviewbit.com/problems/meeting-rooms/ 🔗 Distribute candy: https://www.interviewbit.com/problems/distribute-candy/ 🔗 Seats: https://www.interviewbit.com/problems/seats/ 🔗 Assign mice to holes: https://www.interviewbit.com/problems/assign-mice-to-holes/ 🔗 Majority element: https://www.interviewbit.com/problems/majority-element/ 🔗 Gas station: https://www.interviewbit.com/problems/gas-station/ ⭐️ Course contents ⭐️ ⌨️ (0:00:00) Greedy introduction ⌨️ (0:04:32) Bulbs ⌨️ (0:12:11) Highest product ⌨️ (0:17:08) Disjoint intervals ⌨️ (0:28:43) Largest permutation ⌨️ (0:38:30) Meeting rooms ⌨️ (0:49:25) Distribute candy ⌨️ (1:03:13) Seats ⌨️ (1:19:13) Assign mice to holes ⌨️ (1:24:19) Majority element ⌨️ (1:35:28) Gas station ⌨️ (1:52:39) End -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build API Powered Dashboards - MongoDB, Discord and Mail API

ccfpj4eD6YM | 24 Jun 2022

Build API Powered Dashboards - MongoDB, Discord and Mail API

Build an API powered marketing dashboard using a low code approach. You will learn how to use Appsmith to easily create many tools that startups need. The dashboard will incorporate MongoDB, the SMTP API, and the Discord web hook. ✏️ Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow 💻 Appsmith Github repo: https://GitHub.com/Appsmithorg/Appsmith This course was made possible by a grant from Appsmith. Learn more about Appsmith: https://www.appsmith.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:34) Getting started with Appsmith ⌨️ (0:10:56) Connected to MongoDB ⌨️ (0:23:00) Adding data to Appsmith app ⌨️ (0:57:08) Create send messages page ⌨️ (1:27:56) Show different marketing lists ⌨️ (1:51:36) Implementing Discord web hook 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Automate with Python – Full Course for Beginners

PXMJ6FS7llk | 20 Jun 2022

Automate with Python – Full Course for Beginners

Learn how to automate your life with Python! You will learn how to automate boring and repetitive tasks such as creating an Excel report, sending text messages, extracting tables from websites, interacting with websites, and more. You will learn how to use a few different Python libraries to help with automation such as Path, Selenium, XPath, and more. 💻 Source Code & Datasets: https://github.com/ifrankandrade/automation ✏️ Course from Frank Andrade. Check out his YouTube Channel: https://www.youtube.com/c/FrankAndrade5 🔗 Automation Cheat Sheet: https://frankandrade.ck.page/44559e1ae7 🔗 Frank's 11-Hour Automation Course in Python: https://www.udemy.com/course/automate-your-life-with-python/?referralCode=7FA8B361D7A92B03A8C3 🔗 Frank's Discord Server: https://discord.gg/6xyQaj8bJK ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:31) Project #1 Table Extraction - Extract Tables from Websites ⌨️ (0:02:53) Table Extraction - Extract CSV Files from Websites ⌨️ (0:09:38) Table Extraction - Extract Tables from PDFs ⌨️ (0:13:06) Project #2 - Web Automation & Web Scraping - HTML Basics - Tags and Elements ⌨️ (0:20:57) Web Automation & Web Scraping - HTML Basics - Tree Structure ⌨️ (0:24:22) Web Automation & Web Scraping - XPath - Syntax, Functions and Operators ⌨️ (0:28:06) Web Automation & Web Scraping - XPath - Test Your XPath ⌨️ (0:33:38) Web Automation & Web Scraping - XPath - Special Characters and Syntax ⌨️ (0:38:17) Automate The News - Installing Selenium and ChromeDriver ⌨️ (0:40:34) Automate The News - Creating The Driver ⌨️ (0:44:46) Automate The News - Finding Elements ⌨️ (1:04:34) Automate The News - Exporting Data to a CSV File ⌨️ (1:12:34) Automate The News - Headless mode ⌨️ (1:18:18) Automate The News - Preparing Script to Be Run Everyday ⌨️ (1:30:17) Automate The News - Convert py to exe ⌨️ (1:37:18) Automate The News - Schedule Python Script with crontab (masOS) ⌨️ (1:42:16) Project #3 - Automate Excel Report - Create a Pivot Table with Python ⌨️ (1:49:42) Automate Excel Report - Add a Barchart ⌨️ (2:05:02) Automate Excel Report - Write Excel Formulas with Python ⌨️ (2:19:18) Automate Excel Report - Format Cells ⌨️ (2:23:04) Automate Excel Report - Convert Pivot Table to Excel Report ⌨️ (2:25:32) Automate Excel Report - Generate Excel Reports with One Click (py to exe) ⌨️ (2:33:22) Project #4 - Automate WhatsApp 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python TensorFlow for Machine Learning – Neural Network Text Classification Tutorial

VtRLrQ3Ev-U | 15 Jun 2022

Python TensorFlow for Machine Learning – Neural Network Text Classification Tutorial

This course will give you an introduction to machine learning concepts and neural network implementation using Python and TensorFlow. Kylie Ying explains basic concepts, such as classification, regression, training/validation/test datasets, loss functions, neural networks, and model training. She then demonstrates how to implement a feedforward neural network to predict whether someone has diabetes, as well as two different neural net architectures to classify wine reviews. ✏️ Course created by Kylie Ying. 🎥 YouTube: https://youtube.com/ycubed 🐦 Twitter: https://twitter.com/kylieyying 📷 Instagram: https://instagram.com/kylieyying/ This course was made possible by a grant from Google's TensorFlow team. ⭐️ Resources ⭐️ 💻 Datasets: https://drive.google.com/drive/folders/1YnxDqNIqM2Xr1Dlgv5pYsE6dYJ9MGxcM?usp=sharing 💻 Feedforward NN colab notebook: https://colab.research.google.com/drive/1UxmeNX_MaIO0ni26cg9H6mtJcRFafWiR?usp=sharing 💻 Wine review colab notebook: https://colab.research.google.com/drive/1yO7EgCYSN3KW8hzDTz809nzNmacjBBXX?usp=sharing ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:34) Colab intro (importing wine dataset) ⌨️ (0:07:48) What is machine learning? ⌨️ (0:14:00) Features (inputs) ⌨️ (0:20:22) Outputs (predictions) ⌨️ (0:25:05) Anatomy of a dataset ⌨️ (0:30:22) Assessing performance ⌨️ (0:35:01) Neural nets ⌨️ (0:48:50) Tensorflow ⌨️ (0:50:45) Colab (feedforward network using diabetes dataset) ⌨️ (1:21:15) Recurrent neural networks ⌨️ (1:26:20) Colab (text classification networks using wine dataset) -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Visual Basic (VB.NET) – Full Course for Beginners

HFWQdGn5DaU | 13 Jun 2022

Visual Basic (VB.NET) – Full Course for Beginners

Lean the fundamentals of programming with Visual Basic (sometimes called Visual Basic .NET or VB.NET). In this tutorial, you will learn about the basic constructs of high level programming languages, including sequence, selection and iteration. You will learn how to build an event-driven, form-based, user interface to capture input, and you will learn how to write code to validate and process the data collected. There is also a free intermediate course available for students who progress beyond this one. 🔗 Get Visual Studio for free: https://visualstudio.microsoft.com/ ✏️ Kevin Drumm developed this course. Check out his YouTube channel: https://www.youtube.com/c/ComputerScienceLessons ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:46) Hello Visual Studio ⌨️ (0:13:44) Customise The Visual Studio IDE ⌨️ (0:19:13) Output and Variables ⌨️ (0:34:26) Variable Data Types ⌨️ (0:41:56) Input with Windows Forms ⌨️ (0:54:18) Debugging Code ⌨️ (1:02:47) Arithmetic Operators ⌨️ (1:14:24) Complex Arithmetic Expressions ⌨️ (1:22:50) Selection with If Statements ⌨️ (1:32:58) Logical and Relational Operators 1 ⌨️ (1:47:32) Logical and Relational Operators 2 ⌨️ (1:56:37) Select Case ⌨️ (2:02:57) For Next ⌨️ (2:08:17) Practice For Next Loops & If Blocks ⌨️ (2:12:39) Do While ⌨️ (2:21:24) Condition Controlled Loops ⌨️ (2:29:39) Array Variables ⌨️ (2:39:48) Practice Arrays & Loops ⌨️ (2:49:46) Linear Search ⌨️ (2:56:24) Two Dimensional Arrays ⌨️ (3:07:00) 2D Arrays & Nested Loops 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code an Amazon Clone Using Flutter and JavaScript – Full Course

ylJz7N-dv1E | 09 Jun 2022

Code an Amazon Clone Using Flutter and JavaScript – Full Course

Build a full stack e-commerce app with Flutter, Javascript, Node.js, Express, MongoDB and Mongoose. In this tutorial, you'll learn to build the UI of Amazon from scratch, create REST APIs, store data in MongoDB using Mongoose, use REST APIs with Flutter & Dart using Models, use the Flutter State Management tool as a provider, and create a cross platform app that works on Android and iOS. 💻 Source Code: https://github.com/RivaanRanawat/flutter-amazon-clone-tutorial 💻 Colors and Images: https://github.com/RivaanRanawat/flutter-amazon-clone-tutorial/blob/master/lib/constants/global_variables.dart ✏️ Rivaan Ranawat created this course. Check out his channel: https://www.youtube.com/c/RivaanRanawat 📌 Rivaan's Discord Server: https://discord.gg/Q8Rx8YWFVF ⭐️ Course Conents ⭐️ (0:00:03) Introduction & Demo (0:01:04) Setting Up The Flutter Project (0:05:30) Setting Up Themes (0:09:05) Folder Structure (0:10:31) Setting Up Routes (0:16:58) Auth Screen UI (0:38:57) What is Nodejs (0:39:53) Nodejs Installation (0:41:51) Initialising Node (0:45:06) First Nodejs Script (0:46:47) NPM & Dependencies (0:52:25) Creating Server (0:58:39) Nodemon (1:02:37) Create your First API (1:08:49) Exercise 1: Create GET API (1:09:19) Solution 1 (1:20:12) Routers (1:17:45) Middleware (1:21:33) Sign up Route (1:26:31) Connecting to MongoDB (1:33:17) Creating User Model (1:42:34) Sign up Route cntd (2:09:19) Connecting Sign Up Route With Client Side (2:31:04) Adding TextField & Form Validator (2:34:45) Sign In Route / Exercise 2 (2:37:12) Creating Sign In Route (Solution 2) (2:47:57) Connecting Sign In Route with Client Side (3:04:01) Persisting State (3:25:11) Creating BottomNavBar (3:36:33) Account Screen UI (4:04:39) Home Screen UI (4:41:35) Admin Screen BottomNavBar (4:49:38) Add Product Screen UI (5:08:21) Picking Images (5:17:16) Admin - Selling Product (5:28:43) Create Admin Middleware / Exercise (5:29:24) Solution (5:31:39) Sell Product Contd. (5:48:36) Admin - Fetching & Displaying All Products (6:08:39) Admin - Deleting Product (6:17:09) Self Exercise (Add Product Realtime) (6:17:43) Getting & Displaying Products Based on Category (6:41:19) Searching & Displaying Products (6:47:59) Optional Exercise (Creating Search Product API) (7:06:14) Product Details Screen UI (7:25:58) Rating Products (7:31:09) Rating Product API / Exercise (7:31:43) Solution (7:41:00) Display Ratings (7:50:34) Fetch Deal of The Day (Optional Exercise) (8:05:05) Adding To Cart (8:31:46) Displaying Cart Products (8:52:08) Decreasing Quantity in Cart (9:00:33) Address Screen (9:10:53) Adding GPay/ Apple Pay (9:32:56) Storing User Address & Ordering (9:55:55) Viewing My Orders (10:06:07) Viewing Order Details (10:28:37) Admin - Viewing All Orders (10:37:42) Admin - Change Order Status (10:45:53) Total & Category-Wise Earnings (11:04:34) Display Sales Chart (11:09:44) Log Out (11:14:29) Deployment to Heroku (11:19:55) Testing on Android Device (11:21:46) (Bonus) Flutter 3 (Everything Works!) (11:24:35) Material 3 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Speech Recognition in Python Tutorial – Full Course for Beginners

mYUyaKmvu6Y | 08 Jun 2022

Speech Recognition in Python Tutorial – Full Course for Beginners

Learn how to implement speech recognition in Python by building five projects. You will learn how to use the AssemblyAI API for speech recognition. 💻 Code: https://github.com/AssemblyAI-Examples/python-speech-recognition-course ✏️ Course created by Misra Turp & Patrick Loeber. They post regularly on the AssemblyAI YouTube channel: https://www.youtube.com/c/AssemblyAI ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:37) Audio Processing Basics ⌨️ (0:26:37) Speech Recognition in Python ⌨️ (0:52:48) Sentiment Classification ⌨️ (1:09:58) Podcast Summarization Web App ⌨️ (1:40:21) Real-time Speech Recognition + Voice Assistant 🏗️ This course was made possible through a grant from Pulumi. Learn more about Pulumi: https://www.assemblyai.com/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial

zhJLVFR3pE8 | 02 Jun 2022

Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial

Learn all about how to provision infrastructure programmatically by building a simplified Heroku clone with Python. At the end you will also learn how to provision a web app on AWS using JavaScript. ✏️ Beau Carnes developed this course. 💻 Code: https://github.com/beaucarnes/herocool ⭐️ Resources ⭐️ 🔗 Installing Pulumi: https://www.pulumi.com/docs/get-started/install/ 🔗 Get free AWS account here: https://aws.amazon.com/free/ 🔗 Installing AWS CLI: https://docs.aws.amazon.com/cli/latest/userguide/install-cliv2.html 🔗 Get AWS Access key ID and secret access key: https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-quickstart.html#cli-configure-quickstart-creds ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:49) Setup environment ⌨️ (0:10:10) Initial Flask code ⌨️ (0:13:05) Pulumi app ⌨️ (0:17:37) HTML templates ⌨️ (0:25:06) Provisioning websites code ⌨️ (0:42:35) Provisioning VMs code ⌨️ (0:50:48) Create SSH key/value pair ⌨️ (0:53:45) Testing app ⌨️ (1:05:03) Connecting to created VM ⌨️ (1:07:31) Provisioning using JavaScript ⌨️ (1:19:09) Conclusion 🏗️ This course was made possible through a grant from Pulumi. Learn more about Pulumi: https://www.pulumi.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Shopping Cart with JavaScript – Project Tutorial

cT_ZYrS3tKc | 31 May 2022

Build a Shopping Cart with JavaScript – Project Tutorial

Improve your JavaScript skills by coding a shopping cart using vanilla JavaScript ('vanilla' just means JavaScript with no frameworks or libraries). 💻 GitHub: https://github.com/JoyShaheb/shopping-cart-js/tree/starter-files 🖥 Live Demo: https://shopping-cart-js-joyshaheb.vercel.app/ ✏️ Joy Shaheb created this course. Check out his channel: https://www.youtube.com/c/JoyShaheb ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:56) Setup ⌨️ (0:09:19) Navbar ⌨️ (0:24:41) Product Cards ⌨️ (1:04:18) Increment Function ⌨️ (1:18:28) Decrement Function ⌨️ (1:21:37) Update Functions ⌨️ (1:27:46) Calculation ⌨️ (1:36:11) local Storage ⌨️ (1:48:50) Cart Page ⌨️ (2:50:00) remove Item ⌨️ (2:56:00) Total Bill ⌨️ (3:07:53) Clear Cart ⌨️ (3:14:17) Adding more Products 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Chrome Extension – Course for Beginners

0n809nd4Zu4 | 27 May 2022

Build a Chrome Extension – Course for Beginners

Learn how to create a Chrome browser extension using JavaScript and the new iteration of the web extensions platform, called Manifest V3. ✏️ Raman Hundal developed this tutorial. 💻 YouTube Bookmarker Starter Code: https://github.com/raman-at-pieces/youtube-bookmarker-starter-code 💻 YouTube Bookmarker Finished Code: https://github.com/raman-at-pieces/youtube-bookmarker-finished-code 🔗 Pieces AI-assistant download: https://pieces.app/install 🔗 Publishing extension on the chrome store docs: https://developer.chrome.com/docs/webstore/publish/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:15) Demo ⌨️ (0:05:18) Understanding manifest.json ⌨️ (0:08:46) Coding the extention ⌨️ (0:31:37) newVideoLoaded function ⌨️ (0:31:37) fetchBookmarks ⌨️ (0:37:08) addEventListener ⌨️ (0:48:03) addNewBookmark function ⌨️ (1:00:33) Testing the extention 🎉 Thanks to Pieces.app for providing a grant that made this course possible. 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course

gyMwXuJrbJQ | 26 May 2022

Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course

This course will give you a full introduction into all of the core concepts related to blockchain, smart contracts, Solidity, ERC20s, full-stack Web3 dapps, decentralized finance (DeFi), JavaScript, TypeScript, Chainlink, Ethereum, upgradable smart contracts, DAOs, the graph, moralis, aave, IPFS, and more. Follow along with the videos and you'll be a blockchain wizard in no time! 💻 Code, resources, and support forum: https://github.com/smartcontractkit/full-blockchain-solidity-course-js Please reference the repo for anything you need and feel free to leave issues and participate in the discussions. ⭐️ Course Contents ⭐ ⌨️ (00:00:00) Lesson 0: Welcome To Blockchain ⌨️ (00:09:05) Lesson 1: Blockchain Basics ⌨️ (02:01:16) Lesson 2: Welcome to Remix! Simple Storage ⌨️ (03:05:34) Lesson 3: Remix Storage Factory ⌨️ (03:31:55) Lesson 4: Remix Fund Me ⌨️ (05:30:42) Lesson 5: Ethers.js Simple Storage ⌨️ (08:20:17) Lesson 6: Hardhat Simple Storage ⌨️ (10:00:48) Lesson 7: Hardhat Fund Me ⌨️ (12:32:57) Lesson 8: HTML / Javascript Fund Me (Full Stack / Front End) ⌨️ (13:41:02) Lesson 9: Hardhat Smart Contract Lottery ⌨️ (16:34:07) Lesson 10: NextJS Smart Contract Lottery (Full Stack / Front End) ⌨️ (18:51:36) Lesson 11: Hardhat Starter Kit ⌨️ (18:59:24) Lesson 12: Hardhat ERC20s ⌨️ (19:16:13) Lesson 13: Hardhat DeFi & Aave ⌨️ (20:28:51) Lesson 14: Hardhat NFTs ⌨️ (23:37:03) Lesson 15: NextJS NFT Marketplace (Full Stack / Front End) ⌨️ (24:53:11) Lesson 16: Hardhat Upgrades ⌨️ (25:45:24) Lesson 17: Hardhat DAOs ⌨️ (27:28:32) Lesson 18: Security & Auditing ✏️ Course developed by Patrick Collins. Check out his YouTube channel: https://www.youtube.com/c/patrickcollins Follow Patrick! 🐦 Twitter: https://twitter.com/PatrickAlphaC 📺 YouTube: https://www.youtube.com/c/PatrickCollins ✍️ Medium: https://medium.com/@patrick.collins_58673 💻 GitHub: https://github.com/PatrickAlphaC 🏢 LinkedIn: https://www.linkedin.com/in/patrickalphac/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Testing Course for Beginners – Code and Test 3 Apps

8vfQ6SWBZ-U | 23 May 2022

React Testing Course for Beginners – Code and Test 3 Apps

In this React testing course, you will learn how to code, test, and deploy 3 different React apps. You will learn how to use React Testing Library, write end-to-end visual tests, and develop comprehensive test strategies. You will also learn how to use testing tools such as Happo.io, Cypress, and Jest. 💻 GitHub Links: 1: https://github.com/nadvolod/react-web-app 2: https://github.com/nadvolod/js-code/tree/master/birthday-reminder 3: https://github.com/nadvolod/js-code/tree/master/dev-portfolio ✏️ Nikolay Advolodkin created this course. Check out his channel: https://www.youtube.com/ultimateqa 📥 Subscribe to Nikolay's weekly email on JavaScript testing: https://ultimateqa.ck.page/js-testing-tips 📝 Nikolay's blog: https://ultimateqa.com/blog ⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:01:47) Creating A React App and Deploy to Microsoft Azure (0:42:14) Birthday Reminder React App with Full Testing (1:18:29) Build & Test A Portfolio Website 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Drum Machine with Python and Pygame – Full Project Course

F3J3PZj0zi0 | 19 May 2022

Drum Machine with Python and Pygame – Full Project Course

In this Python & Pygame project course you will learn how to create a drum kit machine / beat maker. This course is for both beginners and experienced developers. It covers Python and Object Oriented Programming concepts including nested for loops, functions, using audio files for generating sound, and saving / reading data. 💻 Download the code and sounds in this zip file: https://github.com/plemaster01/LeMasterTechYT/raw/main/beatMaker.zip ✏️ Pete LeMaster created this course. Check out his channel: https://www.youtube.com/channel/UCV5Ab39YnXvTZ6Grar9URxQ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:31) Project Showcase ⌨️ (0:02:19) Setting Up the App ⌨️ (0:08:48) Drawing the Board ⌨️ (0:26:02) Turning Notes On and Off ⌨️ (0:40:04) Add A Moving Beat Tracker ⌨️ (0:48:52) Adding Sounds and Making them Play! ⌨️ (0:57:41) Add Play/Pause Functionality ⌨️ (1:05:06) Adjust Total Beats and Speed ⌨️ (1:19:57) Turn an Instrument On or Off ⌨️ (1:29:07) Epic Water Break Content ⌨️ (1:29:37) Drawing the Save and Load Buttons ⌨️ (1:32:57) Adding Clear/Reset Board Functionality ⌨️ (1:33:37) Drawing the Save and Load Menus ⌨️ (1:47:52) Saving Beat Information ⌨️ (2:06:10) Loading In Saved Beats ⌨️ (2:42:57) Clean Up and Final Troubleshooting! 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQL Server Performance Essentials – Full Course

HvxmF0FUwrM | 17 May 2022

SQL Server Performance Essentials – Full Course

In this course, Essentials of SQL Server Performance For Every Developer, you will see how to diagnose what is happening with a slow running SQL statement and what strategies are available to make these statements run faster. By the end of this course, you as an application developer will have the tools you need to troubleshoot performance problems you may encounter when using SQL Server. 💻 Code, links, Dynamic Views(DMVs), and Database Backups: https://github.com/iCodeMechanic/Essentials-of-Sql-Server-Performance-for-Every-Developer ✏️ Course from Rajan Arora. Check out his channel: https://www.youtube.com/c/ICodeMechanic ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction Getting Started ⌨️ (0:00:53) 1.1 Course Introduction ⌨️ (0:04:07) 1.2 Why Developers should Understand SQL Performance ⌨️ (0:06:20) 1.3 Tools you Need ⌨️ (0:09:30) 1.4 Restore the Sample Database ⌨️ (0:12:04) 1.5 Table Concept ⌨️ (0:17:12) 1.6 Index Concept ⌨️ (0:20:32) 1.7 Summary Analyzing SQL Statements for Performance ⌨️ (0:22:12) 2.1 Introduction ⌨️ (0:24:55) 2.2 Understanding How SQL Server Will Execute a SQL Statement ⌨️ (0:29:33) 2.3 Reading and Interpreting an Execution Plan for a SQL Statement ⌨️ (0:39:44) 2.4 Getting Execution Statistics for a SQL Statement ⌨️ (0:45:29) 2.5 Improving Statement Performance by Adding an Index ⌨️ (0:52:11) 2.6 Rewriting SQL Statements for Improved Performance ⌨️ (0:58:32) 2.7 Common Execution Plan Operations ⌨️ (1:03:50) 2.8 Summary Building Indexes ⌨️ (1:07:30) 3.1 Introduction ⌨️ (1:09:09) 3.2 Index Terminology Refresher ⌨️ (1:12:11) 3.3 What Should I Index in My Database? ⌨️ (1:16:16) 3.4 Why Index Column Order Matters ⌨️ (1:23:39) 3.5 Index Selectivity Explained ⌨️ (1:36:23) 3.6 LIKE Clauses and Index Selectivity ⌨️ (1:40:27) 3.7 How Functions in the WHERE Clause Affect Indexes ⌨️ (1:46:10) 3.8 Include Columns and Covering Indexes ⌨️ (1:50:40) 3.9 Over-indexing ⌨️ (1:54:40) 3.10 Interpreting SQL Server Index Recommendations ⌨️ (1:57:38) 3.11 Summary Finding Bottlenecks in SQL Server Performance ⌨️ (2:03:19) 4.1 Introduction ⌨️ (2:08:36) 4.2 Getting Information About SQL Server Sessions and Resource Usage ⌨️ (2:12:02) 4.3 Finding What SQL Statements are Currently Executing ⌨️ (2:18:47) 4.4 Finding the Slowest, Most Expensive SQL Statements ⌨️ (2:24:13) 4.5 Getting SQL Server's Recommendations on Missing Indexes ⌨️ (2:29:38) 4.6 Finding Indexes That are Not Being Used ⌨️ (2:34:13) 4.7 Summary Capturing Trace Logs of Application from SQL Server ⌨️ (2:35:55) 5.1 Introduction ⌨️ (2:42:03) 5.2 Setting up a SQL Profiler Trace ⌨️ (2:49:59) 5.3 Running a SQL Profiler Trace ⌨️ (2:55:22) 5.4 Running a Trace as a Server Side Trace ⌨️ (3:03:19) 5.5 Introduction to Using Extended Events for SQL Tracing ⌨️ (3:06:58) 5.6 Setting up an Extended Events Trace Session ⌨️ (3:16:50) 5.7 Running and Configuring the Display Settings for an Extended Events Trace ⌨️ (3:20:38) 5.8 Analyzing Extended Events Trace Data ⌨️ (3:27:10) 5.9 Using Extended Events in SQL Azure ⌨️ (3:31:36) 5.10 Summary Apply Common Practices for Better Performance ⌨️ (3:35:47) 6.1 Introduction ⌨️ (3:37:17) 6.2 Use Parameterized SQL ⌨️ (3:42:59) 6.3 Are Stored Procedures Faster Than SQL in Application Code? ⌨️ (3:43:04) 6.4 Commit Behavior and Performance ⌨️ (3:50:16) 6.5 Object Relational Mappers Just Generate SQL ⌨️ (3:53:19) 6.6 Solving the N+1 Selects Problem ⌨️ (3:59:56) 6.7 Summary 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning

Rs_rAxEsAvI | 12 May 2022

Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning

Learn how to create a neural network using JavaScript with no libraries. In this course you will learn to make a self-driving car simulation by implementing every component step-by-step. You will learn how to implement the car driving mechanics, how to define the environment, how to simulate some sensors, how to detect collisions, and how to make the car control itself using a neural network. The course covers how artificial neural networks work, by comparing them with the real neural networks in our brain. You will learn how to implement a neural network and how to visualize it so we can see it in action. ✏️ Dr. Radu Mariescu-Istodor created this course. Check out his channel: https://www.youtube.com/channel/UC3XGlNq8O5hZlZBJlSFB4jg 💻 Code: https://github.com/gniziemazity/Self-driving-car ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:44) Car driving mechanics ⌨️ (0:32:26) Defining the road ⌨️ (0:50:50) Artificial sensors ⌨️ (1:10:07) Collision detection ⌨️ (1:23:20) Simulating traffic ⌨️ (1:34:57) Neural network ⌨️ (2:03:10) Parallelization ⌨️ (2:18:31) Genetic algorithm ⌨️ (2:29:40) Ending ⭐️ Links ⭐️ 🔗 Radu's website (with enhanced version of code): https://radufromfinland.com 🔗 Radu's workplace (consider applying): https://karelia.fi/en/front-page 🔗 Segment intersection (Math and JavaScript code): https://youtu.be/fHOLQJo0FjQ 🔗 Visualizing a neural network in JavaScript: https://youtu.be/lok3RVBwSqE 🔗 Visualizer code: https://radufromfinland.com/projects/selfdrivingcar/visualizer.js 🔗 Drawing random color cars in JavaScript: https://youtu.be/SL6PfDpSjao 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Social Media App with Django – Python Web Framework Tutorial

xSUm6iMtREA | 09 May 2022

Build a Social Media App with Django – Python Web Framework Tutorial

Improve your Python Django skills by coding a social media app. ✏️ Course developed by CodeWithTomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi 🔗 Join CodeWithTomi's Discord Server: https://discord.gg/cjqNBHHhKV 🔗 Twitter: https://twitter.com/TomiTokko3 💻 Source code: https://github.com/tomitokko/django-social-media-website 💻 Template files: https://github.com/tomitokko/django-social-media-template 🔗 Download All Free Resources - https://codewithtomi.eo.page/mz396 ⭐️ Course Contents ⭐️ (0:00:00) Intro (0:00:52) Project Demo (0:06:37) Project Setup (0:14:20) URL Routing (0:23:06) Template Setup (0:27:52) Static Files (0:36:47) Profile Model (1:00:31) Signup (1:33:11) Signin and Logout (1:47:55) Account Settings (2:17:00) Uploading Post (2:49:55) Post Feed (3:00:22) Like Post (3:20:50) Profile Page (3:37:20) Follow and Unfollow User (4:10:23) Post Feed Updated (4:18:35) Download Images (4:21:03) Search User (4:38:18) User Suggestions 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Visualization with D3 – Full Course for Beginners [2022]

xkBheRZTkaw | 05 May 2022

Data Visualization with D3 – Full Course for Beginners [2022]

Learn data visualization with D3.js. D3 is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. This course is an edited collection of live streams. ✏️ Curran Kelleher teaches this course. Check out his channel: https://www.youtube.com/channel/UCSwd_9jyX4YtDYm9p9MxQqw ⭐️ Course Resources ⭐️ 🔗 https://vizhub.com/blog/2021/02/20/new-livestream-series-get-it-right-in-black-and-white/ 🔗 https://vizhub.com/forum/t/get-it-right-in-black-white-index/110 ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:06:16) SVG Fundamentals ⌨️ (01:05:11) Pseudo Visualizations ⌨️ (02:16:26) Sol LeWitt in Vanilla JS ⌨️ (03:32:31) Sol LeWitt in D3 ⌨️ (05:08:31) D3 Selections ⌨️ (06:43:11) JavaScript Modules & Build Tools ⌨️ (08:04:07) Productizing a Codebase ⌨️ (10:25:28) Scatter Plot ⌨️ (11:56:28) Reusable Charts ⌨️ (13:28:27) Dynamic Charts ⌨️ (15:07:37) Charts with Menus ⌨️ (16:35:23) Quantitative and Categorical ⌨️ (18:17:35) Closing the Series -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Router 6 – Tutorial for Beginners

59IXY5IDrBA | 04 May 2022

React Router 6 – Tutorial for Beginners

Learn how to use React Router V6 in this crash course for beginners. React Router is the most popular way to add page routing in React Apps. It is used very frequently in React projects. ✏️ John Smilga from Coding Addict created this course. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 💻 Source Code: https://github.com/john-smilga/react-router-6-tutorial 🔗 React Tutorial: https://www.youtube.com/watch?v=bMknfKXIFA8 🔗 React Projects: https://www.youtube.com/watch?v=a_7Z7C_JCyo ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) First Pages ⌨️ (0:11:01) Page Components ⌨️ (0:15:47) Link Component ⌨️ (0:19:39) Error Page ⌨️ (0:22:39) Navbar ⌨️ (0:24:39) Nested Routes ⌨️ (0:29:39) Shared Layout ⌨️ (0:35:58) Index Pages ⌨️ (0:41:43) NavLink Component ⌨️ (0:49:02) URL Params ⌨️ (0:55:56) Single Product ⌨️ (1:01:36) useNavigate() ⌨️ (1:09:49) Protected Route ⌨️ (1:13:52) Refactor 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Cloud Associate Cloud Engineer Course - Pass the Exam!

jpno8FSqpc8 | 02 May 2022

Google Cloud Associate Cloud Engineer Course - Pass the Exam!

Prepare for the Google Cloud Associate Cloud Engineer (ACE) exam and pass! Associate Cloud Engineers deploy applications, monitor operations, and manage enterprise solutions. They use Google Cloud Console and the command-line interface to perform common platform-based tasks to maintain one or more deployed solutions that leverage Google-managed or self-managed services on Google Cloud. ✏️ Course developed by Antoni Tzavelas. 🐦 Antonio on Twitter: https://twitter.com/antoniscloud ☁️ Introduction 🎤 (00:00:00) Meet Your Instructor 🎤 (00:16:56) Google Cloud Certifications and Exams 🎤 (00:28:46) Scenario Bowtie 🎤 (00:41:27) Preview of Practice Exam ☁️ Cloud Computing Fundamentals 🎤 (00:46:35) What Is Cloud Computing 🎤 (00:53:29) Cloud Deployment Models 🎤 (01:00:13) Cloud Service Models ☁️ Google Cloud Fundamentals 🎤 (01:08:22) Google Cloud Global Infrastructure 🎤 (01:15:19) Compute Service Options 🎤 (01:24:10) Storage and Database Options 🎤 (01:32:56) Networking Services ☁️ Account Setup 🎤 (01:38:56) Resource Hierarchy 🎤 (01:47:53) Create Free Tier Account 🎤 (01:54:41) Securing Your Account 🎤 (02:05:13) GCP Console Overview 🎤 (02:13:17) Cloud Billing 🎤 (02:28:18) Controlling Costs and Budget Alerts 🎤 (02:38:14) Controlling Costs and Budget Alerts Follow Along 🎤 (02:53:15) Billing Export 🎤 (03:00:07) Cloud APIs 🎤 (03:04:32) Adding an Admin User 🎤 (03:14:16) Cloud SDK and CLI 🎤 (03:18:32) Cloud SDK and CLI Follow Along 🎤 (03:36:08) Managing Cloud SDK 🎤 (03:52:25) Cloud Shell and Editor 🎤 (04:10:53) Creating and managing projects 🎤 (04:10:57) Limits and Quotas ☁️ Identity and Access Management 🎤 (04:20:55) Cloud IAM 🎤 (04:37:07) Policies and Conditions 🎤 (04:47:22) Cloud IAM 🎤 (05:04:56) Service Accounts 🎤 (05:16:40) Service Accounts 🎤 (05:33:40) Cloud Identity 🎤 (05:44:05) Cloud IAM Best Practices ☁️ Networking Services 🎤 (05:51:56) Networking Refresher PART 1 🎤 (06:07:46) Networking Refresher PART 2 🎤 (06:18:39) Virtual Private Cloud 🎤 (06:35:56) VPC Network Subnets 🎤 (06:40:58) Routing and Private Google Access 🎤 (06:57:47) IP Addressing 🎤 (07:11:59) Creating Internal and External Static IP Addresses PART 1 🎤 (07:21:05) Creating Internal and External Static IP Addresses PART 2 🎤 (07:33:33) Firewall and Firewall Rules 🎤 (07:46:55) Custom VPC Part 1 🎤 (08:01:43) Custom VPC Part 2 🎤 (08:13:16) VPC Network Peering 🎤 (08:20:02) VPC Network Peering 🎤 (08:34:53) Shared VPC 🎤 (08:43:43) VPC Flow Logs 🎤 (08:51:03) DNS Fundamentals 🎤 (09:06:32) DNS Record Types 🎤 (09:18:27) Network Address Translation PART 1 🎤 (09:28:48) Network Address Translation PART 2 🎤 (09:39:05) Cloud DNS ☁️ Compute Engine 🎤 (09:47:08) Virtualization Fundamentals 🎤 (09:59:21) Compute Engine Overview 🎤 (10:09:24) Creating a VM Instance 🎤 (10:27:41) Compute Engine Machine Types 🎤 (10:42:03) Managing Instances 🎤 (11:00:40) Connecting to Your Instances 🎤 (11:23:13) Metadata and Startup Scripts 🎤 (11:38:27) Compute Engine Billing 🎤 (11:53:35) Storage Fundamentals 🎤 (12:04:21) Persistent Disk and Local SSDs 🎤 (12:21:50) Managing disks on Compute Engine 🎤 (12:40:37) Snapshots 🎤 (12:50:11) Creating Snapshots and Snaphot Schedules 🎤 (13:03:37) Deployment Manager 🎤 (13:16:46) Deployment Manager ☁️ High Availability and Autoscaling 🎤 (13:33:21) Cloud Load Balancers PART 1 🎤 (13:41:10) Cloud Load Balancers PART 2 🎤 (13:54:00) Instance Groups and Instance Templates 🎤 (14:05:38) Managing Bowties PART 1 🎤 (14:17:49) Managing Bowties PART 2 ☁️ Kubernetes Engine Containers 🎤 (14:25:45) Introduction to Containers 🎤 (14:34:50) GKE and Kubernetes Concepts 🎤 (14:47:10) Cluster and Node Management 🎤 (15:00:23) Pods and Object Management 🎤 (15:14:12) Kubernetes Services 🎤 (15:32:18) Ingress for GKE 🎤 (15:40:57) GKE Storage Options 🎤 (15:57:05) Creating a GKE Cluster ☁️ Hybrid Connectivity 🎤 (16:42:38) Cloud VPN 🎤 (16:51:57) Cloud Interconnect ☁️ Serverless Services 🎤 (17:03:10) App Engine Overview 🎤 (17:15:44) Deploying Serverless Bowties to App Engine 🎤 (17:30:49) Introduction to Cloud Functions 🎤 (17:38:56) Deploying a Cloud Function ☁️ Storage Services 🎤 (17:49:46) Cloud Storage Storage Types 🎤 (18:04:24) Object Lifecycle Management and Versioning 🎤 (18:12:05) Managing Cloud Storage Access 🎤 (18:32:43) Object Lifecycle Management and Versioning 🎤 (18:46:20) Cloud SQL 🎤 (19:03:51) Cloud Spanner 🎤 (19:11:42) NoSQL Databases ☁️ Big Data and Machine Learning 🎤 (19:24:04) Big Data Services 🎤 (19:41:34) Machine Learning Services ☁️ Operations Suite 🎤 (19:50:36) Operations Suite

Blazor WebAssembly & Web API on .NET 6 – Full Course (C#)

sHuuo9L3e5c | 28 Apr 2022

Blazor WebAssembly & Web API on .NET 6 – Full Course (C#)

Learn Blazor WebAssembly and Web API on .NET 6 by building a shopping cart application using C#. This course also provides a guide on how to integrate a payment gateway into your Blazor WebAssembly component, so that a user is able to pay for products through your application using a debit or credit card or PayPal account. ✏️ Gavin Lon created this course. Check out his channel: https://www.youtube.com/c/GavinLon 💻 Code: https://github.com/GavinLonDigital/ShopOnlineSolution ⭐️ Resources ⭐️ 🔗 Copy Seed Data from GitHub: https://github.com/GavinLonDigital/ShopOnlineSolution/blob/main/ShopOnline.Api/CodeSnippets/OnModelCreating.txt 🔗 Download Visual Studio 2022 for Widows (Community Edition): https://visualstudio.microsoft.com/vs/ 🔗 A Video on .NET 6: https://youtu.be/EoDY1MvYVx4 🔗 Download SQL Server 2019: https://www.microsoft.com/en-us/sql-server/sql-server-downloads ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:51) Create the Database using EF Core Code First Database Migrations ⌨️ (0:26:05) Retrieve Product Data from Database (Web API component) ⌨️ (0:30:17) Create Classes for Data Transfer Objects (DTOs) ⌨️ (0:36:22) Create ProductRepository Class (Repository Design Pattern) ⌨️ (0:43:05) Create ProductController Class ⌨️ (0:51:08) Create DtoConversion Class (DTO Conversion Extension methods) ⌨️ (0:57:45) Display Product Data to User (Blazor WebAssembly Component) ⌨️ (1:39:59) Display Data for Specific Product to User (Web API and Blazor) ⌨️ (2:06:07) Add Product to Shopping Cart (Web API and Blazor) ⌨️ (2:52:40) Remove Product from Shopping Cart (Web API and Blazor) ⌨️ (3:14:03) Update the Quantity of Products in the Shopping Cart (Web API, Blazor, Blazor JavaScript Interoperability) ⌨️ (3:44:01) Update the Header Menu in Response to a Change to the State of the Shopping Cart (Creating Custom Events in Blazor) ⌨️ (4:04:48) Integration of PayPal Payment Gateway into Blazor Component ⌨️ (4:36:03) Dynamically Populate the Side-Bar Menu (Web API and Blazor) ⌨️ (5:05:44) Optimise Code for Performance (Web API and Blazor) ⌨️ (5:08:26) Use Include Extension Method in LINQ Query (Web API) ⌨️ (5:14:00) User Local Storage Functionality (Blazor) ⌨️ (5:35:42) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Assembly Language Programming with ARM – Full Course for Beginners

gfmRrPjnEw4 | 27 Apr 2022

Assembly Language Programming with ARM – Full Course for Beginners

Learn assembly language programming with ARMv7 in this beginner's course. 🦾 ARM is becoming an increasingly popular language in the world of computer programming. It is estimated that over 200 billion devices contain an ARM chip, making the ARM language valuable to understand. By understanding an assembly language, programmers can have a better understanding of how code is compiled and run, making it possible to create more efficient programs. In addition to this, programmers can work at a lower level, allowing them to write code that interacts with hardware in an efficient manner. ✏️ Scott Cosentino created this course. Check out his YouTube channel: https://www.youtube.com/channel/UC7KBXRtv-EkiOFsRtpBxIbg 💻 Emulator for ARM programming: https://cpulator.01xz.net/?sys=arm-de1soc ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:08) Intro and Setup ⌨️ (0:03:33) Emulation and Memory Layout ⌨️ (0:13:22) Your First Program ⌨️ (0:24:39) Addressing Modes ⌨️ (0:37:10) Arithmetic and CPSR Flags ⌨️ (0:48:38) Logical Operations ⌨️ (0:55:03) Logical Shifts and Rotations Part 1 ⌨️ (1:02:23) Logical Shifts and Rotations Part 2 ⌨️ (1:09:06) Conditions and Branches ⌨️ (1:19:37) Loops with Branches ⌨️ (1:29:16) Conditional Instruction Execution ⌨️ (1:34:36) Branch with link register and returns ⌨️ (1:41:05) Preserving and Retrieving Data From Stack Memory ⌨️ (1:49:49) Hardware Interactions ⌨️ (1:58:07) Setting up Qemu for ARM ⌨️ (2:07:52) Printing Strings to Terminal ⌨️ (2:20:26) Debugging Arm Programs with Gdb 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Train AI to Play Snake – Reinforcement Learning Course (Python, PyTorch, Pygame)

L8ypSXwyBds | 25 Apr 2022

Train AI to Play Snake – Reinforcement Learning Course (Python, PyTorch, Pygame)

In this Python Reinforcement Learning course you will learn how to teach an AI to play Snake! We build everything from scratch using Pygame and PyTorch. 💻 Code: https://github.com/python-engineer/snake-ai-pytorch ✏️ Course developed by Python Engineer. Check out his YouTube channel: https://www.youtube.com/channel/UCbXgNpp0jedKWcQiULLbDTA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Part 1: Basics of Reinforcement Learning and Deep Q Learning ⌨️ (0:17:22) Part 2: Setup environment and implement snake game ⌨️ (0:40:07) Part 3: Implement agent to control game ⌨️ (1:10:59) Part 4: Create and train neural network 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Redux Toolkit Tutorial – JavaScript State Management Library

bbkBuqC1rU4 | 20 Apr 2022

Redux Toolkit Tutorial – JavaScript State Management Library

Learn how to use Redux Toolkit in this course for beginners. Redux Toolkit is from the Redux team and tt is intended to be the standard way to write Redux logic. So if you want to learn Redux to help with state management, this is the video for you. 💻 Code: https://github.com/john-smilga/redux-toolkit-tutorial ✏️ Course developed by John Smilga. Check out his YouTube channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA ⭐️ Course Conetents ⭐️ ⌨️ (0:00:00) Setup Store ⌨️ (0:11:09) Create Slice ⌨️ (0:18:49) Dev Tools ⌨️ (0:20:28) useSelector() ⌨️ (0:29:04) Hero Icons ⌨️ (0:32:08) Local Data ⌨️ (0:34:24) Render List ⌨️ (0:43:33) Cart Item ⌨️ (0:46:59) Clear Cart ⌨️ (0:54:37) Return State ⌨️ (0:57:23) Remove Item ⌨️ (1:04:01) Toggle Amount ⌨️ (1:10:19) Calculate Totals ⌨️ (1:16:27) Create Modal ⌨️ (1:18:56) Modal Complete ⌨️ (1:28:26) createAsyncThunk ⌨️ (1:41:30) createAsyncThunk Options 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

OqbGRZx4xUc | 18 Apr 2022

Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

In this course, you will improve your Python skills by coding a Minesweeper game using the tkinter library. The game is fully implemented using Object Oriented Programming. ✏️ Course from JimShapedCoding. Check out his channel: https://www.youtube.com/channel/UCU8d7rcShA7MGuDyYH1aWGg 💻 Code: https://github.com/jimdevops19/MinesweeperGame ⭐️ Course Conetents ⭐️ ⌨️ (0:00:00) Getting Started ⌨️ (0:26:22) Creating Cells & Mines ⌨️ (0:49:40) Minesweeper Algorithms ⌨️ (1:36:29) Display Game data ⌨️ (2:00:28) Finishing touches and playing the game 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Low-Code for Freelance Developers & Startups – Tutorial

hDzgO2FB_ms | 13 Apr 2022

Low-Code for Freelance Developers & Startups – Tutorial

Low-code is a software development approach that requires little coding in order to build applications. It is made possible through a low-code platform. Learn how to use low code tools and APIs to build a customer support dashboard. You will learn how create the dashboard using the Appsmith platform, Google Sheet API, and the Stripe API. ✏️ Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow 🏗️ This course was made possible through a grant from Appsmith. Learn more about Appsmith: https://www.appsmith.com/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners

iRaai1IBlB0 | 11 Apr 2022

Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners

Learn Terraform basics as you utilize Visual Studio Code (On Windows, Mac, or Linux!) to deploy AWS resources and an EC2 instance that you can SSH into to have your own redeployable environment. ✏️ Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com ⭐️ Course Contents ⭐️ ⌨️ Welcome and Setup (0:00) ⌨️ What We're Going to Build ⌨️ AWS IAM Setup ⌨️ Local Environment Setup ⌨️ Let's Build! (7:22) ⌨️ AWS Provider and Terraform Init ⌨️ A VPC and Terraform Apply ⌨️ The Terraform State ⌨️ Terraform Destroy ⌨️ A Subnet and Referencing ⌨️ An IGW and Terraform fmt ⌨️ A Route Table ⌨️ A Route Table Association ⌨️ A Security Group ⌨️ An AMI Datasource ⌨️ A Key Pair ⌨️ An EC2 Instance ⌨️ Userdata and the File Function ⌨️ SSH Config Scripts ⌨️ The Provisioner and Templatefile ⌨️ The Deployment and Replace ⌨️ Variables ⌨️ Variable Precedence ⌨️ Conditional Expressions ⌨️ Outputs ⌨️ Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Let's Play Break The Code 2 – Code Cracking Game for Developers with Tom and Shaun

sWMAsRqcoWc | 08 Apr 2022

Let's Play Break The Code 2 – Code Cracking Game for Developers with Tom and Shaun

Break The Code 2 is a new browser game that sends you back in time to the year 1999. You complete codebreaking missions using your programming knowledge and your puzzle-solving skills. Watch freeCodeCamp software engineers Tom and Shaun rack their brains as they try to crack codes. This video was made possible by a grant from .Tech Domains, who developed this game. You can play Break The Code 2 yourself for free right in your browser: https://go.tech/btcfcc This video will show you how to play the game, and how to solve the first two missions. There are 11 missions in total. -- You can also check out Tom's Relational Database curriculum at: https://www.freecodecamp.org/learn/relational-database/ And check out Shaun's Rust curriculum: https://www.freecodecamp.org/news/rust-in-replit/

Design a Scalable Mobile App With Figma Variants

stQ1IZEB2xk | 07 Apr 2022

Design a Scalable Mobile App With Figma Variants

Learn how to use Figma Variants to design a scalable mobile app. Variants can streamline your frontend design process by allowing you to group and organize similar components into a single container. ✏️ Ahmet Efeoglu developed this course. Check out his channel: https://www.youtube.com/channel/UCSziSLMFFNT4PaRQhEwANzg 🔗 Tutorial file link: https://www.figma.com/file/FrLR3t9jZ9X8psPdmztdlh/Activista-Tutorial-Initial-Screens?node-id=0%3A1 🔗 Homework file link: https://www.figma.com/file/8js2feuv6LdhmvVtBXkC2L/Figma-Activista-Tutorial-Homework?node-id=0%3A1 ⌨️ (0:00:18) Intro ⌨️ (0:02:13) Accessing Tutorial and Homework Files ⌨️ (0:04:24) Project Overview ⌨️ (0:05:27) Recommending Personal and freeCodeCamp Channel ⌨️ (0:06:25) Basics Overview ⌨️ (0:08:22) Learning The Frame Functionality ⌨️ (0:10:25) Learning The Autolayout Functionality ⌨️ (0:14:39) Learning The Component Functionality ⌨️ (0:18:55) Learning The Variant Functionality ⌨️ (0:21:42) Creating The Type System ⌨️ (0:28:41) Creating The Color Palette/System ⌨️ (0:35:54) Creating The Icon Set ⌨️ (0:41:34) Creating Input Variants ⌨️ (0:52:23) Creating Large Button Variant ⌨️ (1:00:47) Designing Sign Up and Login Screen ⌨️ (1:18:46) Creating Status Bar Variant ⌨️ (1:23:14) Creating The Filter Variant ⌨️ (1:27:40) Creating Bottom Navigation Variant ⌨️ (1:35:02) Creating Image Card Variant ⌨️ (1:49:27) Updating Input Variant ⌨️ (1:57:31) Designing The Discover Screens ⌨️ (2:15:20) Creating Large Avatar Variant ⌨️ (2:24:05) Creating Small Button Variant ⌨️ (2:32:45) Creating The Benefit Card Variant ⌨️ (2:46:45) Designing Details Screen 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML / CSS Tutorial – Create a Preview Card Component

PfhFnPuWums | 05 Apr 2022

HTML / CSS Tutorial – Create a Preview Card Component

Improve your HTML and CSS frontend developer skills by creating a preview card component. You can apply the concepts from this video to other types of front-end elements. ✏️ Madison Kanna created this course. Check out her channel: https://www.youtube.com/c/MadisonKanna 💻 Code: https://github.com/Madisonkanna/nft-card 🔗 Project: https://www.frontendmentor.io/challenges/nft-preview-card-component-SbdUL_w0U ⭐️ Course Contents ⭐️ ⌨️ (0:00:13) Intro ⌨️ (0:01:07) Project setup ⌨️ (0:01:42) Intro to design tools ⌨️ (0:03:03) Starter files ⌨️ (0:05:16) Creating the project ⌨️ (0:07:12) Hello world ⌨️ (0:08:18) Intro To HTML ⌨️ (0:09:57) Intro to CSS ⌨️ (0:11:28) Stylesheet setup ⌨️ (0:12:18) HTML, CSS and JS ⌨️ (0:14:33) Class selectors ⌨️ (0:16:03) Building the card ⌨️ (0:16:28) CSS Variables ⌨️ (0:20:57) CSS Specificity ⌨️ (0:22:28) Card title ⌨️ (0:25:23) Adding the image ⌨️ (0:27:53) CSS Box Model ⌨️ (0:34:42) Box-sizing ⌨️ (0:40:28) Adding the font ⌨️ (0:50:28) Building the active state ⌨️ (0:51:13) Creating the image overlay ⌨️ (0:53:15) CSS Positions ⌨️ (1:00:09) Centering the eye icon ⌨️ (1:02:14) CSS Opacity ⌨️ (1:05:25) Block vs inline element ⌨️ (1:08:23) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Gitpod Course – ExamPro Cloud Developer Environment Certification

XcjqapXfrhk | 04 Apr 2022

Full Gitpod Course – ExamPro Cloud Developer Environment Certification

Learn Gitpod and prepare to pass a cloud certification in this complete course for beginners. If you are a web-application developer looking to learn how to leverage the cloud or want to become a cloud developer, the ExamPro Cloud Development Environment (EXP-CDE-01) is the first step. ✏️ Andrew Brown created this course. 🐦 Andrew on Twitter: https://twitter.com/andrewbrown 🔗 Additional exam resources: https://www.exampro.co/exp-cde-01 ⭐️ Course Contents ⭐️ ☁️ Introduction 🎤 (00:00:00) Meet Your Instructor 🎤 (00:12:01) Introduction ☁️ Cloud Developer Environment Concepts 🎤 (00:12:05) What is Cloud Native 🎤 (00:14:04) Cloud Developer vs Modern Application Engineer 🎤 (00:16:55) Code Editor vs IDE 🎤 (00:19:34) The Seven Benefits of Cloud Developer Environments 🎤 (00:22:37) What is Gitpod 🎤 (00:24:09) Gitpod at a glance 🎤 (00:24:55) Gitpod vs Other Providers 🎤 (00:37:57) Context based Developer Workflows 🎤 (00:42:11) Visual Studio Code 🎤 (00:43:26) Docker ☁️ Gitpod Integration 🎤 (00:45:39) Version Control Systems 🎤 (00:47:41) VSC Permissions 🎤 (00:49:04) Gitpod Editor Support 🎤 (00:50:01) JetBrains 🎤 (00:52:51) Open in Local VSCode 🎤 (00:54:41) Gitpod Browser Extension 🎤 (00:55:28) Gitpod Browser Bookmarklet 🎤 (01:08:59) Gitlab Integration 🎤 (01:09:03) Bitbucket Integration 🎤 (01:15:22) Github Integration 🎤 (01:20:42) Browser Extension 🎤 (01:32:28) Browser Bookmarklet ☁️ Gitpod Configuration 🎤 (01:37:45) Gitpod Configuration File 🎤 (01:39:59) Initialization Gitpod Configuration File 🎤 (01:40:48) Gp Init 🎤 (01:42:43) Iterative Workflow 🎤 (01:48:31) Start Tasks 🎤 (01:50:38) Execution Order Steps 🎤 (01:57:37) Execution Order Steps Without Prebuilds 🎤 (01:59:12) Execution Order Steps with Prebuild 🎤 (02:01:19) Multi line Tasks 🎤 (02:17:34) Awaiting Tasks 🎤 (02:35:33) Computer Networking Ports 🎤 (02:37:53) Gitpod Ports 🎤 (02:39:26) Gitpod Port Configuration 🎤 (02:40:46) Port Forwarding 🎤 (02:41:42) Git Ports 🎤 (03:12:45) Gitpod Custom Docker Image 🎤 (03:15:29) Gitpod Workspace Base Image 🎤 (03:16:53) GItpod Workspace Full Image 🎤 (03:17:51) Custom Dockerfile 🎤 (03:29:07) QuickStart Templates 🎤 (03:39:08) Docker Compose 🎤 (03:40:23) Building VM or Container Images 🎤 (03:41:11) Gitpod Environment Variables 🎤 (03:42:09) Gitpod Prefix and Default Env Vars 🎤 (03:43:19) Env Vars 🎤 (04:01:48) OpenMode 🎤 (04:02:48) VSCode Extensions 🎤 (04:04:01) Built In Extensions 🎤 (04:04:58) Open VSX Registry 🎤 (04:06:56) Add Extension Context Menu Option 🎤 (04:07:39) User Extensions with Gitpod Configuration File 🎤 (04:08:57) VSCode Settings Sync 🎤 (04:10:38) VSCode Extensions ☁️ Gitpod Workflows 🎤 (04:24:14) Gitpod Workspaces 🎤 (04:25:25) Underyling Gitpod Resource Size 🎤 (04:27:02) Workspace Lifecycle 🎤 (04:28:44) Underlying Lifecycle and Phases 🎤 (04:30:29) Workspace Instance Types 🎤 (04:31:50) Gitpod Workspace Timeout 🎤 (04:33:26) Timeout and Timeout Boost 🎤 (04:36:07) Workspace Directory 🎤 (04:37:22) Context and Gitpod URL 🎤 (04:39:05) Share Snapshot Workspace 🎤 (04:40:32) Share Running Workspace 🎤 (04:42:15) Gitpod CLI 🎤 (04:43:49) gp open 🎤 (04:44:15) gp url 🎤 (04:44:45) gp preview 🎤 (04:45:55) GP CLI 🎤 (04:50:33) Gitpod Palette Commands 🎤 (04:54:00) Teams and Projects 🎤 (04:55:05) Roles Matrix 🎤 (04:55:49) Prebuilds 🎤 (04:57:38) VPN via Tailscale 🎤 (04:58:53) Gitpod Projects 🎤 (05:09:10) Gitpod Prebuilds ☁️ Gitpod Offering 🎤 (05:26:44) Gitpod Pricing 🎤 (05:30:23) Monitor Hourly Usage 🎤 (05:30:57) Hourly Usage 🎤 (05:32:34) Team Pricing 🎤 (05:33:13) Self Hosted Gitpod 🎤 (05:35:17) Gitpod Security 🎤 (05:37:56) Security Vulnerability Disclosure Policy 🎤 (05:39:00) Security Vulnerability Disclosure Policy Page 🎤 (05:40:26) Gitpod Support 🎤 (05:49:10) Gitpod OSS 🎤 (06:03:12) OpenVSCode Server 🎤 (06:04:27) Open VSCode Server 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Firebase – Full Course for Beginners

fgdpvwEWJ9M | 31 Mar 2022

Firebase – Full Course for Beginners

Firebase is a platform developed by Google for creating mobile and web applications. Learn how to use Firebase 9 in this full course for beginners. Plus, learn how to integrate Firebase with different JavaScript Frameworks. ✏️ Cybernatico developed this course. Check out their channel: https://www.youtube.com/c/CybernaticoByNishant 💻 Code: https://github.com/nishant-666/Firebase-Frontend 🔗 Firebase Documentation: https://firebase.google.com/docs/build?hl=en ⌨️ How to Setup Firebase and connect to a front-end application ⌨️ Firebase Authentication with different methods ⌨️ Firebase CRUD Operations, i.e. Add Data, Read Data, Update Data, and Delete Data ⌨️ Firebase Storage to store files ⌨️ Firebase Firestore Queries to filter data ⌨️ Firebase Real time listener in Firestore Database ⌨️ Firebase Hosting ⌨️ Firebase with Different JavaScript Frameworks 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Augmented Reality for Everyone - Full Course

WzfDo2Wpxks | 30 Mar 2022

Augmented Reality for Everyone - Full Course

Learn about Extended Reality / Augmented Reality from both a theoretical and practical perspective in this full course for beginners.. Learn to develop AR mobile applications and AR Filters for Instagram and Facebook from scratch. Learn concepts from scratch such as XR Fundamentals, Unity Engine, C#, Markerbased AR Development and AR Filter development. ✏️ Course from Priyanshu Bhattaharjee. Check out his channel: https://www.youtube.com/c/CodedRealityXR 🔗 Course Website: https://arcourse.netlify.app/ 🔗 Syllabus: https://arcourse.netlify.app/pages/syllabus 🔗 Lecture Materials: https://arcourse.netlify.app/pages/materials.html ⭐️ Code ⭐️ 💻 Project 1: AR Car Customizer: https://github.com/Priyanshu-CODERX/AR001P1-ARCarCustomizer 💻 Project 2: AR Business Card: https://github.com/Priyanshu-CODERX/AR001P2-ARBusinessCard 💻 Project 3: AR Encyclopedia: https://github.com/Priyanshu-CODERX/AR001P3-AR-Encyclopedia ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Course Introduction ⌨️ (00:03:44) 1.0 Introduction to XR ⌨️ (00:37:00) 2.0 Installing Unity ⌨️ (00:45:31) 2.1 Unity Tutorial ⌨️ (01:51:48) 3.1 Intro to C# ⌨️ (02:10:02) 3.2 Comments, Variables, Data Types _ Type Casting ⌨️ (03:24:32) 3.3 Operators ⌨️ (04:12:28) 3.4 Conditionals ⌨️ (04:45:42) 3.5 Loops ⌨️ (05:20:39) 3.6 Arrays ⌨️ (05:43:35) 3.7 Functions ⌨️ (05:58:45) 3.8 Classes and Objects ⌨️ (06:26:21) 4.1 Marker Based Augmented Reality in Depth ⌨️ (06:57:32) 4.2 Setting up Vuforia and developing our first Vuforia App ⌨️ (07:26:17) 4.3 Free Resources ⌨️ (07:33:58) 4.4 Multiple Target Tracking ⌨️ (07:45:33) 4.5 Virtual Buttons ⌨️ (08:18:45) 4.6 AR Video Playback ⌨️ (08:33:06) 5.1 Project 1 AR Car Customizer ⌨️ (09:01:49) 5.2 Project 2 AR Business Card ⌨️ (09:46:48) 5.3 Project 3 AR Encyclopedia ⌨️ (10:45:07) 6.1 Introduction to Spark AR ⌨️ (10:57:52) 6.2 Face Tracker and Face Mesh ⌨️ (11:08:10) 6.3 Head Occluder ⌨️ (11:19:25) Final Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project Tutorial – Build a Portfolio Website w/ Advanced Animations

bmpI252DmiI | 29 Mar 2022

React Project Tutorial – Build a Portfolio Website w/ Advanced Animations

In this video, you will learn how to build React portfolio website from scratch with advanced animations. ✏️ Slobodan developed this course: https://www.youtube.com/channel/UCBu5ulO4d-d47lAVybpRTkw 🔗 Code and assets: https://github.com/bobangajicsm/react-portfolio-website 🔗 Map library https://react-leaflet.js.org/ 🔗 EmailJS library: https://www.emailjs.com/docs/examples/reactjs/ 🔗 Final version: https://bobangajicsm.github.io/portfolio/portfo... Learn: ✔️ How to draw SVG animation using GSAP and React ✔️ How to animate letters on hover using Animate.css and React ✔️ How to add page loading animation using React-Loaders ✔️ How to add Pacman animation in React ✔️ How to create custom 3D CSS animations ✔️ How to implement font icons in React ✔️ How to create and implement contact form in React using EmailJS ✔️ How to add maps to your website in React using Leafleat.js ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:43) Create React app with npx ⌨️ (0:01:01) Instaling libraries ⌨️ (0:03:56) Define global styles ⌨️ (0:06:56) Create routes ⌨️ (0:09:01) Building left sidebar ⌨️ (0:20:31) Building site layout ⌨️ (0:23:01) Building Home page ⌨️ (0:40:51) Draw SVG Logo animation ⌨️ (0:48:29) Build About page ⌨️ (1:03:56) Build page loader ⌨️ (1:06:11) Build Contact page 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reinforcement Learning with Unity - Course for Beginners

r_D-sBEXWlY | 28 Mar 2022

Reinforcement Learning with Unity - Course for Beginners

Learn Reinforcement Learning, a type of machine learning, by building two games in Unity that use Reinforcement Learning. ✏️ Course from Max Hager. 💻 Unity ML-Agents installations site: https://github.com/Unity-Technologies/ml-agents/blob/main/docs/Installation.md ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:01:26) Reinforcement Learning Theory ⌨️ (00:04:59) Installation ⌨️ (00:17:05) Game One ⌨️ (01:08:50) Game Two 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Microservices with FastAPI – Full Course

Cy9fAvsXGZA | 24 Mar 2022

Microservices with FastAPI – Full Course

Learn how to create a simple Microservices app using Python FastAPI with React on the frontend. We will use RedisJSON as a Database and dispatch events with Redis Streams. RedisJSON is a NoSQL database just like MongoDB and Redis Streams is an Event Bus just like RabbitMQ or Apache Kafka. ✏️ Course from Scalable Scripts. Check out their channel: https://www.youtube.com/c/ScalableScripts 💻 Code: https://github.com/scalablescripts/fastapi-microservices ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:30) App Demo ⌨️ (03:29) Inventory Microservice Setup ⌨️ (05:46) Redis Cloud ⌨️ (07:13) Connect to Redis Cloud ⌨️ (09:04) Products CRUD ⌨️ (20:05) Payment Microservice Setup ⌨️ (25:40) Internal Http Requests ⌨️ (30:54) Background Tasks ⌨️ (36:50) Redis Streams ⌨️ (58:34) Frontend 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Taxes for Freelance Developers – Full Course

l8HB14TBzs8 | 23 Mar 2022

Taxes for Freelance Developers – Full Course

A discussion of why proper tax management is crucial for freelancers and self-employed developers who wish to get ahead financially. This video discusses core tax concepts, the taxation of various business structures, deductions, making one’s payments, as well as state and local taxation. The advice is mainly applicable to people in the United States. ✏️ Course developed by Luke Ciciliano. 🔗 Luke's website: https://www.modern-website.design/ 🐦 Luke on Twitter: https://twitter.com/Luke_Ciciliano Note: Neither Luke Ciciliano or freeCodeCamp are holding themselves out as tax professionals. The information in this video is a matter of personal opinion and should not be seen as tax or investment advice. Any decisions regarding taxation and investments should be discussed with a licensed professional. ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (4:56) Why You Must Be Mindful Of Your Taxes - Discussion of how taxes impact your financial standing - Discussion of how most people aren’t mindful of tax management ⌨️ (9:32) Core Tax Concepts - Differences between “revenue” and “income” - How individuals & different business entities are taxed – Overview - Levels of taxation – federal, state, local - The difference between taxes paid, and taxes paid in during the year ⌨️ (25:49) How Different Business Structures Are Taxed - Understanding the Qualified Business Income Deduction – QBI - Taxation of sole proprietorships - Taxation of Limited Liability Companies - Taxation of S Corporations ⌨️ (37:34) Understanding & Maximizing Tax Deductions - Understanding deductions - Common deductions - Deductions commonly missed - Tax benefits of retirement savings ⌨️ (56:33) Making Tax Payments During The Year - Making estimated tax payments - Problems with “overpaying” during the year ⌨️ (1:03:25) Where You Live Impacts Your Tax Bill - State & local tax considerations ⭐️ Resources ⭐️ Intuit Payroll: https://quickbooks.intuit.com/payroll/ Form 1040-ES: https://www.irs.gov/pub/irs-pdf/f1040es.pdf ⭐️ Suggested Reading ⭐️ Business Adventures by John Brooks: https://www.amazon.com/Business-Adventures-Twelve-Classic-Street/dp/1497644895/ref=sr_1_1?crid=2QJXLNQTFFB3F&keywords=business+adventures+by+john+brooks&qid=1647462109&sprefix=business+adv%2Caps%2C159&sr=8-1 Unshakeable by Tony Robins: https://www.amazon.com/Unshakeable-Your-Financial-Freedom-Playbook/dp/1501164597/ref=sr_1_1?crid=15NVF6AF3HGLO&keywords=unshakeable+tony+robbins&qid=1647462146&sprefix=unshakeable%2Caps%2C70&sr=8-1 ⭐️ Luke’s Prior Videos ⭐️ Guide to being a successful freelance developer: https://youtu.be/4TIvB8zDFio Getting clients as a freelance developer: https://youtu.be/Z63TxAJotgQ Video Credits Mikhail Nilov from Pexels oão Adão from Pexels olia danilevich from Pexels Tima Miroshnichenko from Pexels Pavel Danilyuk from Pexels Mikael Blomkvist from Pexels 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Go Programming by Building 11 Projects – Full Course

jFfo23yIWac | 22 Mar 2022

Learn Go Programming by Building 11 Projects – Full Course

In this Go programming language course for beginners, you will improve your Go programming skills by building eleven projects. ✏️ Akhil Sharma created this course. Check out his channel: https://www.youtube.com/c/AkhilSharmaTech ⭐️ Project Code ⭐️ 1. Build A Simple Web Server With Golang - https://github.com/AkhilSharma90/simple-http-server-GO 2. Build A CRUD API With Golang - https://github.com/AkhilSharma90/Golang-MySQL-CRUD-Bookstore-Management-API 3. Golang With MySQL Book Management System - https://github.com/AkhilSharma90/Golang-MySQL-CRUD-Bookstore-Management-API 4. Simple SlackBot To Calculate Age - https://github.com/AkhilSharma90/GO-Slackbot-Calculates-Age 5. Golang Slackbot for File Uploading - https://github.com/AkhilSharma90/GO-SlackBot-Uploads-File 6. Email Verifier Tool With Golang - https://github.com/AkhilSharma90/GO-Email-Checking-Tool 7. AWS Lambda With Golang - https://github.com/AkhilSharma90/Simple-go-AWS-Lambda-example 8. CRM with Golang Fiber - https://github.com/AkhilSharma90/go-beginner-CRM-project 9. HRMS with Golang Fiber - https://github.com/AkhilSharma90/go-beginner-fiber-HRMS-project 10. Complete Serverless Stack - https://github.com/AkhilSharma90/Golang-Serverless-Project 11. A.I Bot with Wolfram, Wit.ai and golang - https://github.com/AkhilSharma90/AI-Bot-GOlang-Wit.ai-Wolfram-Slack ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Build A Simple Web Server With Golang ⌨️ (0:20:34) Build A CRUD API With Golang ⌨️ (1:07:14) Golang With MYSQL Book Management System ⌨️ (2:30:57) Simple SlackBot To Calculate Age ⌨️ (2:44:12) Golang Slackbot for File Uploading ⌨️ (3:01:45) Email Verifier Tool With Golang ⌨️ (3:24:32) AWS Lambda With Golang ⌨️ (3:50:12) CRM with Golang Fiber ⌨️ (4:34:34) HRMS with Golang Fiber ⌨️ (5:44:25) Complete serverless stack with Golang ⌨️ (7:28:55) A.I Bot with wolfram, wit.ai and Golang 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Visual Studio Code Extensions to Improve Your Productivity

g1vy03ZY5mM | 21 Mar 2022

Visual Studio Code Extensions to Improve Your Productivity

Learn about 10 helpful VS Code extensions. These VSCode extensions could make you more productive as a developer. ✏️ Raman Hundal developed this video. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:24) GitLens https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens ⌨️ (04:35) LiveShare https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare ⌨️ (08:01) Pieces https://code.pieces.app/install ⌨️ (14:36) Better Comments https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments ⌨️ (17:53) Turbo Console Log https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log ⌨️ (21:05) Code Runner https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner ⌨️ (22:52) Import Cost https://marketplace.visualstudio.com/items?itemName=wix.vscode-import-cost ⌨️ (24:27) Prettier https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode ⌨️ (27:36) ESLint https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint ⌨️ (33:26) Docker https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker ⌨️ (38:57) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript

xV7S8BhIeBo | 17 Mar 2022

Portfolio Website Tutorial – Frontend Development with HTML, CSS, JavaScript

In this course, you will learn how to build a portfolio website using JavaScript, HTML, and CSS. This is a great project to improve you frontend development skills. ✏️ MacLinz developed this course course. Check out his channel: https://www.youtube.com/c/MacLinzUniversalChannel 💻 Code: https://github.com/Maclinz/JS_CSS_PortfolioProject ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:37) Switch Between Sections ⌨️ (0:48:53) Header Content ⌨️ (1:06:22) About Section ⌨️ (1:42:34) Portfolios Section ⌨️ (1:58:52) Blogs Section ⌨️ (2:11:31) Contact Section ⌨️ (2:44:09) Media Queries 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

WebGPU Tutorial - Advanced Graphics on the Web Course

KTFFdZSDiTU | 16 Mar 2022

WebGPU Tutorial - Advanced Graphics on the Web Course

In this course, you will learn the basics of WebGPU. WebGPU is the next-generation graphics API and future Web standard for graphics and compute. This two-hour video contains 10 WebGPU projects. We create each project based on the previous one from scratch and demonstrate how to add 3D graphics to your web applications. All the projects presented in this video were taken from Dr. Xu's book "Practical WebGPU Graphics". Please visit his website at https://drxudotnet.com for more WebGPU examples. ✏️ Course developed by Dr. Jack Xu. Check out his YouTube Channel: https://www.youtube.com/c/PracticalProgrammingWithDrXu ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:35) 1. Development Environment ⌨️ (0:18:09) 2. Create a Colorful Triangle ⌨️ (0:31:12) 3. Create a Square with GPU Buffer ⌨️ (0:43:50) 4. Cube with Distinct Face Colors ⌨️ (1:00:33) 5. Animation and Camera Control ⌨️ (1:09:14) 6. Light Model ⌨️ (1:26:27) 7. Cube with Lighting Effects ⌨️ (1:32:42) 8. Colormap ⌨️ (1:44:57) 9. 3D Simple Surfaces ⌨️ (1:54:51) 10. 3D Sinc Surface ⌨️ (2:03:26) More WebGPU graphics examples ⭐️ Code ⭐️ 1. Development Environment: https://github.com/jack1232/webgpu01/tree/b4bb220 2. Create a Colorful Triangle: https://github.com/jack1232/webgpu03/tree/1653a1c 3. Create a Square with GPU Buffer: https://github.com/jack1232/webgpu07/tree/704b1bc 4. Cube with Distinct Face Colors: https://github.com/jack1232/webgpu10/tree/fd378e9 5. Animation and Camera Control: https://github.com/jack1232/webgpu11/tree/3458830 6. Light Model: https://github.com/jack1232/webgpu17/tree/bc2b477 7. Cube with Lighting Effects: https://github.com/jack1232/webgpu18/tree/d6acb50 8. Colormap: https://github.com/jack1232/webgpu23/tree/6a4d92f 9. 3D Simple Surfaces: https://github.com/jack1232/webgpu24/tree/f0c6c46 10. 3D Sinc Surface: https://github.com/jack1232/webgpu25/tree/ea697b8 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Tutorial for Beginners

8124kv-632k | 15 Mar 2022

Python Tutorial for Beginners

Learn the Python programming language in this beginner's crash course. You will learn everything from system set up to basic syntax to working with API's. ✏️ Course from Bobby Stearman. Check out his YouTube channel: https://www.youtube.com/c/DidCoding 💻 Code: https://github.com/bobby-didcoding/python-course-for-beginners ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro *system set up* ⌨️ (0:01:11) Installation ⌨️ (0:06:16) Python Interpreter ⌨️ (0:09:57) Text Editor ⌨️ (0:15:43) Git: supporting docs *coding* ⌨️ (0:19:30) Numbers ⌨️ (0:29:46) Strings ⌨️ (0:42:43) Lists ⌨️ (0:53:47) Tuples ⌨️ (1:03:04) Sets ⌨️ (1:10:29) Dictionaries ⌨️ (1:19:29) If statements ⌨️ (1:26:43) Match statements ⌨️ (1:36:48) Loops ⌨️ (1:49:50) Loop clauses ⌨️ (1:55:14) Modules ⌨️ (1:49:50) Loop clauses ⌨️ (2:00:57) Errors and exceptions ⌨️ (2:07:37) Classes ⌨️ (2:27:26) Virtual environments ⌨️ (2:36:02) Building a project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Advanced OpenGL Tutorial – Skeletal Animations with Assimp

GZQkwx10p-8 | 14 Mar 2022

Advanced OpenGL Tutorial – Skeletal Animations with Assimp

In this OpenGL Course, you will take your animation skills to the next level by learning about skeletal animations. This will help your character animations to feel more lifelike when they move thier limbs to do things like walking, running, and attacking. You will learn how to use the Open Asset Import Library (assimp) to import and export various 3d-model-formats. ✏️ Course created by Etay Meiri. Check out his YouTube channel: https://www.youtube.com/channel/UC7Z1FTCdSln_qFKK95AWplw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:29) Loading models using Assimp ⌨️ (0:27:36) Part 1: Rigging, Skinning, and Animating 3D Models ⌨️ (0:48:21) Part 2: Mapping Vertices of Model to Bones ⌨️ (1:03:15) Part 3: Transformation Matrices ⌨️ (1:19:23) Part 4: Integrating Assimp Matrices into Skinned Mesh Class ⌨️ (1:28:06) Part 5: Integrating Animation Data into Skinned Mesh Class ⭐️ Sources ⭐️ 💻 Clone the repo at https://github.com/emeiri/ogldev.git. The specific sources are in the following directories: 💻 Loading models using Assimp: https://github.com/emeiri/ogldev/blob/master/tutorial18_youtube 💻 Skeletal Animation - Part 1: https://github.com/emeiri/ogldev/blob/master/tutorial24_youtube 💻 Skeletal Animation - Part 2: https://github.com/emeiri/ogldev/blob/master/tutorial25_youtube 💻 Skeletal Animation - Part 3: https://github.com/emeiri/ogldev/blob/master/tutorial26_youtube 💻 Skeletal Animation - Part 4: https://github.com/emeiri/ogldev/blob/master/tutorial27_youtube 💻 Skeletal Animation - Part 5: https://github.com/emeiri/ogldev/blob/master/tutorial28_youtube ⭐️ Build Instructions ⭐️ Linux - each source directory contains a build.sh and/or build_assimp_sandbox.sh script. Simply run this script from within the directory and it will generate a tutorial* executable that matches the index of the tutorial directory. Run the executable from the same directory. Windows - the directory ogldev/Windows/ogldev_vs_2019 contains a Visual Studio 2019 solution file. The relevant projects are: Loading models using Assimp: Tutorial18 Skeletal Animation - Part 1: Tutorial24 Skeletal Animation - Part 2: Tutorial25, Tutorial25_assimp_sandbox Skeletal Animation - Part 3: Tutorial26 Skeletal Animation - Part 4: Tutorial27 Skeletal Animation - Part 5: Tutorial28 ⭐️ Credits ⭐️ ★ Music: https://bensound.com and from the youtube audio library by the artists Huma-Huma and RKVC ★ Image from cleanpng.com by Isbelia ★ Images from pixabay.com by VOLLEX, Gordon Johnson, OpenClipart-Vectors ★ Video from pixabay.com by Timo Herbert 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CNCF Kubernetes and Cloud Native Associate Certification Course (KCNA) - Pass the Exam!

AplluksKvzI | 10 Mar 2022

CNCF Kubernetes and Cloud Native Associate Certification Course (KCNA) - Pass the Exam!

Prepare for the Kubernetes and Cloud Native Associate (KCNA) exam and pass! This certification demonstrates a user’s foundational knowledge and skills in Kubernetes and the wider cloud native ecosystem. ✏️ Andrew Brown and Marino Wijay created this course. 🐦 Andrew on Twitter: https://twitter.com/andrewbrown 🐦 Marino on Twitter: https://twitter.com/virtualized6ix ⭐️ Course Contents ⭐️ ☁️ (0:00:00) Introduction 🎤 Introduction 🎤 Exam Guide Walkthrough 🎤 Practice Exam Preview ☁️ (0:22:31) Cloud Native Kubernetes Concepts 🎤 What is Cloud Native 🎤 Cloud Native vs Cloud Service Provider 🎤 Cloud Native Shared Responsibility Model 🎤 The Linux Foundation 🎤 Cloud Native Computing Foundation 🎤 Preview LF and CNCF Website Follow Along 🎤 Cloud Native Landscape 🎤 Cloud Native Landscape Follow Along 🎤 Cloud Native Trail Map 🎤 Cloud Native Trail Map Follow Along 🎤 VMs vs Containers 🎤 Micro services 🎤 Kubernetes 🎤 Kubernetes Components EDIT ENDING 🎤 Manifest Files in Kubernetes 🎤 Control Plane and Worker Nodes 🎤 Pods 🎤 API Server 🎤 Deployment 🎤 Replica Sets 🎤 Stateless vs Stateful 🎤 Stateful Sets 🎤 Namespaces 🎤 In Tree vs Out Tree 🎤 In Tree vs Out Free Follow Along 🎤 Endpoints and Endpoint Slices 🎤 Jobs and Cron Jobs 🎤 Kubernetes Dashboard ☁️ (1:36:41) Selectors 🎤 Selectors 🎤 Recommend Labels 🎤 Selecting Labels 🎤 Annotations ☁️ (1:42:33) Kubelet 🎤 PodSpecFile 🎤 gRPC 🎤 Kubelet ☁️ (1:50:15) KubeCTL 🎤 KubeCTL 🎤 KubeCTL Commands Ref Follow Along ☁️ (1:59:20) Distrubutions 🎤 MiniKube 🎤 K3s 🎤 Kind 🎤 MicroK8s 🎤 Lightweight K8s Distribution Comparison 🎤 Managed Kubernetes Providers 🎤 Management Layers 🎤 CNCF Certified Distribution Follow Along ☁️ (2:26:25) Runtimes 🎤 Container Runtime Interfaces 🎤 ContainerD 🎤 CRI O 🎤 Container Runtimes 🎤 CGroups 🎤 Linux Containers ☁️ (2:37:04) Storage 🎤 Container Storage Interface 🎤 Kubernetes Backing Store and etcd 🎤 Rook and MinIO 🎤 Volumes 🎤 Persistent Volume 🎤 Storage Classes 🎤 Persistent Volume Claim 🎤 ConfigMaps ☁️ (2:51:34) Service 🎤 Services 🎤 Traffic Policies 🎤 ClusterIP 🎤 NodePort 🎤 Load Balancer 🎤 Headless 🎤 ExternalName 🎤 KubeCTL Expose Command 🎤 BusyBox ☁️ (3:06:52) Networking 🎤 Ingress 🎤 DNS 🎤 Load Balancing 🎤 Probes 🎤 Netfilter 🎤 IPTables 🎤 IPVS 🎤 Various Proxies 🎤 kube proxy 🎤 Container Networking Interface 🎤 Service Mesh 🎤 Enovy ☁️ (3:33:05) Cluster Networking 🎤 NAT 🎤 Eth0 and Netwrok Namespace 🎤 Eth0 Network Namepsace P2 🎤 Cluster Networking 🎤 Container to Container Networking 🎤 Virtual Ethernet Devices 🎤 Pod to Pod Networking 🎤 Pod to Service Networking 🎤 Ingress Egress Internet to Cluster ☁️ (3:50:50) Security 🎤 4Cs 🎤 Infrastructure Security 🎤 AAA 🎤 Role based Access Controls 🎤 Role Configuration Example 🎤 Secrets Management 🎤 Network Policy 🎤 Calico 🎤 Anatomy of a Network Policy File 🎤 In Transit vs At Rest 🎤 Certificates and TLS 🎤 K8s Security Best Practices ☁️ (4:23:51) Autoscaling 🎤 Autoscaling 🎤 Scale vs Autoscale 🎤 KEDA ☁️ (4:28:23) Open Standards 🎤 Open Standards ☁️ (4:31:17) Goverance 🎤 Governance Structure 🎤 Memberships 🎤 Governing Board 🎤 Technical Oversight Committee 🎤 Special Interest Groups 🎤 End User Community 🎤 End User Technology Radar 🎤 CNCF Charter 🎤 CNCF Values 🎤 Goverance Follow Along 🎤 Kube Con 🎤 Kubecon CloudNativeCon Follow Along 🎤 CNCF Projects ☁️ (5:01:37) Serverless 🎤 Serverless 🎤 Cloud Native K8s Serverless 🎤 Function as a Service 🎤 Knative 🎤 Knative vs OpenFaaS ☁️ (5:10:29) Observability 🎤 The Pillars of Observability 🎤 Open Telemetry 🎤 Prometheus 🎤 Grafana 🎤 Traces and Spans 🎤 Cost Management 🎤 Kubernetes System Logs and Klogs ☁️ (5:24:45) Cloud Native Application Delivery 🎤 Testing and Chaos Testing 🎤 Helm 🎤 Kustomize 🎤 What is Infrastructure as Code 🎤 Popular IaC 🎤 IaC for Kubernetes 🎤 GitOps 🎤 CI CD 🎤 Argo vs Flux 🎤 Jenkins and JenkinsX 🎤 Circle CI ☁️ (5:44:03) Deployment Strategies 🎤 Deployment Strategies 🎤 Recreate 🎤 Rolling Update 🎤 Canary 🎤 Blue Green 🎤 A to B Testing 🎤 Dark Launches 🎤 Deployment History, Rollout, and Rollback ☁️ (5:58:59) Follow Along 5:58:59 🎤 Review of Light Weight Containers 6:05:14 🎤 Building an App Using Docker 6:29:29 🎤 Minkube 6:55:36 🎤 Kind 7:03:41 🎤 Microk8s 7:27:10 🎤 Kubectl Fix 7:28:38 🎤 Pod Communication via IP 7:36:44 🎤 Service ClusterIP 7:51:20 🎤 Service NodePort 7:59:14 🎤 Service LoadBalancer 8:09:19 🎤 Service Externalname 8:24:53 🎤 Ingress 8:38:51 🎤 Jobs 8:46:35 🎤 ReplicaSets 8:50:56 🎤 Scale and Autoscale 9:00:39 🎤 Configmap 9:23:29 🎤 Secrets 9:34:08 🎤 PV and PVC 9:56:30 🎤 NetPolicy 10:20:29 🎤 Knative 10:34:30 🎤 OpenFaaS 10:46:11 🎤 Helm 10:55:19 🎤 LinkerD 11:32:49 🎤 Google Kubernetes Engine 11:47:25 🎤 Azure Kubernetes Service 12:03:09 🎤 AWS Elastic Kuberenetes Service 12:35:47 🎤 IBM Cloud 12:48:18 🎤 Digital Ocean 13:10:22 🎤 CIVO 13:26:14 🎤 Namespaces 13:30:59 🎤 RBAC 13:58:00 🎤 KubeCTL Extra Commands

Vim Tutorial for Beginners

RZ4p-saaQkc | 09 Mar 2022

Vim Tutorial for Beginners

Vim is a highly configurable text editor that you can use for software development or any kind of text editing. In this course you will learn how to use and exit Vim. ✏️ Florian Dedov from NeuralNine developed this course. Check out his channel: https://www.youtube.com/channel/UC8wZnXYK_CGKlBcZp-GxYPA 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn HTML – Full Tutorial for Beginners (2022)

kUMe1FH4CHE | 08 Mar 2022

Learn HTML – Full Tutorial for Beginners (2022)

Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5. ✏️ Dave Gray created this course. Check out his channel: https://www.youtube.com/davegrayteachescode 💻 Code: https://github.com/gitdagray/html_course ⭐️ Course Contents ⭐️ (00:00:00) Intro (00:00:55) Chapter 1 - Getting Started (00:20:13) Chapter 2 - Head Element (00:29:02) Chapter 3 - Text Basics (00:49:45) Chapter 4 - List Types (00:59:55) Chapter 5 - Add Links (01:30:38) Chapter 6 - Add Images (02:00:58) Chapter 7 - Semantic Tags (02:24:53) Chapter 8 - Create Tables (02:40:42) Chapter 9 - Forms & Inputs (03:25:16) Chapter 10 - HTML Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Live Stream Flutter App – Android & iOS Course

hN4Q04ODOEw | 07 Mar 2022

Build a Live Stream Flutter App – Android & iOS Course

In this course, we will build a live streaming app that allows you to stream with friends and be able to control their audio, video, and whether they are visible overall. On top of that this app will be able to push this stream out to most streaming platforms including Youtube and Twitch. This is a more intermediate course that requires basic knowledge about Flutter and State Management. Linked below are some resources for those not comfortable. ✏️ Tadas Petra created this course. 🔗 Tadas Youtube: https://www.youtube.com/channel/UCNaJHBXsvbfkItVMNmzmTPQ 🔗 Agora Youtube: https://www.youtube.com/channel/UCjPZukasIgWoB4HBHga5CGA 🎉 Thanks to Agora for providing a grant to make this course possible. 🔗 Blog For this Video: https://www.agora.io/en/blog/live-streaming-to-multiple-platforms-with-multiple-users/ 🔗 Learn about Flutter: https://www.youtube.com/c/Freecodecamp/search?query=flutter 🔗 Basics of Agora: https://www.youtube.com/playlist?list=PLTwZJUo8myH5RDEc3RnN6p_AtLH2T4HI3 🔗 Basics of Riverpod: https://www.youtube.com/watch?v=8qzip8tVmqU ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:05) App Explanation ⌨️ (0:02:34) State Management ⌨️ (0:04:29) Agora Explained ⌨️ (0:04:58) Initializing App ⌨️ (0:05:33) Agora UI Kit ⌨️ (0:09:14) Initialize RTM and RTC ⌨️ (0:11:06) Architecture ⌨️ (0:13:30) Building Home Screen ⌨️ (0:19:46) Basic Agora Live Video ⌨️ (0:30:55) Creating a UID ⌨️ (0:40:14) Setting up State ⌨️ (0:48:53) Joining the Live Stream ⌨️ (1:08:52) Control User Audio and Video ⌨️ (1:31:49) Output to Streaming Platforms ⌨️ (1:52:12) Final Showcase -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Frontend Development Course - Create a Blog with HTML & CSS

Aj7HLsJenVg | 04 Mar 2022

Frontend Development Course - Create a Blog with HTML & CSS

Improve your HTML and CSS skills by creating a blog in this frontend development course. ✏️ Julio Codes created this course. Check out his channel: https://www.youtube.com/c/JulioCodes 💻 Code: https://github.com/jlop007/FreeCodeCamp-NewsFlash 🔗 Remix icons: https://remixicon.com/ 🔗 SwiperJS: https://swiperjs.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro & demo ⌨️ (0:04:24) Setup ⌨️ (0:05:56) Header - HTML ⌨️ (0:14:58) Base - CSS ⌨️ (0:25:51) Header - CSS ⌨️ (0:35:15) JavaScript events ⌨️ (0:49:30) Search bar - HTML ⌨️ (0:52:18) Search bar - CSS ⌨️ (0:58:57) JavaScript events continued ⌨️ (1:03:15) Featured articles - HTML ⌨️ (1:08:37) Featured articles - CSS ⌨️ (1:29:20) Quick read - HTML ⌨️ (1:34:59) Quick read - CSS ⌨️ (1:38:20) SwiperJS ⌨️ (1:43:43) Older posts - HTML ⌨️ (1:47:41) Older posts - CSS ⌨️ (1:51:34) Popular tags - HTML ⌨️ (1:55:20) Popular tags - CSS ⌨️ (1:58:04) Newsletter - HTML ⌨️ (2:01:25) Newsletter - CSS ⌨️ (2:02:29) Footer - HTML ⌨️ (2:09:23) Footer - CSS ⌨️ (2:15:17) Blog post - HTML ⌨️ (2:24:22) Blog post - CSS ⌨️ (2:32:42) Media queries 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Redux Tutorial - Beginner to Advanced

zrs7u6bdbUw | 03 Mar 2022

Redux Tutorial - Beginner to Advanced

Learn how to use Redux in this full course for beginners. You will learn how to use Redux with ReduxToolkit Library to create an application involving HTTP requests. ✏️ Nikhil Thadani created this course. Check out his YouTube channel: https://www.youtube.com/channel/UCaKqU7lmR4wQ5Bj9F9E9i_Q 💻 Code: https://github.com/Nikhilthadani/Redux-Shopping-Cart-App ⭐️ Course Contens ⭐️ ⌨️ (0:00:00) Introduction and Overview of Tutorial ⌨️ (0:00:58) Basic Terminologies ⌨️ (0:02:20) Counter App With react-redux ⌨️ (0:16:11) Using Redux Toolkit ⌨️ (0:24:34) Shopping Cart Project - Introduction ⌨️ (0:25:53) Shopping Cart Project - Auth Slice State ⌨️ (0:37:49) Shopping Cart Project - Cart Slice State ⌨️ (0:57:11) Incrementing and Decrementing Items From Cart ⌨️ (1:06:00) Adding Logout State ⌨️ (1:08:03) using Firebase with redux ⌨️ (1:11:11) Sending asynchronous HTTP Requests with Redux ⌨️ (1:17:05) Adding Notifications with Material UI ⌨️ (1:19:02) Adding Notification slice state ⌨️ (1:27:24) Using Redux Thunk Pattern ⌨️ (1:28:37) Creating Thunk Pattern with redux ⌨️ (1:32:22) Sending GET HTTP request with Redux ⌨️ (1:40:51) Summary of the course -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

eCommerce Website Tutorial - Online Store with Woocomerce and Wordpress

kF0UBL1eHeQ | 02 Mar 2022

eCommerce Website Tutorial - Online Store with Woocomerce and Wordpress

Learn every step to make an ecommerce website online store in this beginner's course. No coding necessary! You will learn how to get a domain name and hosting, install Wordpress and WooCommerce, use a theme, customize your store, create products, set up payment methods, specify taxes and shipping, create coupon codes, and more. ✏️ This course was developed by Beau Carnes. 🎉 Hostinger provided a grant that made this course possible. 🔗 Get a 10% discount at Hostinger with code "GETSTARTED": https://www.hostinger.com/getstarted ⭐️ Couse Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:42) Get hosting and domain name ⌨️ (0:04:39) Setup custom email address ⌨️ (0:05:35) Install Wordpress and WooCommerce ⌨️ (0:07:40) Begin store customization ⌨️ (0:11:12) Install store theme and template ⌨️ (0:17:55) Initial WooCommerce Setup ⌨️ (0:23:30) Customize website ⌨️ (0:40:16) Customize store pages ⌨️ (0:45:15) Create privacy policy ⌨️ (0:46:39) Add products - Introduction ⌨️ (0:48:16) Add simple product ⌨️ (0:54:07) Add variable product ⌨️ (0:59:59) Add grouped product ⌨️ (1:03:36) Add downloadable product ⌨️ (1:06:19) Setup payment processing with Stripe ⌨️ (1:10:34) Setup payment processing with PayPal ⌨️ (1:12:19) Setup automatic tax calculation ⌨️ (1:17:02) Setup shipping ⌨️ (1:20:54) Create coupon codes ⌨️ (1:23:44) Test purchase and improve order flow ⌨️ (1:28:14) Explore order information ⌨️ (1:28:47) Customize emails sent to customers ⌨️ (1:30:15) Update header ⌨️ (1:31:37) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

DevOps with GitLab CI Course - Build Pipelines and Deploy to AWS

PGyhBwLyK2U | 01 Mar 2022

DevOps with GitLab CI Course - Build Pipelines and Deploy to AWS

This course will teach you how to use GitLab CI to create CI/CD pipelines for building and deploying software to AWS. 🎥 Course created by Valentin Despa. 📚 Course Notes: https://gitlab.com/gitlab-course-public/freecodecamp-gitlab-ci/-/blob/main/docs/course-notes.md 📺 Valentin on YouTube: http://www.youtube.com/channel/UCUUl_HXJjU--iYjUkIgEcTw?sub_confirmation=1 🔗 Valentin's website: https://www.vdespa.com 🐦 Valentin on Twitter: https://twitter.com/vdespa ⭐️ Course Contents ⭐️ ⭐️ Unit 1 - Introduction to GitLab ⌨️ Lesson 1 - Welcome (0:00:00​) ⌨️ Lesson 2 - Your first GitLab project (0:03:03​) ⌨️ Lesson 3 - Your first pipeline (0:13:00​) ⌨️ Lesson 4 - Help, my pipeline is not working (0:23:32) ⌨️ Lesson 5 - What is YAML? (0:26:22) ⌨️ Lesson 6 - What is a shell? (0:35:12) ⌨️ Lesson 7 - GitLab architecture (0:37:50) ⌨️ Lesson 8 - Pipeline stages (0:43:14) ⌨️ Lesson 9 - Why do pipelines fail? (0:48:11) ⌨️ Lesson 10 - Job artifacts (0:52:34) ⌨️ Lesson 11 - Testing the build (0:59:02) ⌨️ Lesson 12 - Variables (1:04:33) ⌨️ Lesson 13 - What is DevOps (1:10:27) ⭐️ Unit 2 - Continuous Integration with GitLab CI ⌨️ Lesson 1 - Unit overview (1:16:53) ⌨️ Lesson 2 - Your first GitLab project (1:18:41) ⌨️ Lesson 3 - Building the project (1:22:05) ⌨️ Lesson 4 - Assignment (1:33:10) ⌨️ Lesson 5 - Assignment solution (1:34:43) ⌨️ Lesson 6 - How to integrate changes? (1:40:24) ⌨️ Lesson 7 - Merge requests (1:43:50) ⌨️ Lesson 8 - Code review (1:51:38) ⌨️ Lesson 9 - Integration tests (1:56:29) ⌨️ Lesson 10 - How to structure a pipeline (2:10:53) ⭐️ Unit 3 - Continuous Deployment with GitLab & AWS ⌨️ Lesson 1 - Unit overview (2:16:41) ⌨️ Lesson 2 - A quick introduction to AWS (2:17:14) ⌨️ Lesson 3 - AWS S3 (2:20:57) ⌨️ Lesson 4 - AWS CLI (2:23:35) ⌨️ Lesson 5 - Uploading a file to S3 (2:29:04) ⌨️ Lesson 6 - Masking & protecting variables (2:33:00) ⌨️ Lesson 7 - Identity management with AWS IAM (2:38:49) ⌨️ Lesson 8 - Uploading multiple files to S3 (2:47:54) ⌨️ Lesson 9 - Hosting a website on S3 (2:53:15) ⌨️ Lesson 10 - Controlling when jobs run (3:00:06) ⌨️ Lesson 11 - Post-deployment testing (3:07:03) ⌨️ Lesson 12 - What is CI/CD? (3:13:01) ⌨️ Lesson 13 - Assignment (3:16:47) ⌨️ Lesson 14 - Assignment solution (3:17:26) ⌨️ Lesson 15 - Environments (3:24:40) ⌨️ Lesson 16 - Reusing configuration (3:33:52) ⌨️ Lesson 17 - Assignment (3:36:57) ⌨️ Lesson 18 - Assignment solution (3:40:53) ⌨️ Lesson 19 - Continuous Delivery pipeline (3:44:15) ⭐️ Unit 4 - Deploying a dockerized application to AWS ⌨️ Lesson 1 - Unit overview (3:48:129) ⌨️ Lesson 2 - Introduction to AWS Elastic Beanstalk (3:49:25) ⌨️ Lesson 3 - Creating a new AWS Elastic Beanstalk application (3:51:48) ⌨️ Lesson 4 - Creating the Dockerfile (3:59:02) ⌨️ Lesson 5 - Building the Docker image (4:02:12) ⌨️ Lesson 6 - Docker container registry (4:09:27) ⌨️ Lesson 7 - Testing the container (4:15:59) ⌨️ Lesson 8 - Private registry authentication (4:20:04) ⌨️ Lesson 9 - Deploying to AWS Elastic Beanstalk (4:34:18) ⌨️ Lesson 10 - Post-deployment testing (4:45:54) ⌨️ Lesson 11 - CI/CD recap (4:50:29) ⭐️ Unit 5 - Conclusion ⌨️ Lesson 1 - Final assignment (4:51:37) ⌨️ Lesson 2 - Conclusion (4:55:16) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn JavaScript by Building 7 Games - Full Course

ec8vSKJuZTk | 28 Feb 2022

Learn JavaScript by Building 7 Games - Full Course

Learn JavaScript by building 7 retro games. ✏️ Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow 💻 GitHub Links: Rock Paper Scissors: https://github.com/kubowania/rock-paper-scissors-x3 Memory Game: https://github.com/kubowania/memory-game Whac-a-mole: https://github.com/kubowania/whac-a-mole Breakout: https://github.com/kubowania/breakout Frogger: https://github.com/kubowania/Frogger Connect Four: https://github.com/kubowania/connect-four Space Invaders: https://github.com/kubowania/space-invaders ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:56) Rock Paper Scissors ⌨️ (0:18:42) Memory Game ⌨️ (1:04:37) Whac-a-mole ⌨️ (1:30:39) Breakout ⌨️ (2:31:10) Frogger ⌨️ (3:40:02) Connect Four ⌨️ (4:08:23) Space Invaders 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

.NET Microservices – Full Course for Beginners

CqCDOosvZIk | 25 Feb 2022

.NET Microservices – Full Course for Beginners

Learn the foundational elements of a microservices architecture with .NET in this beginner level course. You will incrementally building a real microservices-based application with the .NET platform and C#. 💻 Get the code: https://youtube.dotnetmicroservices.com/netmicroservicesbasics ✏️ Course created by Julio Casal. Check out his channel: https://www.youtube.com/channel/UCw8aBxRvQ2ksWNFuO5eHdmA 🔥 Want to master microservices? Learn more from Julio here: https://dotnetmicroservices.com ⭐️ Course Contents ⭐️ ⌨️ (0:00:14) Module 1- Welcome to the course! ⌨️ (0:04:52) Development environment setup ⌨️ (0:12:39) Customizing VS Code for C# Development ⌨️ (0:17:37) What's wrong with the monolith? ⌨️ (0:25:32) What are microservices? ⌨️ (0:35:18) Module 2- Your first microservice ⌨️ (0:35:53) Creating a microservice via the .NET CLI ⌨️ (0:45:46) Introduction to the REST API and DTOs ⌨️ (0:47:35) Adding the DTOs ⌨️ (0:50:52) Adding the REST API operations ⌨️ (1:15:57) Handling invalid inputs ⌨️ (1:27:04) Module 3- Adding database storage ⌨️ (1:27:51) Introduction to the repository pattern and MongoDB ⌨️ (1:30:13) Implementing a MongoDB repository ⌨️ (1:44:18) Using the repository in the controller ⌨️ (1:55:11) Introduction to Docker ⌨️ (1:56:57) Trying out the REST API with a MongoDB container ⌨️ (2:09:50) Introduction to Dependency Injection and Configuration ⌨️ (2:14:47) Implementing dependency injection and configuration ⌨️ (2:31:40) Module 4- Preparing for the next microservice ⌨️ (2:32:37) Using Postman ⌨️ (2:48:01) Reusing common code via NuGet ⌨️ (2:52:12) Refactoring into a generic MongoDB repository ⌨️ (3:03:02) Refactoring MongoDB registration into extension methods ⌨️ (3:10:07) Moving generic code into a reusable NuGet package ⌨️ (3:26:04) Introduction to Docker Compose ⌨️ (3:28:24) Moving MongoDB to docker compose ⌨️ (3:39:18) Module 5- Synchronous inter-service communication ⌨️ (3:40:12) Creating the Inventory microservice ⌨️ (4:06:47) Introduction to synchronous communication ⌨️ (4:10:29) Implementing synchronous communication via IHttpClientFactory ⌨️ (4:22:15) Understanding timeouts and retries with exponential backoff ⌨️ (4:25:45) Implementing a timeout policy via Polly ⌨️ (4:35:41) Implementing retries with exponential backoff ⌨️ (4:46:53) Understanding the circuit breaker pattern ⌨️ (4:49:59) Implementing the circuit breaker pattern ⌨️ (4:56:36) Module 6- Asynchronous inter-service communication ⌨️ (4:57:31) Introduction to asynchronous communication ⌨️ (5:07:23) Defining the message contracts ⌨️ (5:11:09) Publishing messages via MassTransit ⌨️ (5:22:21) Standing up a RabbitMQ docker container ⌨️ (5:30:04) Refactoring MassTransit configuration into the reusable NuGet package ⌨️ (5:41:11) Consuming messages for eventual data consistency ⌨️ (6:01:54) Removing the inter-service synchronous communication ⌨️ (6:16:32) Module 7- Initial Frontend Integration ⌨️ (6:17:02) Installing Node.js ⌨️ (6:20:13) Getting started with the frontend ⌨️ (6:34:55) Understanding CORS ⌨️ (6:40:50) Adding the CORS middleware ⌨️ (6:46:49) Exploring the frontend to microservices communication ⌨️ (7:05:18) Next Steps #dotnet #microservices 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flutter Course for Beginners

VPvVD8t02U8 | 24 Feb 2022

Flutter Course for Beginners

Learn how to use Flutter in this complete course for beginners. Flutter is an open-source UI software development kit used to create cross-platform applications for iOS, Android, Windows, Mac, and more. 💻 GitHub repo: https://github.com/vandadnp/mynotes-course ✏️ Course developed by Vandad Nahavandipoor. Check out his channel: https://www.youtube.com/channel/UC8NpGP0AOQ0kX9ZRcohiPeQ 🔗 Discord study group (for questions and answers about this course): https://discord.gg/C8UpxJyU4n 🔗 Setting up Firebase CLI and FlutterFire CLI on Windows: https://www.youtube.com/watch?v=nQ3AhFo2rKc ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:02:57) Developer Accounts ⌨️ (00:39:12) Setup ⌨️ (01:14:42) Introduction to Dart ⌨️ (02:01:26) Dart Control Statements and Collections ⌨️ (02:46:44) Sound Null safety in Dart ⌨️ (03:27:12) Dart Enumerations, Classes and Objects ⌨️ (04:18:36) Advanced Dart ⌨️ (05:00:41) Project Setup ⌨️ (05:48:30) iOS App Setup ⌨️ (06:59:32) Android App Setup ⌨️ (07:31:31) Firebase Backend Setup ⌨️ (08:01:20) Basic Registration Screen ⌨️ (09:04:54) Login View ⌨️ (09:53:10) Separating App Initialization from Login and Register Screens ⌨️ (10:19:47) Setting up Git and GitHub ⌨️ (11:10:34) Email Verification View ⌨️ (11:44:45) Link Between Login and Register Views ⌨️ (12:18:01) Logout View ⌨️ (13:13:46) Go From Login to Notes View ⌨️ (13:36:43) Cleaning Up our Routes ⌨️ (13:51:17) Error Handling in Login View ⌨️ (14:16:21) Error Handling in Register View, Next Screen After Registration ⌨️ (14:44:45) Confirming Identity Before Going to Main UI ⌨️ (14:52:21) Auth Service ⌨️ (15:55:22) Migrating to Auth Service ⌨️ (16:33:41) Unit Testing our AuthService ⌨️ (17:43:42) CRUD Local Storage ⌨️ (19:30:57) Working with Streams in Notes Service ⌨️ (20:04:32) Preparing Notes View to Read All Notes ⌨️ (20:39:21) Preparing to Create New Notes ⌨️ (21:00:16) Creating New Notes ⌨️ (21:35:42) Displaying Notes in Notes View ⌨️ (21:56:04) Deleting Existing Notes in Notes View ⌨️ (22:40:46) Updating Existing Notes ⌨️ (23:14:12) Protecting NotesService with Current User ⌨️ (23:40:44) Writing Notes to Cloud Firestore ⌨️ (24:58:08) Migrating to our Firestore Service ⌨️ (25:22:35) Sharing Notes ⌨️ (25:37:43) Introduction to Bloc ⌨️ (26:24:31) Converting our Auth Process to Bloc ⌨️ (27:31:17) Handling Auth Bloc Exceptions During Login ⌨️ (28:52:45) Moving to Bloc for Routing and Dialogs ⌨️ (28:58:23) Loading Screens ⌨️ (29:48:31) Final Touches Before App Release ⌨️ (30:43:03) App Icons and App Name ⌨️ (31:06:34) Splash Screen ⌨️ (31:56:58) Sending our iOS app to App Store Connect ⌨️ (32:55:44) Releasing our iOS App ⌨️ (33:20:31) Fixing Firebase Security Rules and Resubmitting the iOS App ⌨️ (33:50:07) Releasing our Android App ⌨️ (34:55:19) Localization in Flutter ⌨️ (36:33:57) Outro

Linux Operating System - Crash Course for Beginners

ROjZy1WbCIA | 23 Feb 2022

Linux Operating System - Crash Course for Beginners

Learn the basics of the Linux Operating System in this crash course for beginners. Linux is a clone of the UNIX operating system, so understanding one is understanding the other. The goal is for you to get a full understanding of how the Linux OS works. If you're still using Windows or Mac OS, you can still learn Linux using a virtual machine. ✏️ Course from KeepItTechie. Check out his YouTube channel: https://www.youtube.com/channel/UCP2bshADPrVMoNrdJvZEQzw ⭐️ Course Contents ⭐ ⌨️ (0:00:00) Intro ⌨️ (0:08:09) Install Linux ⌨️ (0:29:43) Desktop Environment ⌨️ (0:41:18) Terminal ⌨️ (0:49:25) Working with Directories ⌨️ (1:15:49) Working with Files ⌨️ (1:34:49) Working with File Content ⌨️ (1:51:14) Linux File Structure ⌨️ (2:03:68) System Information ⌨️ (2:15:42) Networking ⌨️ (2:20:10) Linux Package Manager ⌨️ (2:34:10) Text Editor ⌨️ (2:46:56) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

NestJs Course for Beginners - Create a REST API

GHTA143_b-s | 22 Feb 2022

NestJs Course for Beginners - Create a REST API

Learn NestJs by building a CRUD REST API with end-to-end tests using modern web development techniques. NestJs is a rapidly growing node js framework that helps build scalable and maintainable backend applications. In this course, we build a bookmarks API from scratch using nestJs, docker, postgres, passport js, prisma, pactum and dotenv. 💻 Code: https://github.com/vladwulf/nestjs-api-tutorial ✏️ Course from Vladimir Agaev. Check out his YouTube channel: https://www.youtube.com/channel/UCjmouj0JizYt0qTI53TAtFg ⭐️ Course Contents ⭐ ⌨️ (0:00:00) Course introduction ⌨️ (0:01:15) What is NestJs ⌨️ (0:02:35) Why using NestJs ⌨️ (0:03:35) What we are building ⌨️ (0:03:55) NestJs project setup ⌨️ (0:05:55) Modules ⌨️ (0:15:30) Auth module ⌨️ (0:19:50) Dependency injection ⌨️ (0:20:30) Auth controller ⌨️ (0:26:50) Setting up postgres in docker ⌨️ (0:29:10) Setting up prisma ⌨️ (0:32:10) User & bookmark models ⌨️ (0:35:50) Running prisma migrations ⌨️ (0:40:10) Prisma module ⌨️ (0:52:10) Using auth dtos ⌨️ (0:57:45) NestJs pipes ⌨️ (0:59:10) NestJs global pipe ⌨️ (1:02:50) Hashing user password with argon ⌨️ (1:03:20) Sign up logic ⌨️ (1:13:13) Sign in logic ⌨️ (1:16:50) Automate postgres restart & prisma migrations ⌨️ (1:27:40) NestJs config module ⌨️ (1:34:40) Using passport js & jwt module with nestJs ⌨️ (1:55:10) Get current user with access token ⌨️ (1:57:00) NestJs Guards ⌨️ (2:12:10) NestJs custom param decorator ⌨️ (2:27:10) e2e tests with pactumJs ⌨️ (2:35:10) Setting up test database ⌨️ (2:36:10) Automate test database restart & migrations ⌨️ (2:37:10) Using dotenv cli with prisma ⌨️ (2:44:30) Prisma database teardown logic ⌨️ (2:53:10) Auth e2e tests ⌨️ (3:02:01) User e2e tests ⌨️ (3:13:20) Bookmarks e2e test 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C++ Programming Course - Beginner to Advanced

8jLOx1hD3_o | 17 Feb 2022

C++ Programming Course - Beginner to Advanced

Learn modern C++ 20 programming in this comprehensive course. 💻 Source code: https://github.com/rutura/The-C-20-Masterclass-Source-Code ✏️ Course developed by Daniel Gakwaya. Check out his YouTube channel: https://www.youtube.com/channel/UCUYUFiuJ5XZ3JYtbq5dXRKQ 🐦 Twitter: https://twitter.com/learnqtguide 🔗 Want more from Daniel? https://www.learnqt.guide/udemy-discounted-9/ 🔗 Join Daniel's discord server for support: https://discord.com/invite/PcATcraESW ⭐️ Course Contents ⭐ (0:00:00) Introduction (0:04:32) Chapter 1: Setting up the tools Tools Installing C++ Compilers on Windows Installing VS Code on Windows Configuring Visual Studio Code for C++ on Windows Installing C++ Compilers on Linux Installing Visual Studio Code on Linux Configuring Visual Studio Code for C++ on Linux Installing C++ Compilers on MacOs Installing Visual Studio Code on MacOs Configuring Visual Studio Code for C++ on MacOs Online Compilers (1:43:01) Chapter 2: Diving in Your First C++ Program Comments Errors and Warnings Statements and Functions Data input and output C++ Program Execution Model C++ core language Vs Standard library Vs STL (3:00:47) Chapter 3: Variables and data types Variables and data types Introduction Number Systems Integer types : Decimals and Integers Integer Modifiers Fractional Numbers Booleans Characters And Text Auto Assignments Variables and data types summary (4:46:46) Chapter 4: Operations on Data Introduction on Data operations Basic Operations Precedence and Associativity Prefix/Postfix Increment & Decrement Compound Assignment Operators Relational Operators Logical Operators Output formatting Numeric Limits Math Functions Weird Integral Types Data Operations Summary (7:01:58) Chapter 5: Flow Control Flow Control Introduction If Statements Else If Switch Ternary Operators Flow Control Summary (7:53:49) Chapter 6: Loops Loops Introduction For Loop While Loop Do While Loop (8:47:08) Chapter 7: Arrays Introduction to Arrays Declaring and using arrays Size of an array Arrays of characters Array Bounds (9:53:23) Chapter 8: Pointers Introduction to Pointers Declaring and using pointers Pointer to char Program Memory Map Revisited Dynamic Memory Allocation Dangling Pointers When new Fails Null Pointer Safety Memory Leaks Dynamically allocated arrays (12:11:04) Chapter 9: References Introduction to References Declaring and using references Comparing pointers and references References and const (12:44:29) Chapter 10: Character Manipulation and Strings Introduction to Strings Character Manipulation C-string manipulation C-String concatenation and copy Introducing std::string Declaring and using std::string (14:12:47) Chapter 11: Functions The One Definition Rule First Hand on C++ Functions Function Declaration and Function Definitions Multiple Files - Compilation Model Revisited Pass by value Pass by pointer Pass by reference (16:03:20) Chapter 12: Getting Things out of functions Introduction to getting things out of functions Input and output parameters Returning from functions by value (16:32:35) Chapter 13: Function Overloading Function Overloading Introduction Overloading with different parameters (16:49:00) Chapter 14: Lambda functions Intro to Lambda Functions Declaring and using lambda functions Capture lists Capture all in context Summary (17:40:08) Chapter 15: Function Templates Intro to function templates Trying out function templates Template type deduction and explicit arguments Template parameters by reference Template specialization (19:04:31) Chapter 16: C++20 Concepts Crash course Intro to C++20 Concepts Using C++20 Concepts Building your own C++20 Concepts Zooming in on the requires clause Combining C++20 Concepts C++20 Concepts and auto (20:15:40) Chapter 17: Classes Intro to classes Your First Class C++ Constructors Defaulted constructors Setters and Getters Class Across Multiple Files Arrow pointer call notation Destructors Order of Constructor Destructor Calls The this Pointer struct Size of objects (22:52:43) Chapter 18: Inheritance Introduction to Inheritance First try on Inheritance Protected members Base class access specifiers : Zooming in Closing in on Private Inheritance Resurrecting Members Back in Context Default Constructors with Inheritance Custom Constructors With Inheritance Copy Constructors with Inheritance Inheriting Base Constructors Inheritance and Destructors Reused Symbols in Inheritance (26:21:03) Chapter 19: Polymorphism Introduction to Polymorphism Static Binding with Inheritance Dynamic binding with virtual functions Size of polymorphic objects and slicing Polymorphic objects stored in collections (array) Override Overloading, overriding and function hiding Inheritance and Polymorphism at different levels Inheritance and polymorphism with static members Final Virtual functions with default arguments Virtual Destructors Dynamic casts Polymorphic Functions and Destructors Pure virtual functions and abstract classes Abstract Classes as Interfaces

How to Learn from Free University Courses (Audit Classes Online)

QeRSEoqpKVI | 16 Feb 2022

How to Learn from Free University Courses (Audit Classes Online)

Learn how to successfully audit public college computer science courses on the web! In this video, students Seth Goldin and Sam Crombie discuss learning on the web, methods for choosing a topic and course, tips to consider when conducting your audit, and more! 🔗 Find your next CS audit resource: https://collegecompendium.org ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:41) Learning on the Web ⌨️ (08:35) What is "Auditing" a Course? ⌨️ (13:27) Why Audit Courses? ⌨️ (20:36) Choosing the Right Topic ⌨️ (27:35) Choosing the Right Course ⌨️ (34:49) Making the Most of Your Audit ⌨️ (44:34) Next Steps ⌨️ (47:44) Example Audits ⌨️ (58:38) Outro Disclaimer: We are two students sharing our insights from our personal experiences about the process of auditing in an effort to potentially help you with your journey. We are not affiliated with any colleges, professors, or courses. 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

iOS Development Course - Use Swift 5 and UIKit to Build a Netflix Clone

KCgYDCKqato | 15 Feb 2022

iOS Development Course - Use Swift 5 and UIKit to Build a Netflix Clone

Learn how to use Swift 5, UIKit, and Xcode to develop iOS apps by building a Netflix clone. You will learn how to implement the MVVM design pattern. ✏️ Course developed by Amr. Check out his channel: https://www.youtube.com/channel/UCIGbW54bABLekk_RYlwnAzg 💻 Github Repo: https://github.com/amrhossam96/Netflix-clone ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and App Demo ⌨️ (0:02:28) Creating new Xcode Project ⌨️ (0:05:41) Creating MainTabBarViewController ⌨️ (0:16:38) Setting HomeViewController TableView ⌨️ (0:30:07) Setting home TableViewCell and it’s CollectionView ⌨️ (0:38:46) Creating Table’s HeaderView ⌨️ (0:59:35) Customizing the navigation bar ⌨️ (1:10:17) Setting Tableview sections titles ⌨️ (1:19:21) Sending URL Requests and Parsing JSON response ⌨️ (1:40:11) Using Extensions ⌨️ (1:42:24) Consuming API To Fetch Data for each Section ⌨️ (1:59:20) Refactoring Models ⌨️ (2:01:50) Creating Custom CollectionViewCell ⌨️ (2:08:24) Passing data to the CollectionView ⌨️ (2:22:49) Viewing poster images inside CollectionViewCell ⌨️ (2:24:27) Creating Upcoming TableView inside Upcoming Tab ⌨️ (2:31:55) Creating custom TableViewCell from the upcoming table ⌨️ (2:40:00) Creating TitleViewModel ⌨️ (2:50:11) Creating Top Search TableView inside TopSearch tab ⌨️ (3:01:06) Creating SearchResultsViewController to display search results ⌨️ (3:11:21) Querying database for individual movie ⌨️ (3:20:50) Using YouTube API ⌨️ (3:28:51) Parsing YouTube API Response ⌨️ (3:35:19) Handling selections of cells (Tapping on cells) ⌨️ (3:38:37) Creating TitlePreviewViewController ⌨️ (4:06:11) Refactoring TableViewHeader Hero title ⌨️ (4:13:03) Handling Tapping across all ViewControllers ⌨️ (4:29:26) Core Data (Best Practices) ⌨️ (5:07:36) Using Notification Center to update ViewControllers 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Foundations of Entrepreneurship - Full Course

UEngvxZ11sw | 14 Feb 2022

The Foundations of Entrepreneurship - Full Course

This entrepreneurship course will teach you the important lessons that they don't teach you in business school. You will learn about topics such as how to network, how to find customers, and how to get a job. 📒 Get the class workbooks here: https://harouneducation.com/entrepreneurship Chris Haroun teaches this course. Chris has sold more than 1,000,000 of his online business & self improvement courses in 12 languages in 196 countries and his courses have been profiled in Business Insider, NBC, Inc, Forbes, CNN, Entrepreneur & on other business news websites. This course is an amalgamation of business advice that Chris has compiled from his many meetings with successful business people over the past two decades as well as observations of why brilliant entrepreneurs like Steve Jobs or Mark Zuckerberg have become incredibly successful. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Section 1: Relationships Are More Important Than Product Knowledge ⌨️ (0:34:49) Section 2: Be Long Term Greedy ⌨️ (1:02:26) Section 3: Avoid Burnout ⌨️ (1:19:59) Section 4: Create Off The Charts Confidence; Wear That Super Superman Cape! ⌨️ (1:38:29) Section 5: Ethics. Use It or Lose It ⌨️ (1:55:03) Section 6: Every Battle is Won Before It Has Been Fought ⌨️ (2:05:23) Section 7: Goal Setting ⌨️ (2:17:44) Section 8: Happiness is... ⌨️ (2:42:11) How to Complete Homework 1 ⌨️ (2:47:35) Section 9: Legal Stuff is Important ⌨️ (3:08:38) Section 10: Management Best Practices ⌨️ (3:32:33) Section 11: Navigating Corporate Politics; Swimming with Sharks ⌨️ (4:01:38) Section 12: Only Take Advice from Successful People ⌨️ (4:09:24) Section 13: Only the Paranoid Survive ⌨️ (4:27:07) Section 14: Risk Taking ⌨️ (4:36:55) Section 15: Sales Best Practices ⌨️ (5:03:12) Section 16: Think Different ⌨️ (5:24:07) Section 17: You Be You ⌨️ (5:45:01) How to Complete Homework 2 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Blockchain Development: Querying with Open APIs Course

cQx6ig3mp1U | 10 Feb 2022

Blockchain Development: Querying with Open APIs Course

In this blockchain development course, you will learn how to query on the blockchain and build open APIs. This course will teach you how to build your own distributed applications using The Graph. It's like Lego blocks for composing your own protocols. You'll learn how to build your own APIs that query Ethereum, IPFS, and other data sources. ✏️ Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow 🎉 The course was made possible through a grant from The Graph. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:58) What we will cover ⌨️ (02:44) What is The Graph for? ⌨️ (06:40) SubGraphs ⌨️ (07:20) SubGraph Manifests ⌨️ (09:36) Why build a SubGraph? ⌨️ (11:11) Let’s build a SubGraph! ⌨️ (29:47) Querying from a Frontend ⌨️ (39:33) API Key Management 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Developer Career Questions ANSWERED (featuring a bunch of experienced developers)

GwHX6FM-BHw | 09 Feb 2022

Developer Career Questions ANSWERED (featuring a bunch of experienced developers)

A bunch of experienced developers will answer your questions about a career in software development. The questions: ❓ (00:22) Will AI ever replace developers? ❓ (04:20) What is the best way to learn programming? ❓ (08:57) What if everyone was a programmer? ❓ (12:37) Am I too old to learn programming? ❓ (15:40) Is a computer science degree worth it? ❓ (21:26) How does programming influence your health? ❓ (25:23) Do you need to know math? ❓ (28:45) How long does it take to become a junior developer? ❓ (32:43) Which programming language should you choose first? ❓ (38:24) How to motivate yourself to study? Featuring the wisdom of the following developers: ➡ Delia Lazarescu, Software Engineer at Google 🔗 https://www.youtube.com/c/TheTechUnicorn ➡ Gerald Versluis, Senior Software Engineer at Microsoft 🔗 https://www.youtube.com/GeraldVersluis ➡ Ania Kubow, Software Developer and Course Creator 🔗 https://www.youtube.com/aniakubow ➡ Marius Espejo, Senior Software Engineer 🔗 https://www.youtube.com/channel/UCDpd-qEwAI9wglx4tsEBAtw ➡ Ave Coders, ML Engineer 🔗 https://youtube.com/c/avecoders ➡ Mama Samba Braima Nelson, Software Engineer 🔗 https://www.youtube.com/c/amigoscode ➡ Gwendolyn Faraday, Principal Software Engineer at Relevize' 🔗 https://youtube.com/c/FaradayAcademy ➡ Nana Janashia (TechWorld with Nana), DevOps Engineer & Trainer 🔗 https://www.youtube.com/c/techworldwithnana ➡ Gift Egwuenu, Frontend Developer & Content Creator 🔗 https://www.youtube.com/channel/UCgUgg53iJX1pdabUxpkgozA ➡ Jack Herrington, Principal Web Developer 🔗 https://www.youtube.com/c/JackHerrington ➡ Jesse (codeSTACKr), Developer Advocate 🔗 https://youtube.com/codestackr ➡ James Perkins, Developer Advocate 🔗 http://www.youtube.com/learntocodewithjames ➡ Gio (ProgramWithGio), Full-Stack Web Developer 🔗 https://www.youtube.com/programwithgio ➡ Islem (CoderOne), Full-Stack Developer and Content Creator 🔗 https://www.youtube.com/c/coderone ➡ Jon Wood, .NET Web Developer and Content Creator 🔗 https://www.youtube.com/c/JonWood 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Revit Tutorial for Beginners - Building Information Modeling (3D Design)

hEAg47jdYMs | 08 Feb 2022

Revit Tutorial for Beginners - Building Information Modeling (3D Design)

Autodesk Revit is a building information modeling software for architects, engineers, and designers. In this university course you will learn how to use Revit for 3d design and modeling. ✏️ Gediminas Kirdeikis developed this course. He originally created the course for Lund University and is now sharing it with freeCodeCamp. Check out his YouTube channel: https://www.youtube.com/channel/UCiRsHYsIuWwU78i9RE3nlMg ⭐️ Files ⭐️ 💻 Layout sheet template in Revit family format: https://drive.google.com/file/d/1eJ7uP3qmUXwb2X8QF3PbchP0oWKB_osp/view?usp=sharing 💻 Site 3D model in SAT format: https://drive.google.com/file/d/1UxeOb8vHjK7-Pm97qF-XX207b8ALx6hr/view?usp=sharing 💻 Site 3D model in Rhino5 format: https://drive.google.com/file/d/13bMDYJJGlhJlD4PWA8kawOhnI2-TpIob/view?usp=sharing ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Part 1 ⌨️ (1:51:04) Part 2 ⌨️ (2:55:16) Part 3 ⭐️ Additional Resources ⭐️ 🔗 Slender House by FORM / Kouichi Kimura Architects: https://www.archdaily.com/921851/slender-house-form-kouichi-kimura-architects 🔗 1.8M Width House by YUUA Architects & Associates: https://www.archdaily.com/897736/m-width-house-yuua-architects-and-associates 🔗 YMT House by Geneto: https://www.dezeen.com/2019/06/23/ymt-house-geneto-japan-skinny/ 🔗 3,500 Millimetre House by AGo Architects: https://www.dezeen.com/2019/07/16/3500-milimetre-home-ago-architects-indonesia-skinny-house/ 🔗 Skinny House by Oliver du Puy Architects: https://www.dezeen.com/2019/06/11/skinny-house-oliver-du-puy-architects/ 🔗 Tiny House by FujiwaraMuro Architects: https://www.dezeen.com/2017/06/19/tiny-house-kobe-japan-fujiwaramuro-architects-skylights/ 🔗 A House in Trees by Nguyen Khac Phuoc Architects: https://www.dezeen.com/2017/04/13/house-in-trees-nguyen-khac-phuoc-architects-skinny-vietnam-residence/ 🔗 SkinnyScar by Gwendolyn Huisman and Marijn Boterman: https://www.dezeen.com/2017/02/14/skinny-rotterdam-house-black-brickwork-plywood-lined-rooms-architecture-residential/ 🔗 House at Hommachi by Atelier HAKO Architects: https://www.dezeen.com/2016/08/04/four-metre-wide-skinny-house-hommachi-tokyo-japan-atelier-hako-architects/ 🔗 2D linework library: https://pimpmydrawing.com/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a Design System with CSS - Web Development Course

lRaL-8qZ0mM | 07 Feb 2022

Create a Design System with CSS - Web Development Course

Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrimba version of this course by clicking here: https://scrimba.com/learn/spacetravel 💻 Code on GitHub: https://github.com/kevin-powell/space-tourism In this course you will first learn how to build your own design system and then learn how to implement the entire website with the design system using CSS, HTML, and JavaScript. At the end, you will have a neat project to add your portfolio in addition to have sharpened your CSS and design skills. The design for the course has been created by FrontendMentor. You can get the design files from their page: https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) The design system ⌨️ (2:04:12) The homepage ⌨️ (3:02:25) Navigation ⌨️ (4:17:48) The destination page ⌨️ (5:29:33) The tabs Twitter links: 🔗 Follow Kevin Powell on Twitter: https://twitter.com/kevinjpowell 🔗 Follow FrontendMentor on Twitter: https://twitter.com/frontendmentor 🔗 Follow Scrimba on Twitter: https://twitter.com/scrimba YouTube links: ⭐️ Kevin Powell: https://www.youtube.com/kepowob ⭐️ Scrimba: https://www.youtube.com/c/Scrimba 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unreal Engine 5 - Beginner's Tutorial (with Blueprint)

xl5fqr-CpTY | 03 Feb 2022

Unreal Engine 5 - Beginner's Tutorial (with Blueprint)

This course will teach you how to create games in Unreal Engine 5. The course covers the Blueprint Visual Scripting system which is a complete gameplay scripting system based on the concept of using a node-based interface to create gameplay elements from within Unreal Editor. ✏️ Course created by Varnos Games. Check out their channel: https://www.youtube.com/channel/UCrqpedrZjpjmzXBqRGRP5QA 🔗 Varnos Games website: https://www.varnosgames.com/ ⭐️ Course Contents ⭐️ ⌨️ Blueprints in Unreal Engine ⌨️ Basics of Unreal Engine 5 ⌨️ UI/UX ⌨️ Win/Loss events ⌨️ Basic Level design 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Great Design With User Research - Design a Mobile App Using Figma

YD0egXpd-Y0 | 02 Feb 2022

Great Design With User Research - Design a Mobile App Using Figma

Improve your UI / UX design skills by designing a real-world app using Figma. You will learn how to use the d.school design thinking process and self process management to come up with design solutions. ✏️ Course created by Dev and Design. Check out his channel: https://www.youtube.com/channel/UCETwb_AzizmhID0RjKULnBA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:53) Outline Breakdown ⌨️ (0:07:01) Workflow Breakdown In FigJam ⌨️ (0:22:50) User Empathy ( Empathize ) ⌨️ (0:23:21) Creating User Experience Survey With Google Forms ⌨️ (0:38:21) Creating User Personas ⌨️ (0:43:08) Creating Problem Statement ⌨️ (0:44:31) Ideate ⌨️ (0:47:49) Prototype Analysis ⌨️ (0:48:16) User Goals & User Tasks ⌨️ (0:50:11) Information Architecture ⌨️ (0:55:38) Low Fidelity Prototyping ⌨️ (1:19:59) High Fidelity Prototyping ⌨️ (1:20:11) Creating Style Library ⌨️ (1:37:21) Creating Component Library ⌨️ (3:32:11) Prototype Presentation & Assignments 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

20 Award-Winning JavaScript Games – js13kGames 2021 Winners

UiYhTcqx_wk | 01 Feb 2022

20 Award-Winning JavaScript Games – js13kGames 2021 Winners

Js13kGames is a JavaScript coding competition where people create games UNDER 13 kilobytes. Learn about the competition and see the 2021 winners in this video. ✏️ This video is made by Ania Kubow. Check out her channel here: https://www.youtube.com/aniakubow 🔗 If you would like to see all the winners and their GitHub repos, please visit: https://js13kgames.com/#winners No.20: Kimbatt Twitter: n/a Game: https://js13kgames.com/entries/hit-the-space GitHub: https://github.com/Kimbatt/js13k-2021 No.19: Josep del Rio Twitter: https://twitter.com/joseprio Game: https://js13kgames.com/entries/galaxy-raid GitHub: https://github.com/joseprio/js13k-2021 No.18: Piesku Twitter: https://twitter.com/pieskucom Game: https://js13kgames.com/entries/escape-2021 GitHub: https://github.com/piesku/urwisek No.17: one grumpy dude Twitter: n/a Game: https://js13kgames.com/entries/gamut-shift GitHub: https://github.com/megagrump/gamutshift-js13k21 No.16: Nicklas Löf Twitter: https://twitter.com/nicklaslof Game: https://js13kgames.com/entries/adventure-in-ascii-space GitHub: https://github.com/nicklaslof/asciispace No.15: Phoboslab Twitter: https://twitter.com/phoboslab Game: https://js13kgames.com/entries/q1k3 GitHub: https://github.com/phoboslab/q1k3 No.14: Tom Hermans Twitter: https://twitter.com/Auroriax Game: https://js13kgames.com/entries/celestial-lighthouse GitHub: https://github.com/Auroriax/js13k-2021 no.13: Mark Racette Twitter: https://twitter.com/markracette Game: https://js13kgames.com/entries/space-jam GitHub: https://github.com/mracette/space-jam No.12: Mark Vasilkov Twitter: https://twitter.com/mvasilkov Game: https://js13kgames.com/entries/first-contact GitHub: https://github.com/mvasilkov/space2021 No.11: Ariel Wexler Twitter: https://twitter.com/AriNeonShark Game: https://js13kgames.com/entries/shuttledeck GitHub: https://github.com/arikwex/space-js13k2021 No.10: xem Twitter: https://twitter.com/maximeeuziere Game: https://js13kgames.com/entries/lossst-a-snake-in-space GitHub: https://github.com/xem/js13k21 No.9: Quinten Clause Twitter: https://twitter.com/supernapie Game: https://js13kgames.com/entries/black-hole-square GitHub: https://github.com/Quinten/black-hole-square No.8: Frank Force Twitter: https://twitter.com/KilledByAPixel Game: https://js13kgames.com/entries/space-huggers GitHub: https://github.com/KilledByAPixel/SpaceHuggers No.7: Jani Nykänen Twitter: https://twitter.com/jani_m_n Games: https://js13kgames.com/entries/the-maze-of-space-goblins GitHub: https://github.com/jani-nykanen/the-maze-of-space-goblins No.6: Mattia Fortunati Twitter: https://twitter.com/MattiaFortunati Game: https://js13kgames.com/entries/packabunchas GitHub: https://github.com/MattiaFortunati/packabunchas No.5: Matthew Diamant Twitter: https://twitter.com/lawofdemeter Game: https://js13kgames.com/entries/welcome-to-space GitHub: https://github.com/matthewdiamant/space No.4: Jaburns Twitter: https://twitter.com/jaburnsnet Game: https://js13kgames.com/entries/galaxy-rider GitHub: https://github.com/jaburns/js13k2021 No.3: Cody Ebberson Twitter: https://twitter.com/codyebberson Game: https://js13kgames.com/entries/the-adventures-of-captain-callisto GitHub: https://github.com/codyebberson/js13k-callisto No.2: Kos Twitter: https://twitter.com/kosgd Game: https://js13kgames.com/entries/beat-rocks GitHub: https://github.com/Kos/js13k-2021 no.1: Ryan Malm Twitter: https://twitter.com/ryanmalm Game: https://js13kgames.com/entries/space-garden GitHub: https://github.com/Rybar/JS13k2021 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Go and AWS - Code and Deploy a Serverless API

zHcef4eHOc8 | 31 Jan 2022

Go and AWS - Code and Deploy a Serverless API

Learn how to create a aomplete AWS serverless stack using the Go programming language. This course covers both coding and deployin a simple serverless stack using API Gateway, Lambda, and DynamoDB. ✏️ Coruse from Akhil Sharma. Check out his YouTube channel: https://www.youtube.com/channel/UCgMjDy6Y7WISZ529S4VyXUg 💻 Code: https://github.com/AkhilSharma90/Golang-Serverless-Project ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:48) Project Setup ⌨️ (0:02:45) Main File ⌨️ (0:17:22) Rest of the Code ⌨️ (1:18:25) Testing ⌨️ (1:34:37) Deploying 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

2D Game Development with GDevelop - Crash Course

iHF5fwsqu4I | 27 Jan 2022

2D Game Development with GDevelop - Crash Course

Learn how to create games with GDevelop, a 2D cross-platform, free and open-source game engine. You can create games with minimal coding and run them on most major platforms. ✏️ Course created by Wesley and Max. 🔗 Learn more about Gdevelop: https://gdevelop.io/ 🔗 More GDevelop video tutorials: https://www.youtube.com/c/GDevelopApp/featured 🎨 Links to artists: 🔗 https://www.kenney.nl/ 🔗 https://0x72.itch.io/dungeontileset-ii ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:22) General Layout ⌨️ (0:06:34) Object Types ⌨️ (0:10:51) Event System ⌨️ (0:16:03) Jumpstarting ⌨️ (0:20:55) Variables ⌨️ (0:25:33) Expression Builder ⌨️ (0:30:01) Extensions ⌨️ (0:33:18) Re-creating Asteroids ⌨️ (0:43:18) Exporting A Game ⌨️ (0:46:36) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Computer Vision and Perception for Self-Driving Cars (Deep Learning Course)

cPOtULagNnI | 26 Jan 2022

Computer Vision and Perception for Self-Driving Cars (Deep Learning Course)

Learn about Computer Vision and Perception for Self Driving Cars. This series focuses on the different tasks that a Self Driving Car Perception unit would be required to do. ✏️ Course by Robotics with Sakshay. https://www.youtube.com/channel/UC57lEMTXZzXYu_y0FKdW6xA ⭐️ Course Contents and Links ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:16) Fully Convolutional Network | Road Segmentation 🔗 Kaggle Dataset: https://www.kaggle.com/sakshaymahna/kittiroadsegmentation 🔗 Kaggle Notebook: https://www.kaggle.com/sakshaymahna/fully-convolutional-network 🔗 KITTI Dataset: http://www.cvlibs.net/datasets/kitti/ 🔗 Fully Convolutional Network Paper: https://arxiv.org/abs/1411.4038 🔗 Hand Crafted Road Segmentation: https://www.youtube.com/watch?v=hrin-qTn4L4 🔗 Deep Learning and CNNs: https://www.youtube.com/watch?v=aircAruvnKk ⌨️ (0:20:45) YOLO | 2D Object Detection 🔗 Kaggle Competition/Dataset: https://www.kaggle.com/c/3d-object-detection-for-autonomous-vehicles 🔗 Visualization Notebook: https://www.kaggle.com/sakshaymahna/lyft-3d-object-detection-eda 🔗 YOLO Notebook: https://www.kaggle.com/sakshaymahna/yolov3-keras-2d-object-detection 🔗 Playlist on Fundamentals of Object Detection: https://www.youtube.com/playlist?list=PL_IHmaMAvkVxdDOBRg2CbcJBq9SY7ZUvs 🔗 Blog on YOLO: https://www.section.io/engineering-education/introduction-to-yolo-algorithm-for-object-detection/ 🔗 YOLO Paper: https://arxiv.org/abs/1506.02640 ⌨️ (0:35:51) Deep SORT | Object Tracking 🔗 Dataset: https://www.kaggle.com/sakshaymahna/kittiroadsegmentation 🔗 Notebook/Code: https://www.kaggle.com/sakshaymahna/deepsort/notebook 🔗 Blog on Deep SORT: https://medium.com/analytics-vidhya/object-tracking-using-deepsort-in-tensorflow-2-ec013a2eeb4f 🔗 Deep SORT Paper: https://arxiv.org/abs/1703.07402 🔗 Kalman Filter: https://www.youtube.com/playlist?list=PLn8PRpmsu08pzi6EMiYnR-076Mh-q3tWr 🔗 Hungarian Algorithm: https://www.geeksforgeeks.org/hungarian-algorithm-assignment-problem-set-1-introduction/ 🔗 Cosine Distance Metric: https://www.machinelearningplus.com/nlp/cosine-similarity/ 🔗 Mahalanobis Distance: https://www.machinelearningplus.com/statistics/mahalanobis-distance/ 🔗 YOLO Algorithm: https://youtu.be/C3qmhPVUXiE ⌨️ (0:52:37) KITTI 3D Data Visualization | Homogenous Transformations 🔗 Dataset: https://www.kaggle.com/garymk/kitti-3d-object-detection-dataset 🔗 Notebook/Code: https://www.kaggle.com/sakshaymahna/lidar-data-visualization/notebook 🔗 LIDAR: https://geoslam.com/what-is-lidar/ 🔗 Tesla doesn't use LIDAR: https://towardsdatascience.com/why-tesla-wont-use-lidar-57c325ae2ed5 ⌨️ (1:06:45) Multi Task Attention Network (MTAN) | Multi Task Learning 🔗 Dataset: https://www.kaggle.com/sakshaymahna/cityscapes-depth-and-segmentation 🔗 Notebook/Code: https://www.kaggle.com/sakshaymahna/mtan-multi-task-attention-network 🔗 Data Visualization: https://www.kaggle.com/sakshaymahna/exploratory-data-analysis 🔗 MTAN Paper: https://arxiv.org/abs/1803.10704 🔗 Blog on Multi Task Learning: https://ruder.io/multi-task/ 🔗 Image Segmentation and FCN: https://youtu.be/U_v0Tovp4XQ ⌨️ (1:20:58) SFA 3D | 3D Object Detection 🔗 Dataset: https://www.kaggle.com/garymk/kitti-3d-object-detection-dataset 🔗 Notebook/Code: https://www.kaggle.com/sakshaymahna/sfa3d 🔗 Data Visualization: https://www.kaggle.com/sakshaymahna/l... 🔗 Data Visualization Video: https://youtu.be/tb1H42kE0eE 🔗 SFA3D GitHub Repository: https://github.com/maudzung/SFA3D 🔗 Feature Pyramid Networks: https://jonathan-hui.medium.com/understanding-feature-pyramid-networks-for-object-detection-fpn-45b227b9106c 🔗 Keypoint Feature Pyramid Network: https://arxiv.org/pdf/2001.03343.pdf 🔗 Heat Maps: https://en.wikipedia.org/wiki/Heat_map 🔗 Focal Loss: https://medium.com/visionwizard/understanding-focal-loss-a-quick-read-b914422913e7 🔗 L1 Loss: https://afteracademy.com/blog/what-are-l1-and-l2-loss-functions 🔗 Balanced L1 Loss: https://paperswithcode.com/method/balanced-l1-loss 🔗 Learning Rate Decay: https://medium.com/analytics-vidhya/learning-rate-decay-and-methods-in-deep-learning-2cee564f910b 🔗 Cosine Annealing: https://paperswithcode.com/method/cosine-annealing ⌨️ (1:40:24) UNetXST | Camera to Bird's Eye View 🔗 Dataset: https://www.kaggle.com/sakshaymahna/semantic-segmentation-bev 🔗 Dataset Visualization: https://www.kaggle.com/sakshaymahna/data-visualization 🔗 Notebook/Code: https://www.kaggle.com/sakshaymahna/unetxst 🔗 UNetXST Paper: https://arxiv.org/pdf/2005.04078.pdf 🔗 UNetXST Github Repository: https://github.com/ika-rwth-aachen/Cam2BEV 🔗 UNet: https://towardsdatascience.com/understanding-semantic-segmentation-with-unet-6be4f42d4b47 🔗 Image Transformations: https://kevinzakka.github.io/2017/01/10/stn-part1/ 🔗 Spatial Transformer Networks: https://kevinzakka.github.io/2017/01/18/stn-part2/

React & TypeScript - Course for Beginners

FJDVKeh7RJI | 25 Jan 2022

React & TypeScript - Course for Beginners

Learn how to build React apps using TypeScript. First, learn the basics of TypeScript. Then, learn how to integrate TypeScript in a React app by building an awesome project. You will learn how to use TypeScript with React Hooks such as useState, useRef, and useReducers. You will also learn how to pass props from one component to another by defining prop types of the component. And you will learn much more! ✏️ Course created by Roadside Coder. Check out his channel: https://www.youtube.com/c/RoadsideCoder 💻 Code: https://github.com/piyush-eon/react-typescript-taskify 🔗 Live Site: https://taskify-typescript.netlify.app/ 🔗 Typescript Docs: https://www.typescriptlang.org/docs/handbook/2/basic-types.html 🔗 useReducer Tutorial: https://www.youtube.com/watch?v=HptuMAUaNGk ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:31) Typescript vs Javascript ⌨️ (0:00:57) Project Overview ⌨️ (0:02:27) Setup React Typescript Project ⌨️ (0:04:57) Basic Types in Typescript ⌨️ (0:07:30) Object Type ⌨️ (0:09:03) Optional Field in Objects ⌨️ (0:09:20) Array of Object Type ⌨️ (0:09:55) Union Type ⌨️ (0:10:25) Function Types ⌨️ (0:12:06) Any Type ⌨️ (0:12:35) unknown and never Type ⌨️ (0:12:52) Aliases ( type and interface ) ⌨️ (0:14:36) Extending types ⌨️ (0:15:53) Extending interface ⌨️ (0:16:28) Extending Classes ⌨️ (0:16:45) Extending type with interface ( and vice versa ) ⌨️ (0:17:22) React with Typescript ⌨️ (0:18:22) Functional Component type ⌨️ (0:19:19) Creating Input UI ⌨️ (0:26:22) useState Hook with Typescript ⌨️ (0:27:39) PropTypes - Passing props to component ⌨️ (0:30:34) Reusable todo interface ⌨️ (0:33:01) Passing function as props ⌨️ (0:34:14) Event Type in Typescript ⌨️ (0:35:20) Create Todo Logic ⌨️ (0:37:54) useRef Hook with Typescript ⌨️ (0:40:41) TodoList Component ⌨️ (0:45:27) Passing props to SingleTodo ⌨️ (0:47:14) SingleTodo Component ⌨️ (0:52:23) Todo Complete Functionality ⌨️ (0:54:56) Delete Todo Functionality ⌨️ (0:55:55) Edit Todo Functionality ⌨️ (1:02:05) Edit Bug Fix ⌨️ (1:03:23) useReducer Hook with Typescript ⌨️ (1:07:11) Homework for you ⌨️ (1:07:26) Building App UI for Drag and Drop ⌨️ (1:13:13) React Beautiful DnD Installation ⌨️ (1:14:00) completedTodos State ⌨️ (1:15:21) DragDropContext ⌨️ (1:16:42) Droppable Tag ⌨️ (1:20:46) Draggable Tag ⌨️ (1:23:21) onDragEnd Logic ⌨️ (1:30:05) Drag and Drop Styling ⌨️ (1:32:36) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AutoCAD for Beginners - Full University Course

VtLXKU1PpRU | 24 Jan 2022

AutoCAD for Beginners - Full University Course

Learn basic architectural 2D drafting techniques using Autodesk Autocad in this complete university course. You will learn Autocad by creating architectural drawings for a small single-room cabin. ✏️ Gediminas Kirdeikis developed this course. He originally created the couse for Lund University and is now sharing it with freeCodeCamp. Check out his YouTube channel: https://www.youtube.com/channel/UCiRsHYsIuWwU78i9RE3nlMg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Part 1 ⌨️ (1:45:40) Part 2 ⌨️ (3:43:27) Part 3 ⭐️ Additional Resources / Useful Links ⭐️ 🔗Download AutoCAD free student version: https://www.autodesk.com/education/free-software/featured 🔗Autocad basic commands PDF: https://lthdigital.files.wordpress.com/2020/01/aada05_commands.pdf 🔗Laptop specification guidelines: https://lthdigital.files.wordpress.com/2020/08/laptop-specification-guidelines.pdf 🔗2D linework library: https://pimpmydrawing.com/ 🔗House VI by Peter Eisenman: https://eisenmanarchitects.com/House-VI-1975 🔗House in a forest by Go Hasegawa: https://archeyes.com/pilotis-forest-go-hasegawa/ 🔗Video Lecture - Go Hasegawa: https://www.youtube.com/watch?v=RBo8S0TT6xA 🔗Slender House by FORM / Kouichi Kimura Architects: https://www.archdaily.com/921851/slender-house-form-kouichi-kimura-architects 🔗1.8M Width House by YUUA Architects & Associates: https://www.archdaily.com/897736/m-width-house-yuua-architects-and-associates 🔗YMT House by Geneto: https://www.dezeen.com/2019/06/23/ymt-house-geneto-japan-skinny/ 🔗3,500 Millimetre House by AGo Architects: https://www.dezeen.com/2019/07/16/3500-milimetre-home-ago-architects-indonesia-skinny-house/ 🔗Skinny House by Oliver du Puy Architects: https://www.dezeen.com/2019/06/11/skinny-house-oliver-du-puy-architects/ 🔗Tiny House by FujiwaraMuro Architects: https://www.dezeen.com/2017/06/19/tiny-house-kobe-japan-fujiwaramuro-architects-skylights/ 🔗A House in Trees by Nguyen Khac Phuoc Architects: https://www.dezeen.com/2017/04/13/house-in-trees-nguyen-khac-phuoc-architects-skinny-vietnam-residence/ 🔗SkinnyScar by Gwendolyn Huisman and Marijn Boterman: https://www.dezeen.com/2017/02/14/skinny-rotterdam-house-black-brickwork-plywood-lined-rooms-architecture-residential/ 🔗House at Hommachi by Atelier HAKO Architects: https://www.dezeen.com/2016/08/04/four-metre-wide-skinny-house-hommachi-tokyo-japan-atelier-hako-architects/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS Cloud Development Kit (CDK) Crash Course

T-H4nJQyMig | 20 Jan 2022

AWS Cloud Development Kit (CDK) Crash Course

Learn how to use the AWS Cloud Development Kit (CDK) in this tutorial. The AWS Cloud Development Kit (AWS CDK) is an open-source software development framework to define your cloud application resources using familiar programming languages. We'll go over the basics, do the CDK Workshop and then talk about some advanced features of CDK. ✏️ Matt Martz created this course. He is an engineer, AWS Community Builder, and CDK fanboi. 🔗 Twitter: https://twitter.com/martzcodes 🔗 Blog: https://matt.martz.codes 🔗 Landing Page / Social: https://martz.codes ⭐️ Course Contents ⭐️ ⌨️ (00:15) CDK Crash Course Intro ⌨️ (01:13) What we'll cover ⌨️ (02:34) Resources [1, 2, 3, 4] ⌨️ (03:07) CDK Basics [5] ⌨️ (07:34) What are CDK Constructs? [6, 7, 8, 9, 10] ⌨️ (10:15) Level 3 Construct Examples [11, 12, 13] ⌨️ (12:08) Synthesis, Assets, Bootstrapping and Deploy [5] ⌨️ (14:53) CDK Workshop Speedrun - Cloud9 Prep [14, 15] ⌨️ (21:01) CDK Workshop Speedrun - New Project [14] ⌨️ (28:02) CDK Workshop Speedrun - Hello, CDK [14] ⌨️ (35:42) CDK Workshop Speedrun - Writing Constructs [14] ⌨️ (42:26) CDK Workshop Speedrun - Using Construct Libraries [14] ⌨️ (44:14) CDK Workshop Speedrun - Testing Constructs [14] ⌨️ (48:51) Advanced CDK [16, 17, 18, 2, 19, 20] ⌨️ (59:32) More Resources and Thanks! [21, 22, 23] ⭐️ References ⭐️ CDK Developer Guide: https://docs.aws.amazon.com/cdk/v2/guide/home.html [1] CDK Slack: https://cdk.dev [2] The CDK Book: https://thecdkbook.com [3] CDKDay: https://cdkday.com [4] CDKDay talk: Creating Verifiable JSON Web Tokens with AWS CDK https://www.youtube.com/watch?v=v9116ZS3QPc [5] App Lifecycle: https://docs.aws.amazon.com/cdk/v2/guide/apps.html [6] CDK API Reference: https://docs.aws.amazon.com/cdk/api/v2/docs/aws-construct-library.html [7] Access Analyzer L1 Construct: https://docs.aws.amazon.com/cdk/api/v2/docs/aws-cdk-lib.aws_accessanalyzer.CfnAnalyzer.html [8] Access Analyzer CloudFormation API: https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-resource-accessanalyzer-analyzer.html [9] DynamoDB Table L2 Construct: https://docs.aws.amazon.com/cdk/api/v2/docs/aws-cdk-lib.aws_dynamodb.Table.html [10] DynamoDB Table CloudFormation API: https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/aws-resource-dynamodb-table.html [11] CDKPatterns.com: https://cdkpatterns.com [12] AWS Solutions Constructs: https://docs.aws.amazon.com/solutions/latest/constructs/welcome.html [13] Construct Hub: https://constructs.dev [14] CDK Workshop: https://cdkworkshop.com [15] Cross-account CI/CD Pipeline with CDK Pipelines: https://catalog.us-east-1.prod.workshops.aws/v2/workshops/874d349f-85f6-495d-9475-ff7b7b23201f/en-US [16] CloudFormation Custom Resources: https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/template-custom-resources.html [17] CDK Provider Framework: https://docs.aws.amazon.com/cdk/api/v2//docs/aws-cdk-lib.custom_resources-readme.html [18] Testing the Async Cloud with AWS CDK: https://dev.to/aws-builders/testing-the-async-cloud-with-aws-cdk-33aj [19] CDK Aspects: https://docs.aws.amazon.com/cdk/v2/guide/aspects.html [20] Best Practices: https://docs.aws.amazon.com/cdk/v2/guide/best-practices.html [21] freeCodeCamp: AWS CDK v2 Tutorial: https://www.freecodecamp.org/news/aws-cdk-v2-three-tier-serverless-application/ [22] OpenAPI Specs Without Deploying First: https://matt.martz.codes/openapi-specs-from-cdk-stack-without-deploying-first [23] Serverless Stack Framework: https://serverless-stack.com 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Kubernetes Course - Full Beginners Tutorial (Containerize Your Apps!)

d6WC5n9G_sM | 19 Jan 2022

Kubernetes Course - Full Beginners Tutorial (Containerize Your Apps!)

Learn how to use Kubernetes in this complete course. Kubernetes makes it possible to containerize applications and simplifies app deployment to production. ✏️ Course developed by Bogdan Stashchuk. Check out his channel: https://www.youtube.com/c/CodingTutorials ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Kubernetes for Beginners Introduction ⌨️ (0:02:40) What is Kubernetes ⌨️ (0:06:46) What is Pod ⌨️ (0:08:22) Kubernetes Cluster and Nodes ⌨️ (0:10:40) Kubernetes Services ⌨️ (0:14:17) What is kubectl ⌨️ (0:17:23) Software required for this course ⌨️ (0:21:49) Installing kubectl ⌨️ (0:25:03) Installing Minikube ⌨️ (0:29:38) Cleating Kubernetes cluster using Minikube ⌨️ (0:33:50) Exploring the Kubernetes node ⌨️ (0:40:36) Creating just single Pod ⌨️ (0:45:57) Exploring Kubernetes Pod ⌨️ (0:52:44) Creating alias for the kubectl command ⌨️ (0:55:17) Creating and exploring Deployment ⌨️ (1:07:00) Connecting to one of the Pods using its IP address ⌨️ (1:09:23) What is Service ⌨️ (1:11:18) Creating and exploring ClusterIP Service ⌨️ (1:16:38) Connecting to the Deployment using ClusterIP Service ⌨️ (1:20:55) Deleting Deployment and Service ⌨️ (1:22:20) Creating Node web application ⌨️ (1:30:05) Dockerizing Node application ⌨️ (1:38:28) Pushing custom image to the Docker Hub ⌨️ (1:40:26) Creating deployment based on the custom Docker image ⌨️ (1:45:49) Scaling custom image deployment ⌨️ (1:49:14) Creating NodePort Service ⌨️ (1:53:51) Creating LoadBalancer Service ⌨️ (1:56:49) Rolling update of the deployment ⌨️ (2:05:30) What happens when one of the pods is deleted ⌨️ (2:06:31) Kubernetes Dashboard ⌨️ (2:10:49) Creating YAML deployment specification file ⌨️ (2:17:04) How to use Kubernetes documentation ⌨️ (2:20:35) Applying YAML deployment file ⌨️ (2:24:13) Creating YAML service specification file ⌨️ (2:27:59) Plan for the creation of the two deployments ⌨️ (2:31:16) Creating another web app with two endpoints ⌨️ (2:35:15) Building custom Docker image for the second web app ⌨️ (2:36:38) Creating YAML specification for the second web app ⌨️ (2:39:02) Creating YAML specification for the NGINX app ⌨️ (2:42:07) Applying specifications for both apps ⌨️ (2:44:09) Verifying connectivity between different deployments ⌨️ (2:47:05) Resolving Service name to IP address ⌨️ (2:49:52) Deleting both applications ⌨️ (2:51:00) Changing Container Runtime from Docker to CRI-O ⌨️ (2:54:49) Deploying apps using CRI-O container runtime ⌨️ (2:56:08) Verifying connectivity between deployments ⌨️ (2:57:11) Wrap-Up 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Gradio Course - Create User Interfaces for Machine Learning Models

RiCQzBluTxU | 18 Jan 2022

Gradio Course - Create User Interfaces for Machine Learning Models

Gradio is a python library that makes it super easy for machine learning engineers to create user interfaces. This complete course coverw all aspects of Gradio, including deployment. ✏️ Course developed by 1littlecoder. Check out his channel: https://www.youtube.com/c/1littlecoder ⭐️ Course Contents ⭐️ 💻 (0:00:20) Welcome to this ML App Course 💻 (0:03:15) What's the problem with current ML prototyping 💻 (0:14:08) What's Gradio & Advantages of Gradio 💻 (0:26:05) Getting started with Gradio 💻 (0:35:15) Gradio Components 💻 (0:46:52) Gradio Multiple inputs 💻 (1:04:08) Debugging & Flagging 💻 (1:13:58) Improving UI + UX 💻 (1:29:36) Gradio Sharing + Auth 💻 (1:38:04) Deploying DL Gradio App with Hugging Face Spaces 💻 (1:50:10) Course Finish-up Summary 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Django / Tailwind Tutorial - Code a Netflix Clone

gbyYXgiSgdM | 13 Jan 2022

Django / Tailwind Tutorial - Code a Netflix Clone

Improve your Django and Tailwind CSS skills by building a Netflix clone. The clone focuses on simulating the front end of Netflix. ✏️ Course from OtchereDev. Check out his channel: https://www.youtube.com/channel/UCTJo8aFy8GgPHrm-OT_lvNg 💻 Code: https://github.com/OtchereDev/django_netflix_clone 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flutter & Firebase Course - Build a Full Stack Instagram Clone

mEPm9w5QlJM | 12 Jan 2022

Flutter & Firebase Course - Build a Full Stack Instagram Clone

Use Flutter and Firebase to build a responsive Instagram Clone. After this tutorial, you will be able to use Firebase in any of your projects. You will learn about Firestore, Firebase Auth, Firebase Storage, Responsive UI, and much more! 💻 Code: https://github.com/RivaanRanawat/instagram-flutter-clone ✏️ Course developed by Rivaan Ranawat. Check out his channel: https://www.youtube.com/channel/UC-1kzHtwBY8n0TY5NhYxNaw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:19) Demo ⌨️ (0:03:25) Prerequisites ⌨️ (0:04:31) Setup & Theming the App ⌨️ (0:09:31) Building Responsive Layout Widget ⌨️ (0:15:47) Setting Up Firebase ⌨️ (0:33:10) Login Screen UI (Mobile) ⌨️ (0:55:58) Signup Screen UI (Mobile) ⌨️ (1:02:41) Firebase Signup Auth ⌨️ (1:52:12) Firebase Login Auth ⌨️ (2:02:33) Persisting Auth State ⌨️ (2:19:49) Modelling User Data ⌨️ (2:25:47) User Data State Management ⌨️ (2:48:02) Mobile Bottom App Bar ⌨️ (2:57:49) Add Post Screen UI ⌨️ (3:10:08) Selecting Image ⌨️ (3:21:18) Storing Post Data in Firebase ⌨️ (3:44:16) Feed Posts UI ⌨️ (4:10:08) Displaying Post Data from Firebase ⌨️ (4:22:04) Like Animation ⌨️ (4:36:21) Updating Likes ⌨️ (4:45:11) Comments Screen UI ⌨️ (4:59:37) Storing Comments in Firestore ⌨️ (5:09:47) Displaying Comments ⌨️ (5:25:58) Deleting Post ⌨️ (5:28:56) Searching Users ⌨️ (5:39:45) Showing Posts on Search Screen ⌨️ (5:46:06) Creating Reusable Profile Screen UI ⌨️ (6:05:41) Displaying Profile Data ⌨️ (6:27:16) Following Users ⌨️ (6:35:30) Signing Out ⌨️ (6:37:27) Creating Responsive UI ⌨️ (6:51:15) Conclusion Resources: 🔗 colors.dart File: https://github.com/RivaanRanawat/instagram-flutter-clone/blob/master/lib/utils/colors.dart 🔗 Instagram Logo: https://github.com/RivaanRanawat/instagram-flutter-clone/blob/master/assets/ic_instagram.svg 🔗 Firestore Rules: https://firebase.google.com/docs/firestore/security/get-started 🔗 Firebase: https://firebase.google.com 🔗 Pubspec Assist: https://marketplace.visualstudio.com/items?itemName=jeroen-meijer.pubspec-assist 🔗 In case of error while configuring Firebase for iOS: https://stackoverflow.com/questions/64037496/none-of-your-spec-sources-contain-a-spec-satisfying-the-dependencies-firebase 🔗 Renaming the android package: https://stackoverflow.com/questions/51534616/how-to-change-package-name-in-flutter Dependencies: 🔗 https://pub.dev/packages/firebase_core 🔗 https://pub.dev/packages/cloud_firestore 🔗 https://pub.dev/packages/firebase_auth 🔗 https://pub.dev/packages/firebase_storage 🔗 https://pub.dev/packages/flutter_svg 🔗 https://pub.dev/packages/intl 🔗 https://pub.dev/packages/file_picker 🔗 https://pub.dev/packages/flutter_staggered_grid_view 🔗 https://pub.dev/packages/provider 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

10 Common Coding Interview Problems - Solved!

Peq4GCPNC5c | 11 Jan 2022

10 Common Coding Interview Problems - Solved!

Preparing for coding interviews? Competitive programming? Learn to solve 10 common coding problems and improve your problem-solving skills. 💻 Code: https://gist.github.com/syphh/173172ec9a4a1376e5096a187ecbddc9 ✏️ Course developed by Inside code. Check out their YouTube channel: https://www.youtube.com/channel/UCvLEP7Hu6SHd5a2CWeQXalg ⌨️ (0:00:00) Introduction ⌨️ (0:00:37) Valid anagram ⌨️ (0:05:10) First and last index in sorted array ⌨️ (0:13:44) Kth largest element ⌨️ (0:19:50) Symmetric tree ⌨️ (0:26:42) Generate parentheses ⌨️ (0:37:03) Gas station ⌨️ (0:50:06) Course schedule ⌨️ (1:06:50) Kth permutation ⌨️ (1:20:13) Minimum window substring ⌨️ (1:47:46) Largest rectangle in histogram ⌨️ (2:10:30) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Course - Beginner's Tutorial for React JavaScript Library [2022]

bMknfKXIFA8 | 10 Jan 2022

React Course - Beginner's Tutorial for React JavaScript Library [2022]

Learn React by building eight real-world projects and solving 140+ coding challenges. You can also follow this course interactively on Scrimba: https://scrimba.com/learn/learnreact React is one of the most popular front-end JavaScript libraries for building user interfaces. After completing this course, you will be able to build web apps in modern React, using patterns like functional components and hooks. ✏️ This teacher is Bob Ziroll, Head of Education at Scrimba. Code is available on the Scrimba course page for each lesson. Scrimba on YouTube: https://www.youtube.com/c/Scrimba Bob on Twitter: https://twitter.com/bobziroll 🌟 (0:00:00) Build a React info site ⌨️ Welcome to an Introduction to React! ⌨️ What we'll learn ⌨️ First React ⌨️ First React Practice ⌨️ Local setup (the quick way) ⌨️ Why React? It's Composable! ⌨️ Why React? It's declarative ⌨️ JSX ⌨️ Goodbye, CDNs! ⌨️ Thought experiment: use .append() instead of ReactDOM.render()? ⌨️ Project part 1 - markup ⌨️ Pop quiz! ⌨️ Custom Components ⌨️ Custom Components 2 ⌨️ Custom Components Quiz ⌨️ Parent/Child Components ⌨️ Styling with Classes ⌨️ Organize components ⌨️ Set up a local React env with Create React App ⌨️ Styles and images with CRA ⌨️ Quick mental outline of project ⌨️ Project setup ⌨️ Quick Figma Walkthrough ⌨️ Navbar & Styling ⌨️ Main Section ⌨️ Color the bullets ⌨️ Add background logo ⌨️ Section 1 Solo Project ⌨️ Section 1 Recap 🌟 (2:27:26) Build an AirBnb Experiences clone ⌨️ Section intro & Figma file ⌨️ Project setup: Navbar ⌨️ Project setup: Hero ⌨️ Project: Card Component ⌨️ Problem - not reusable ⌨️ Props Part 1: Understanding the Concept ⌨️ Props Part 2: Reusable Components ⌨️ Aside: JS inside JSX ⌨️ Props part 3: Create a contact component ⌨️ Props part 4: receiving props in component ⌨️ Prop quiz! ⌨️ Destructuring props ⌨️ Props practice ⌨️ Passing in non-string props ⌨️ Project: pass props to card component ⌨️ Review - array .map() ⌨️ React renders arrays ⌨️ Mapping components ⌨️ Map quiz! ⌨️ Loading images from .map() ⌨️ Project: Map experiences data into components ⌨️ Project: key prop ⌨️ Project: Sold Out Badge ⌨️ Project: Pass object as props ⌨️ Project: Spread object as props ⌨️ Section 2 Solo Project ⌨️ Section 2 recap ⭐️ (4:41:37) Build a meme generator ⌨️ Section Intro & Figma file ⌨️ Meme Generator: Header ⌨️ Meme Generator: Form ⌨️ Project analysis ⌨️ Event Listeners ⌨️ Project: Get random meme ⌨️ Our current conundrum ⌨️ State: Props ⌨️ State: State ⌨️ State Quiz! ⌨️ useState ⌨️ useState array destructuring ⌨️ Changing state ⌨️ useState - Counter practice ⌨️ useState - Changing state with a callback function ⌨️ Changing state quiz! ⌨️ Project: Add images ⌨️ Challenge: ternary practice ⌨️ Challenge: flipping state back and forth ⌨️ Complex state: arrays ⌨️ Complex state: objects ⌨️ Complex state: updating state objects ⌨️ Project: Refactor state ⌨️ Passing state as props ⌨️ Setting state from child components ⌨️ Passing data around ⌨️ Boxes challenge part 1 ⌨️ Dynamic styles ⌨️ Boxes challenge part 2 ⌨️ Boxes challenge part 3.1 - local state ⌨️ Boxes challenge part 3.2 - unified state ⌨️ Boxes challenge part 4 ⌨️ Boxes challenge part 5 ⌨️ Conditional rendering: && ⌨️ Conditional rendering: && practice ⌨️ Conditional rendering: ternary ⌨️ Conditional rendering practice ⌨️ Conditional rendering quiz! ⌨️ React forms intro ⌨️ Watch for input changes in React ⌨️ Form inputs practice ⌨️ Forms state object ⌨️ Form state object practice ⌨️ Controlled inputs ⌨️ Formst: Textarea ⌨️ Forms: Checkbox ⌨️ Forms: Radio buttons ⌨️ Forms: Select & Option ⌨️ Forms: Submitting the form ⌨️ Forms quiz! ⌨️ Sign up form practice ⌨️ Project: Add text to image ⌨️ Making API calls ⌨️ Intro to useEffect ⌨️ useEffect() syntax and default behavior ⌨️ useEffect dependencies array ⌨️ useEffect quiz! ⌨️ useEffect for fetching data ⌨️ useEffect: when to use dependencies ⌨️ Project: Get Memes from API ⌨️ State and Effect practices ⌨️ useEffect cleanup function ⌨️ Using an async function inside useEffect ⌨️ Section 3 Recap 🌟 (9:51:33) Build a notes app and Tenzies game ⌨️ Section 4 Intro ⌨️ Warm-up: Add Dark/Light modes to ReactFacts site ⌨️ Notes App: Intro ⌨️ Notes App: Features to add ⌨️ Notes App: Sync notes with localStorage ⌨️ Lazy State Initialization ⌨️ Notes App: Note summary title ⌨️ Notes App: Bump recent note to the top ⌨️ Notes App: Delete note ⌨️ Tenzies Project Intro ⌨️ Tenzies: Setup ⌨️ Tenzies: Die components ⌨️ Tenzies: Generate array of 10 random numbers ⌨️ Tenzies: Map array to Die components ⌨️ Tenzies: Roll dice button ⌨️ Tenzies: Change dice to objects ⌨️ Tenzies: Styling held dice ⌨️ Tenzies: Hold dice part 1 ⌨️ Tenzies: Hold dice part 2 ⌨️ Tenzies: Hold dice part 3 ⌨️ Tenzies: End game part 1 ⌨️ Tenzies: End game part 2 ⌨️ Tenzies: End game part 3 ⌨️ Tenzies: New Game ⌨️ Tenzies: Extra Credit Ideas ⌨️ Section 4 Solo Project ⌨️ Check out the class components crash course! ⌨️ Congrats!

PyTorch and Monai for AI Healthcare Imaging - Python Machine Learning Course

M3ZWfamWrBM | 06 Jan 2022

PyTorch and Monai for AI Healthcare Imaging - Python Machine Learning Course

Learn how to use PyTorch, Monai, and Python for computer vision using machine learning. One practical use-case for artificial intelligence is healthcare imaging. In this course, you will improve your machine learning skills by creating an algorithm for automatic liver segmentation. ✏️ Course from Mohammed El Amine MOKHTARI. Check out his YouTube channel: https://www.youtube.com/c/pycad 💻 Code: https://github.com/amine0110/Liver-Segmentation-Using-Monai-and-PyTorch ⭐️ Course Content ⭐️ (0:00:00) Introduction (0:02:11) What is U-Net (0:13:21) Software Installation (0:22:35) Finding the Datasets (0:35:11) Preparing the Data (2:49:08) Installing the Packages (3:03:56) Preprocessing (3:50:14) Errors you May Face (4:12:06) Dice Loss (4:21:44) Weighted Cross Entropy (4:33:09) The Training Part (4:50:04) The Testing Part (5:01:50) Using the GitHub Repository 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Figma Tutorial for UI Design - Course for Beginners

jwCmIBJ8Jtc | 05 Jan 2022

Figma Tutorial for UI Design - Course for Beginners

In this Figma course, you will learn how to use Figma for UI Design. Figma is a vector graphics editor and prototyping tool. ✏️ Joseph Brendan developed this course. Check out his YouTube channel: https://www.youtube.com/channel/UCETwb_AzizmhID0RjKULnBA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:55) Creating A Figma Account ⌨️ (0:02:32) Creating & Naming A Figma Design File ⌨️ (0:04:47) Creating Shapes In Figma ⌨️ (0:07:16) Selection In Figma ⌨️ (0:12:02) Editing Shapes In Figma ⌨️ (0:36:14) Introduction To Typography In Figma ⌨️ (1:01:41) Design Tree In Figma ⌨️ (1:06:43) First Design Task ⌨️ (1:20:44) Colors In Figma ⌨️ (1:44:22) Drawing Tools In Figma ⌨️ (1:49:20) Margin And Padding In UI UX Design ⌨️ (1:56:08) Figma AutoLayout ⌨️ (2:13:48) Formatting Principles In Figma ⌨️ (2:34:32) Figma Constraints And Resizing ⌨️ (2:51:11) Website Design in Figma ⌨️ (2:55:52) Jakob's Principle Of Design ⌨️ (3:00:25) Introduction to Styles and components ⌨️ (3:25:29) Figma Component Variants ⌨️ (3:36:18) Layout Design & Configuration For Websites in Figma ⌨️ (3:40:07) Layout Grids In Figma ⌨️ (4:01:22) Introduction To Responsive Design ⌨️ (4:07:32) Material Design Guide ⌨️ (6:26:24) Introduction To Tailwind UI ⌨️ (6:28:24) Tailwind UI Design Project ⌨️ (7:25:45) Responsive Landing Page Design Project ⌨️ (8:45:54) Designing Mobile Apps ⌨️ (8:56:47) Iconography In Figma ⌨️ (9:02:32) Boolean Groups ⌨️ (9:09:52) Figma Tokens ⌨️ (9:18:29) Animation In Figma With Figmotion ⌨️ (9:36:29) Mobile Design Project 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a 2D Game Engine using Java - Full Course for Beginners

025QFeZfeyM | 03 Jan 2022

Code a 2D Game Engine using Java - Full Course for Beginners

Learn how to program a 2D game engine from scratch using the Java Programming Language. You will use the game engine to create a Super Mario Clone but the engine can be used to create other games as well. 💻 Code: https://github.com/codingminecraft/MarioYoutube/tree/master ✏️ Course created by GamesWithGabe. Check out his channel: https://www.youtube.com/channel/UCQP4qSCj1eHMHisDDR4iPzw 🎥 Part 2 (final hour of this course): https://youtu.be/roPRqEQZFu8 ⭐️ Course Contents ⭐️ ⌨️ (00:00:06) Introduction ⌨️ (00:07:54) Setting up the Window with LWJGL ⌨️ (00:25:20) Adding Event Listeners with GLFW ⌨️ (00:51:42) Creating a Scene Manager & Delta Time Variable ⌨️ (01:11:26) How OpenGL Graphics Programming Works ⌨️ (01:32:53) Drawing the First Square ⌨️ (02:02:56) Regexes and Shader Abstraction ⌨️ (02:24:25) Game Camera OpenGL ⌨️ (02:47:47) GLSL Shaders ⌨️ (03:08:45) Texture Loading in LWJGL3 ⌨️ (03:36:02) Entity Component System ⌨️ (04:06:25) Batch Rendering in LWJGL3 ⌨️ (04:50:00) Resource Management in LWJGL3 ⌨️ (05:05:30) Texture Batching ⌨️ (05:38:48) Spritesheets ⌨️ (06:01:12) Dirty Flags in Rendering ⌨️ (06:23:17) Alpha Blending and Z-Indexing ⌨️ (06:38:56) Integrating ImGui ⌨️ (07:01:56) ImGui Fonts and Scene Integration ⌨️ (07:19:43) Serialization with Gson ⌨️ (07:42:48) Deserialization with Gson ⌨️ (08:06:03) Exposing Variables to the Level Editor ⌨️ (08:25:29) Converting Screen Coords to World Coords ⌨️ (08:49:27) Drag 'N Drop Level Editor ⌨️ (09:15:25) Debug Drawing Functions ⌨️ (09:47:35) Snap To Grid Tool ⌨️ (10:10:25) Debug Drawing Boxes and Circles ⌨️ (10:28:58) Framebuffers in OpenGL ⌨️ (10:52:56) ImGui Docking in Java LWJGL ⌨️ (11:11:55) Adding a Game Viewport ⌨️ (11:34:51) Mouse Screen Coordinates to Game Viewport Coordinates ⌨️ (11:50:01) Pixel PERFECT Mouse Picking ⌨️ (12:23:39) Enabling Mouse Picking and Code Maintenance ⌨️ (12:35:16) Editor Camera Controls with Lerp ⌨️ (13:01:48) Coding Gizmos ⌨️ (13:31:03) Translate and Scale Gizmo ⌨️ (14:04:29) Properties Panel ⌨️ (14:33:53) Integrating JBox2D in our Engine ⌨️ (14:54:53) Event System and Box2D Physics ⌨️ (15:19:09) Adding an Engine Runtime (Play/Stop Buttons) ⌨️ (16:10:10) Refactoring and Physics ⌨️ (16:40:28) Font Rendering ⌨️ (16:43:34) Beginning Scene Hierarchy & ImGui Upgrade ⌨️ (17:00:38) Scene Panel Drag & Drop (ImGui) ⌨️ (17:18:31) Even More Bug Fixing ⌨️ (17:44:51) 2D Animations ⌨️ (18:18:29) Sounds with OpenAL ⌨️ (18:44:27) Improving the Editor ⌨️ (19:21:24) How to Use Box2D Physics ⌨️ (20:06:12) Pillbox Colliders and Player Controllers ⌨️ (20:45:32) Variable Length Jumps ⌨️ (21:25:28) Powerups ⌨️ (21:51:52) Goomba AI ⌨️ (22:29:59) Mario Pipes & Editor Improvements ⌨️ (23:01:59) Game Camera & Grid Lines ⌨️ (23:28:28) Mario Turtle AI ⌨️ (https://youtu.be/roPRqEQZFu8) Adding Flag Poles to Mario ⌨️ (https://youtu.be/roPRqEQZFu8) Fireballs and Bug Fixes ⌨️ (https://youtu.be/roPRqEQZFu8) The LAST Episode and Distributing your Game 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn to Code RPG - A freeCodeCamp.org Game [playthrough + gamedev interview]

b_IDdQzPRR4 | 22 Dec 2021

Learn to Code RPG - A freeCodeCamp.org Game [playthrough + gamedev interview]

You didn't realize you needed this until now: A brand new game from freeCodeCamp. Learn all about Learn To Code RPG from game creator Lynn Zheng and watch a playthough from Ania Kubów. Learn more about the game and its development here: https://www.freecodecamp.org/news/learn-to-code-rpg/ Download the game for free from Itch: https://freecodecamp.itch.io/learn-to-code-rpg Check out the open source code on GitHub: https://github.com/freeCodeCamp/LearnToCodeRPG

Build a CRM with Google Sheets + PostgreSQL + Stripe API Tutorial (Ecommerce Course)

erka8USiBgM | 21 Dec 2021

Build a CRM with Google Sheets + PostgreSQL + Stripe API Tutorial (Ecommerce Course)

Build a CRM (Customer Relationship Management tool) using the Retool low-code platform. We will be learning how to use the Google Sheet API, Stripe API, SMTP API as well as a PostgreSQL database. ✏️ Ania Kubów created this course. Check out her channel: https://www.youtube.com/aniakubow 🔗 Google sheet data: https://docs.google.com/spreadsheets/d/1aKglh0-w8dwyKssc9CJwKiOqTc-COPCuyx4zXnuv3Wg/edit?usp=sharing 🔗 Postgresql data: https://github.com/harryho/db-samples/blob/master/pgsql/northwind.sql ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:10) Getting started ⌨️ (0:06:24) Getting Data using the Google Sheets API ⌨️ (0:08:57) Creating Tables ⌨️ (0:38:05) Adding Data using the Google Sheets API ⌨️ (1:01:00) Deleting Data using the Google Sheets API ⌨️ (1:05:10) Processing refunds with the Stripe API ⌨️ (1:26:20) Sending emails with SMTP ⌨️ (1:45:21) Migrating to PostgreSQL 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Internet History, Technology, and Security - Full Course from Dr. Chuck

47NRaBVxgVM | 20 Dec 2021

Internet History, Technology, and Security - Full Course from Dr. Chuck

Learn about the history of the Internet. In this course you will learn how the Internet was created, who created it, and how it works. Along the way you will meet many of the innovators who developed the Internet and Web technologies that we use today. 🔗 Course website: https://ihts.pr4e.com/ ✏️ Dr. Charles Severance developed this course. He is a Clinical Professor at the University of Michigan School of Information, where he teaches various technology-oriented courses including programming, database design, and Web development. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:09:28) High Stakes Research in Computing and Communication ⌨️ (0:16:50) IEEE Computer: Alan Turing at Bletchley Park ⌨️ (0:41:39) The "First" Electronic Computers Around the World ⌨️ (0:44:30) Monash Museum of Computing History Interviews ⌨️ (0:51:33) Post-War Computing and Communication ⌨️ (1:03:28) Early Academic Networking Research ⌨️ (1:19:04) Len Kleinrock: The First Two Packets on the Internet ⌨️ (1:32:06) Packet Switched Networks ⌨️ (1:37:47) Computing Conversations: Len Kleinrock on the Theory of Packets ⌨️ (1:48:30) Packet Switching and the ARPANET ⌨️ (1:49:50) Katie Hafner on the history of the ARPANET project ⌨️ (2:01:54) Supercomputers as Technology Drivers ⌨️ (2:05:38) Networked Computing, lecture by Larry Smarr on Scientific Computing ⌨️ (2:16:36) From Super Computers to NSFNet ⌨️ (2:19:57) Doug Van Houweling: Building the NSFNet ⌨️ (2:32:13) Expanding NSFNet Around the World ⌨️ (2:34:42) Nii Quaynor: Bringing the Internet to Africa ⌨️ (2:47:28) The World-Wide-Web Emerges at CERN ⌨️ Collider by the cernettes: https://youtu.be/1e1eLe1ihT0 ⌨️ (2:51:28) Building the Web Around the World ⌨️ (3:26:38) Steve Job's Second-Order Effects (High resolution) ⌨️ (3:39:01) Mosaic at NCSA - The Browser for Everybody ⌨️ (3:43:01) Joseph Hardin: NCSA Mosaic ⌨️ (3:57:12) Reflecting on Mosaic ⌨️ (4:01:22) Computing Conversations with Brendan Eich ⌨️ (4:13:38) Computing Conversations: Mitchell Baker on the Mozilla Foundation ⌨️ (4:32:29) The Web, the World, and the Economy ⌨️ (4:51:05) Computing Conversations: Brian Behlendorf on the Apache Software Foundation ⌨️ (4:55:39) Open Source Wrap Up ⌨️ (4:56:06) Introduction: Link Layer ⌨️ (5:22:11) Computing Conversations: Bob Metcalfe on the First Ethernet LAN ⌨️ (5:39:03) The InterNetwork Protocol (IP) ⌨️ (6:14:35) Computing Conversations: Vint Cerf on the History of Packets ⌨️ (6:30:33) DNS - The Domain Name System ⌨️ (6:38:16) Transport Layer ⌨️ (6:47:45) Van Jacobson: The Slow-Start Algorithm ⌨️ (6:59:32) TCP Wrap Up ⌨️ (7:01:38) Application Layer ⌨️ (7:26:59) Security Introduction ⌨️ (7:29:22) Bruce Schneier: The Security Mindset ⌨️ (7:36:54) Understanding Security ⌨️ (7:46:08) Encryption and Confidentiality ⌨️ (8:06:56) Cryptographic Hashes and Integrity ⌨️ (8:15:47) Bruce Schneier: Building Cryptographic Systems ⌨️ (8:27:06) Hashing and Digital Signatures ⌨️ (8:48:54) Security Public/Private Key - Secure Sockets ⌨️ (9:08:23) Security - Integrity and Certificate Authorities 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Developer Career Questions ANSWERED (featuring a bunch of experienced developers)

vLr6lpbC6L4 | 16 Dec 2021

Developer Career Questions ANSWERED (featuring a bunch of experienced developers)

A bunch of experienced developers will answer your questions about a career in software development. Will AI ever replace developers? What's the best way to learn programming? Are there already too many developers? Am I too old to start learning to code? Is a diploma in computer science worth it? How does programming impact your health? Do I need to know math to become a developer? How long does it takes to become a junior developer? Which programming language should I learn first? How can I find motivation to study? Featuring the wisdom of the following developers: ➡ Gerald Versluis, Senior Software Engineer at Microsoft 🔗 https://www.youtube.com/GeraldVersluis ➡ Ania Kubow, Software Developer and Course Creator 🔗 https://www.youtube.com/aniakubow ➡ Marius Espejo, Senior Software Engineer 🔗 https://www.youtube.com/channel/UCDpd-qEwAI9wglx4tsEBAtw ➡ Ave Coders, ML Engineer 🔗 https://youtube.com/c/avecoders ➡ Jack Herrington, Principal Web Developer 🔗 https://www.youtube.com/c/JackHerrington ➡ Jesse (codeSTACKr), Developer Advocate 🔗 https://youtube.com/codestackr ➡ James Perkins, Developer Advocate 🔗 http://www.youtube.com/learntocodewithjames ➡ Gio (ProgramWithGio), Full-Stack Web Developer 🔗 https://www.youtube.com/programwithgio ➡ Islem (CoderOne), Full-Stack Developer and Content Creator 🔗 https://www.youtube.com/c/coderone ➡ Jon Wood, .NET Web Developer and Content Creator 🔗 https://www.youtube.com/c/JonWood 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Linked Lists for Technical Interviews - Full Course

Hj_rA0dhr2I | 15 Dec 2021

Linked Lists for Technical Interviews - Full Course

Learn how to solve linked list problems for coding challenges and interviews. ✏️ This course was developed by Alvin Zablan from Structy. Check out his channel: https://www.youtube.com/c/AlvinTheProgrammer 🔗 Study more data structures and algorithms with Alvin in his complete course: https://structy.net/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:01:09) What is a Linked List? ⌨️ (0:09:22) Linked List Traversal ⌨️ (0:23:36) Linked List Values (https://structy.net/problems/linked-list-values) ⌨️ (0:33:10) Sum List (https://structy.net/problems/sum-list) ⌨️ (0:42:31) Linked List Find (https://structy.net/problems/linked-list-find) ⌨️ (0:51:03) Get Node Value (https://structy.net/problems/get-node-value) ⌨️ (0:59:32) Reverse List (https://structy.net/problems/reverse-list) ⌨️ (1:09:50) Zipper Lists (https://structy.net/problems/zipper-lists) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web App Vulnerabilities - DevSecOps Course for Beginners

F5KJVuii0Yw | 14 Dec 2021

Web App Vulnerabilities - DevSecOps Course for Beginners

In this DevSecOps course, you will learn how to take advantage of common web vulnerabilities, how to fix those vulnerabilities, and how to use DevSecOps tools to make sure your applications (and containers) are secure. You will also learn all about DevSecOps. 💻 Get the goof example app shown in this course: https://github.com/snyk/goof 🎉 Thanks to Snyk for providing a grant that made this course possible. 🔗 Sign up for Snyk: https://snyk.io/try-devsecops 🔗 Learn more about DevSecOps: https://learn.snyk.io/ ✏️ Beau Carnes developed this course. ✏️ Eric Smalling teaches the last section of the course about securing containers. Eric is a Senior Developer Advocate at Snyk.io and has over 30 years of enterprise application development and consulting experience. 🔗 Eric is @ericsmalling on most social platforms (Twitter, LinkedIn, GitHub) ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:29) What is DevSecOps? ⌨️ (00:01:12) Vulnerabilities ⌨️ (00:08:11) DevOps vs DevSecOps ⌨️ (00:14:02) Software Project Iceberg ⌨️ (00:15:25) Importance of DevSecOps ⌨️ (00:17:45) Exploiting Common Web App Vulnerabilities ⌨️ (00:37:53) Finding and Fixing Vulnerabilities with Snyk Code ⌨️ (00:49:01) Exploring Vulnerabilities Using the Snyk Web Interface ⌨️ (00:52:22) Securing Containers (featuring Eric Smalling) ⌨️ (01:28:31) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod

OUzaUJ3gEug | 13 Dec 2021

Full Stack Web Development in the Cloud Course - Svelte, Postgres, Vercel, Gitpod

In this tutorial for beginners, you will learn how to develop a full-stack web application entirely in your browser using Gitpod (https://www.gitpod.io/). You will build the app with Svelte and Postgres. From creating a new repository to deploying to production, we will write and discuss every line of code. ✏️ Course developed by Mike Nikles. Mike on Twitter: https://twitter.com/mikenikles. 📝 Code: https://github.com/gitpod-io/full-stack-web-development Pull requests are available for each section of the course. 💻 The technology stack for this course includes: 💿 Svelte (https://svelte.dev/) 💿 SvelteKit (https://kit.svelte.dev/) 💿 Prisma (https://www.prisma.io/) 💿 Postgres (https://www.postgresql.org/) 💿 Vercel (https://vercel.com/) 💿 Railway (https://railway.app/) 🎉 This course was made possible through a grant from GitPod. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:08:51) What you will learn ⌨️ (0:12:07) Gitpod developer environment ⌨️ (0:13:33) Project Overview: A todo app ⌨️ (0:16:33) Architecture ⌨️ (0:20:39) Initialize the application ⌨️ (0:40:12) Intro to SvelteKit ⌨️ (0:55:31) Configure Gitpod ⌨️ (1:32:07) Develop HTML structure ⌨️ (1:53:46) Apply CSS styles ⌨️ (2:44:32) Develop CRUD endpoints: GET and POST ⌨️ (3:31:54) DELETE ⌨️ (4:16:45) PATCH - Edit Text ⌨️ (4:33:22) PATCH - Mark as Done ⌨️ (4:48:41) Enhance HTML forms ⌨️ (5:40:56) Install & start the dev database ⌨️ (5:50:33) Use Prisma ORM ⌨️ (6:26:32) Update API to use Prisma ⌨️ (6:47:58) Deploy Database on Railway ⌨️ (7:03:33) Deploy web app & API on Vercel ⌨️ (7:12:28) Project review ⌨️ (7:16:14) What's next? ⌨️ (7:19:22) Wrap up 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Can you code on a phone? Android Mobile Programing Tutorial

VZ6LifcOXfM | 08 Dec 2021

Can you code on a phone? Android Mobile Programing Tutorial

Learn tips and tricks for writing code on a mobile device. ✏️ Precious Oladele developed this course. Check out his YouTube channel: https://www.youtube.com/channel/UCLcHGKxbEO1XGVETXqzYXLA 📱 The official freeCodeCamp mobile app featured in this video will be live soon. We'll link to it here once it is ready. 🔗 Article about building a web app on a mobile phone: https://www.freecodecamp.org/news/how-to-code-on-your-phone-python-pydroid-android-app-tutorial/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Bootstrap CSS Framework - Full Course for Beginners

-qfEOE4vtxE | 07 Dec 2021

Bootstrap CSS Framework - Full Course for Beginners

Learn Bootstrap 5 in this full course for beginners. Bootstrap is the most popular CSS framework. It allows web developers to quickly design and customize responsive mobile-first sites. 💻 Code: https://github.com/mdbootstrap/bootstrap-5-freecodecamp-source-code ✏️ Dawid Adach developed this course. 🎥 Check out the MD Bootstrap channel: https://www.youtube.com/channel/UC5CF7mLQZhvx8O5GODZAhdA 🔗 Learn more about Material Design for Bootstrap: https://mdbootstrap.com/ ⭐️ Course Contents ⭐️ Start ⌨️ (0:00:00) Introduction ⌨️ (0:01:58) What is Bootstrap? ⌨️ (0:02:50) Why use Bootstrap? Installation / Setup ⌨️ (0:05:21) Download compiled CSS and JS ⌨️ (0:09:42) Install via CDN ⌨️ (0:11:40) NPM installation Grid System ⌨️ (0:15:00) Grid System Components ⌨️ (0:37:01) Buttons ⌨️ (0:42:25) Cards ⌨️ (0:57:53) Typography ⌨️ (1:12:37) Responsive images ⌨️ (1:18:29) Utilities ⌨️ (1:37:52) Tables ⌨️ (1:41:44) Alerts ⌨️ (1:50:08) Navs & Navbars ⌨️ (2:04:58) Icons ⌨️ (2:09:14) Forms ⌨️ (2:20:54) Other components Creating a project using Bootstrap 5 ⌨️ (2:30:30) Let's build a webpage! 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Business of Building Apps - App Product Management Course for Developers

poLzjLt2yqU | 06 Dec 2021

The Business of Building Apps - App Product Management Course for Developers

Learn to turn your app solution into a reality. This course is for leaders, entrepreneurs and software developers. ✏️ Course developed by Shad Sluiter. Check out his YouTube: https://www.youtube.com/user/shadsluiter 0:00:00 Course Introduction 0:03:14 Unit 1 - Motivations for building an app 0:06:44 Unit 1.1 What is the value proposition of your app? 0:12:40 Do you need a web app or just a better website? 0:15:14 Categories of Apps – which app category is easiest to compete in? 0:34:24 Unit 1.2 Identify the problem you are trying to solve with your app. 0:36:19 Candy, vitamins or addictive painkiller? 0:41:59 Fulfillment, recognition, security 0:42:54 The Five Whys 0:49:58 Unit 1.3 How to discover a niche in the marketplace 0:52:59 Follow popular trend 0:56:39 Add a twist 0:58:21 Your own expertise 0:59:44 Problems in existing competition 1:04:34 Unit 1.4 Listening to users 1:11:44 Users that exist in the market 1:14:39 Get user feedback 1:24:54 Idea 2.0 1:28:17 Homework (Airbnb and Lyft, App Annie and Sensor Tower, Write an application plan) 1:48:44 Unit 2 UI, UX, MVP design 1:56:34 How to create user stories 2:02:14 Planning for an MVP 2:05:24 Unit 2.2 Designing an effective UI user interface 2:07:04 On boarding new users 2:09:44 The Google UI Case Study 2:10:14 The Photoshop Adobe UI negative Case Study 2:14:19 Effective UI elements 2:17:20 Don’t Make Me Thing Steve Krug 2:19:34 UI design templates 2:20:34 Design for your target audience 2:22:39 Unit 2.3 How to design an effective UX User Experience 2:23:24 UX is where Design strategy and Technology intersect 2:27:14 Application Flow 2:29:34 Measuring Conversion Rates 2:30:14 UX outside of the app 2:31:04 The User Empathy Map 2:35:39 Six principles for a positive UX 2:37:34 Unit 2.4 The MVP 2:38:54 The Lean Startup MVP concept by Eric Ries 2:39:39 Planning for future versions of your app 2:40:34 What is NOT an MVP 2:42:44 Zappos MVP Case Study 2:43:44 The MVP design pyramid 2:45:44 The purpose of an MVP 2:46:44 Keeping the cost of an MVP low 2:50:36 Homework (App Design Case Studies, Develop User Stories, Interactive UI prototype) 3:11:09 Unit 3.1 Marketing and Monetization for an App 3:12:34 The BMC Case Study 3:27:04 Unit 3.2 Monetization Strategies of Apps 2:28:29 Apple App Store vs Google Play Store revenue 3:31:14 iOS vs Android user value per customer 3:32:19 iOS vs Android market share in various countries 3:44:14 Unit 3.3 Marketing Your App 3:53:09 Unit 3.4 Dealing with Investors 4:04:44 Homework 3.1 Build a BMC for your app 4:07:06 Unit 4.1 Building Customer Loyalty 4:08:04 Why Customers Abandon Apps? 4:09:49 First-to-Mind solution 4:10:59 Compulsion 4:11:04 Morality of Addictive Apps 4:13:04 The HOOK app addictive model 4:32:49 Homework (Understanding Hook, Applying Hook) 4:38:54 Unit 5.1 Choosing the Right Tools 4:48:19 Unit 5.2 Nine Companies Who Nailed their App 4:59:31 Unit 5.3 Development Languages and Cross Platform Tools 5:18:58 Homework (Compare Dev Tools, Recommend a Development Solution) 5:27:34 Unit 6.1 Full Stack Considerations 5:28:20 Choosing a Database Backend 5:29:14 SQL 5:31:34 noSQL 5:35:09 SQL vs noSQL 5:44:04 Graph Database 5:50:09 Full Text Database 5:56:34 Vertical Scaling 5:59:14 Horizontal Scaling 6:01:54 Data Duplication in Distributed Databases 6:04:44 SQL Shards 6:13:22 Homework (Recommend Database Solutions, Explore API services) 6:20:14 Unit 7.1 Hiring the Development Team 6:20:54 Four Roles of a Software Development Team 6:21:54 Product Manager 6:24:19 Product Designer 6:29:24 Front End Developer 6:30:29 Back End Developer 6:36:04 Unit 7.2 Mobile vs Web Development 6:47:59 Unit 7.3 Agile Team Management 6:48:54 SDLC Agile vs Waterfall 6:49:44 What is Waterfall Development? 6:50:59 What is Agile Scrum Methodology? 6:56:42 The Product Backlog 6:58:04 Spring Planning 6:58:39 Sprint Backlog 6:58:59 What is a Sprint? 6:59:42 Product Increment 7:00:29 Daily Scrum 7:01:54 Sprint Review and Retrospective 7:03:23 Unit 7.4 How to Write a Job Requisition 7:19:04 Homework (Team Roles, Internal Job Requisition, External Job Posting) 7:32:24 Unit 8.1 Future Trends in Mobile Development 7:50:22 Homework (Review Past Predictions, Current State of Development Tools, Future Mobile Tech)

Razor Pages for ASP.NET Core - Full Course (.NET 6)

eru2emiqow0 | 02 Dec 2021

Razor Pages for ASP.NET Core - Full Course (.NET 6)

Learn the basics of Razor Pages for ASP.NET Core. This course is for anyone who is familiar with ASP.NET Core basics and wants to know how to architect and code real world applications in ASP.NET Core (.NET 6). ✏️ Course developed by Bhrugen Patel. More courses from Bhrugen: https://dotnetmastery.com/ 🔗 Longer Razor .NET Core Course: https://www.dotnetmastery.com/Home/Details?courseId=5 💻 Code: https://github.com/bhrugen/Abby/tree/54f6e2e8aa01aa133fe795c742fed426e255a4ed/AbbyWeb/Pages ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:24) Live Preview ⌨️ (0:04:24) Tools Needed ⌨️ (0:05:31) Introduction to .NET Core ⌨️ (0:10:13) Dependency Injection ⌨️ (0:14:48) Create Project ⌨️ (0:17:18) Hot Reload ⌨️ (0:21:42) Razor Pages Introduction ⌨️ (0:22:43) Project File ⌨️ (0:23:55) Launchsettings, wwwroot and appsettings ⌨️ (0:28:29) Programs ⌨️ (0:34:22) Routing Overview ⌨️ (0:39:11) Default Views ⌨️ (0:47:03) Tag Helper ⌨️ (0:49:41) Action Rersult ⌨️ (0:53:19) Create Category Model ⌨️ (0:55:40) Data Annotations ⌨️ (0:58:19) Connection String ⌨️ (1:02:07) ApplicationDbContext ⌨️ (1:06:21) Program.cs Database Settings ⌨️ (1:11:35) Setup Program.cs to use DbContext ⌨️ (1:17:15) Create Database ⌨️ (1:22:57) Categories Get Action Method ⌨️ (1:31:05) Display all categories ⌨️ (1:38:48) Add Create Category Button ⌨️ (1:41:15) Create Category UI ⌨️ (1:44:26) Create Property in Page Model ⌨️ (1:48:29) Create Category and Bind Property ⌨️ (1:55:09) Bootswatch ⌨️ (2:00:41) Server Side Validations ⌨️ (2:06:01) Custom Validations ⌨️ (2:09:38) Display Name and Range Annotation ⌨️ (2:12:58) Client Side Validations ⌨️ (2:17:07) Links for Edit and Delete ⌨️ (2:20:40) Edit Category ⌨️ (2:28:41) Back to List ⌨️ (2:33:05) Delete Category ⌨️ (2:36:43) TempData ⌨️ (2:40:04) Toastr ⌨️ (2:43:13) Partial Views ⌨️ (2:47:29) Scaffold CRUD Pages ⌨️ (2:50:23) Create SQL Database on Azure ⌨️ (2:53:55) Deploy to Azure ⌨️ (2:59:03) Congratulations 🎉 Thanks to our Champion and Sponsor supporters: 👾 Raymond Odero 👾 Agustín Kussrow 👾 aldo ferretti 👾 Otis Morgan 👾 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Rust Programming Course for Beginners - Tutorial

MsocPEZBd-M | 30 Nov 2021

Rust Programming Course for Beginners - Tutorial

Learn the Rust programming language in this course for beginners. ✏️ Shaun Hamilton created this course. 💻 Rust Template used in video: https://replit.com/@Sky020/Rust-Template?v=1 ⭐️ Resources ⭐️ 🔗 Slides: https://docs.google.com/presentation/d/1k2kPfrLunscHV4n-4IoC3D78dNR6R1Rhdi039PCG-Wk/edit?usp=sharing 🔗 Article version: https://www.freecodecamp.org/news/rust-in-replit/ 🔗 Rust in Replit Course: https://replit.com/github/freeCodeCamp/Rust-in-Replit ⭐️ Course Contents ⭐️ ⌨️ (00:00) Course Introduction ⌨️ (01:16) Rust Overview ⌨️ (02:00) Initialising the CLI Calculator ⌨️ (04:25) Handling Environment Arguments ⌨️ (09:00) Understanding the nth Method ⌨️ (16:00) Parsing Strings into Floats ⌨️ (18:05) Declaring a Function ⌨️ (18:30) If Statements ⌨️ (21:20) Implicit Returns ⌨️ (22:25) Parsing String into Char ⌨️ (23:20) Formatting Output ⌨️ (25:20) Match Control Flow ⌨️ (27:05) Panicking! ⌨️ (28:30) Building a Release ⌨️ (29:30) Initialising the Image Combiner ⌨️ (30:00) Creating Args Module ⌨️ (31:08) Structs ⌨️ (32:30) Declaring the New Module ⌨️ (33:20) Private vs Public ⌨️ (34:30) Implementing the New Function ⌨️ (36:40) Deriving the Debug Trait ⌨️ (37:40) Using get_nth_arg in Struct ⌨️ (38:57) External Crates ⌨️ (39:52) Decoding Images ⌨️ (43:15) Destructuring Tuples ⌨️ (43:56) Importing Missing Types ⌨️ (44:35) Handling Format Errors with Result ⌨️ (46:00) Enums ⌨️ (47:20) Resizing Images ⌨️ (55:00) FloatingImage Struct ⌨️ (56:35) Buffers with Vecs ⌨️ (58:15) TryInto Conversions ⌨️ (1:00:05) Deriving Debug for Enums ⌨️ (1:00:40) Running the Code with Images ⌨️ (1:02:25) Combining the Image Pixels ⌨️ (1:11:20) Understanding Borrows and References ⌨️ (1:12:15) Creating Methods ⌨️ (1:15:20) Error Propagation ⌨️ (1:15:53) Saving the New Image ⌨️ (1:17:30) Using the Image Combiner ⌨️ (1:18:20) Better Error Handling 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

NoSQL Database Tutorial – Full Course for Beginners

xh4gy1lbL2k | 29 Nov 2021

NoSQL Database Tutorial – Full Course for Beginners

In this NoSQL course, Ania Kubow will be demystifying what NoSQL is, clarify the difference between SQL and NoSQL, as well as going into a deep dive of the 4 main types of NoSQL Databases. With each dive we will be approaching each learning as an ‘explanation’, ‘example’ and ‘exercise’. So the 3 E’s, in order to fully grasp the topic we are discussing. We will finish off with 2 projects for using NoSQL databases as well as guidance on where to go next. 🎉 Thanks to DataStax for providing a grant that made this course possible. 🔗 Register for a free Astra DB account to use for this tutorial: https://astra.datastax.com/register/v11/introtonosql ✏️ Ania Kubow’s channel: https://www.youtube.com/aniakubow ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:18) What is NoSQL? ⌨️ (0:04:33) Why use noSQL? ⌨️ (0:06:26) SQL vs NoSQL ⌨️ (0:09:00) Setting Up ⌨️ (0:13:44) Tabular Type ⌨️ (0:37:28) Document Type ⌨️ (0:59:22) Key-value Type ⌨️ (0:01:11) Graph Type ⌨️ (0:01:22) Multi-model Type explained ⌨️ (1:23:52) Project 1 ⌨️ (2:19:36) Project 2 ⌨️ (2:53:51) Where to go next ⭐️ Links ⭐️ 🔗 DataStax Astra DB: https://www.datastax.com/ 🔗 DataStax Enterprise Graph: https://www.datastax.com/products/datastax-graph 🔗 HTTP Status Dogs: https://httpstatusdogs.com/ 🔗 Graph Database Demo: https://github.com/datastaxdevs/workshop-introduction-to-nosql 🔗 Project 1: https://github.com/kubowania/burger-app 🔗 Project 2: https://github.com/kubowania/hotel-app 🔗 Tik Tok Clone using Document SDK: https://www.youtube.com/watch?v=IATOicvih5A 🔗 Netflix Clone with GQL Pagination: https://www.youtube.com/watch?v=g8COh40v2jU 🔗 GraphQL Federation Crypto App: https://www.youtube.com/watch?v=T722_t-HTFw 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python for Excel Users - Full Course

WcDaZ67TVRo | 24 Nov 2021

Data Analysis with Python for Excel Users - Full Course

Learn how to use Python and Pandas for data analysis. This course will be especially helpful if you have experience with Excel, but that is not required. Learn how to create pivot tables, work with data, and make visualizations using Python, Pandas, and Jupyter Notebook. 💻 Source Code & Datasets: https://github.com/ifrankandrade/python-course-for-excel-users 🔗 Datasets: https://drive.google.com/drive/folders/12hFh6RPlX5bWzSqpoMvAeT94RCjCvHw5?usp=sharing ✏️ Course developed by Frank Andrade. 🔗 YouTube Channel: https://www.youtube.com/c/FrankAndrade5 🔗 PDF Python Cheat Sheet for this Course: https://frankandrade.ck.page/d3b1761715 🔗 My Complete Python Courses for Data Analysis & Data Science: https://www.udemy.com/user/frank-andrade-13/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:48) Install Python and Jupyter Notebook with Anaconda ⌨️ (0:03:53) Jupyter Notebook Interface ⌨️ (0:13:56) Cell Types and Cell Mode ⌨️ (0:21:34) Jupyter Notebook Shortcuts ⌨️ (0:26:39) Module 1 - Hello World ⌨️ (0:30:30) Data Type ⌨️ (0:39:10) Variables ⌨️ (0:46:53) Lists ⌨️ (1:11:14) Dictionaries ⌨️ (1:21:50) IF Statement ⌨️ (1:28:04) FOR Loop ⌨️ (1:33:49) Functions ⌨️ (1:40:59) Modules ⌨️ (1:44:41) Module 2 -Introduction to Pandas ⌨️ (1:51:08) How to create a dataframe ⌨️ (2:07:34) How to show a dataframe ⌨️ (2:14:24) Basic Attributes, Functions and Methods ⌨️ (2:26:17) Selecting One Column from a Dataframe ⌨️ (2:32:13) Selecting Two or More Columns from a Dataframe ⌨️ (2:37:50) Add New Column to a Dataframe (Simple Assignment) ⌨️ (2:47:51) Operations in dataframes ⌨️ (2:56:04) The value_counts() method ⌨️ (3:00:16) Sort a DataFrame with the sort_values() method ⌨️ (3:09:56) Module 3: Introduction to Pivot Tables in Pandas ⌨️ (3:14:42) The pivot() method ⌨️ (3:20:49) The pivot_table() method ⌨️ (3:29:00) Data Visualization with Pandas (New Dataset + Pivot Table) ⌨️ (3:38:38) Lineplot ⌨️ (3:43:05) Barplot ⌨️ (3:50:52) Piechart ⌨️ (3:54:36) Save Plot and Export Pivot Table 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Feature Toggles - Why and How to Add to Your Software

-yHZ9uLVSp4 | 23 Nov 2021

Feature Toggles - Why and How to Add to Your Software

Learn why and how to add feature toggles (aka feature flags) to your software. We go through the basics of what feature toggles are, how you can use them and how they can help you to improve the workflow of your development team to accelerate time to delivery. We start off by interviewing Ivar Østhus, the founder of Unleash — an open source feature toggle system — and then continue to look into basic feature toggle use cases and how you can set up Unleash open source to tackle more advanced use cases and scenarios. Feature toggling resources 🔗 https://martinfowler.com/articles/feature-toggles.html 🔗 https://www.getunleash.io/blog/feature-toggle-best-practices ✏️ Instructor: Fredrik Strand Oseberg 🐦 Twitter: @foseberg 🔗 Youtube Channel: https://www.youtube.com/channel/UCZTeUahnA2GMoo_YpTBFo9A 🎤 Interview subject: Ivar Østhus 🐦 Twitter: @ivarconr Thanks to Unleash for providing a grant to make this course possible. If you want to learn more about Unleash here are some useful links: 🔗 Homepage: https://getunleash.io 🔗 Documentation: https://docs.getunleash.io 🔗 Github: https://github.com/Unleash/unleash 🔗 Slack community: https://slack.unleash.run ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to feature toggling with Ivar Østhus ⌨️ (0:14:36) Basic feature toggle implementation ⌨️ (0:24:49) Basic feature toggle pitfalls ⌨️ (0:27:22) Implementing an external feature toggle configuration ⌨️ (0:47:07) Feature toggle vendors ⌨️ (0:51:19) Unleash architecture ⌨️ (0:56:00) Setup unleash open source with docker ⌨️ (1:00:06) Create an API key ⌨️ (1:01:59) Setup unleash proxy with docker ⌨️ (1:01:59) Application overview and creating a feature toggle ⌨️ (1:10:20) Using feature toggles in a real application ⌨️ (1:12:26) Connecting to unleash with the react proxy sdk ⌨️ (1:16:57) Understanding stickiness and unleash context ⌨️ (1:26:03) Using strategies for segmentation ⌨️ (1:31:23) Introduction to Experimentation ⌨️ (1:33:49) Understanding variants ⌨️ (1:37:08) Implementing variants in our codebase ⌨️ (1:43:14) Using analytics providers to understand experiment data ⌨️ (1:47:31) Usage metrics ⌨️ (1:49:22) Technical debt and cleaning up feature toggles ⌨️ (1:52:00) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn ASP.NET Core MVC (.NET 6) - Full Course

hZ1DASYd9rk | 22 Nov 2021

Learn ASP.NET Core MVC (.NET 6) - Full Course

Learn the basics of .NET Core (.NET 6) and then build a simple CRUD application with MVC in this tutorial. ✏️ Course developed by Bhrugen Patel. More courses from Bhrugen: https://dotnetmastery.com/ 💻 Code: https://github.com/bhrugen/Bulky/tree/3d83a49c70ebf3ed043e9415a0dcd782f62f5bf7 ⭐️ Course Contents ⭐️ Section 1: Introduction ⌨️ (0:00:00) Welcome ⌨️ (0:02:22) Live Preview ⌨️ (0:04:10) Tools Needed ⌨️ (0:05:17) Introduction to .Net Core ⌨️ (0:10:00) Dependency injection ⌨️ (0:14:34) Create Project ⌨️ (0:17:47) Project File ⌨️ (0:19:23) Launch settings ⌨️ (0:24:35) Programs ⌨️ (0:30:24) MVC Architecture ⌨️ (0:35:13) Routing Overview ⌨️ (0:45:58) Routing in Action ⌨️ (0:36:45) Default Views ⌨️ (0:52:02) Tag Helper ⌨️ (0:54:40) Action Result ⌨️ (0:58:18) Hot Reload Section 2: Database Setup ⌨️ (1:02:10) Create Category Model ⌨️ (1:06:45) Add Data Annotations ⌨️ (1:08:40) Add Connection String ⌨️ (1:14:21) Add ApplicationDbContext ⌨️ (1:21:35) Setup Program.cs to use DbContext ⌨️ (1:26:07) Check Database Section 3: Category CRUD Operations ⌨️ (1:33:19) Create Category Controller ⌨️ (1:37:50) Retrieve all Categories ⌨️ (1:43:55) Display all Categories ⌨️ (1:48:46) Bootswatch Theme ⌨️ (1:54:43) Bootstrap Icons ⌨️ (1:59:03) Create Category View ⌨️ (2:05:57) Demo- Create Category ⌨️ (2:10:40) Server Side Validation ⌨️ (2:15:13) Custom Validation ⌨️ (2:18:56) Add Client Side Validation ⌨️ (2:21:28) Display Name and Range Validation ⌨️ (2:24:43) Edit Category - GET ⌨️ (2:32:59) Edit Category - POST ⌨️ (2:35:54) Delete Category ⌨️ (2:41:36) Tempdata ⌨️ (2:45:10) Partial views ⌨️ (2:47:17) Toastr Alerts ⌨️ (2:51:07) Scaffold CRUD ⌨️ (2:54:20) Create SQL Database on Azure ⌨️ (3:03:35) Azure Deployment ⌨️ (3:07:27) Congratulations 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Advanced Git Tutorial - Interactive Rebase, Cherry-Picking, Reflog, Submodules and more

qsTthZi23VE | 18 Nov 2021

Advanced Git Tutorial - Interactive Rebase, Cherry-Picking, Reflog, Submodules and more

Git has so much more to offer than just "commit, pull, push"! Its advanced tools can help you become more productive and professional with your code base. We're going to look at concepts like Interactive Rebase, Cherry-Picking, and Submodules to get you one step closer on your journey to mastering Git! ✏️ This course was created by Tobias Günther from Tower. Tower creates a powerful Git desktop GUI for Mac and Windows. You can download it here: https://www.git-tower.com Note: This course focuses on using Git with the command line. You do NOT need Tower or any other GUI software to follow along. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:51) Hosted by Tower ⌨️ (01:23) Interactive Rebase ⌨️ (08:54) Cherry-Picking ⌨️ (12:10) Reflog ⌨️ (18:42) Submodules ⌨️ (29:30) Search & Find ⌨️ (33:26) The Advanced Git Kit: a collection of short videos about interesting Git topics like Submodules, Interactive Rebase, Cherry-Picking... free to download (www.bit.ly/advanced-git-kit) 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS Certified Cloud Practitioner Certification Course (CLF-C01) - Pass the Exam!

SOTamWNgDKc | 17 Nov 2021

AWS Certified Cloud Practitioner Certification Course (CLF-C01) - Pass the Exam!

Prepare for the AWS Certified Cloud Practitioner Certification and pass! ✏️ Developed by Andrew Brown of ExamPro 🔗 https://twitter.com/andrewbrown Get your Free Practice and Downloadable Cheatsheets 🎁 https://www.exampro.co/clf-c01 📢 [View this course updates!](https://www.exampro.co/clf-c01) Last Updated: Nov 15 2021 ⭐️ Course Contents ⭐️ ⌨️ (00:13:10) Introduction ⌨️ (00:17:35) Cloud Concepts ⌨️ (00:46:56) Getting Started ⌨️ (01:19:37) Digital Transformation ⌨️ (01:27:40) The Benefits of the Cloud ⌨️ (01:33:54) Global Infrastructure ⌨️ (02:14:28) Cloud Architecture ⌨️ (02:37:50) Management and Developers Tools ⌨️ (04:15:23) Shared Responsibility Model ⌨️ (04:34:20) Compute ⌨️ (05:27:48) Storage ⌨️ (06:05:26) Databases ⌨️ (06:35:39) Networking ⌨️ (06:57:27) EC2 ⌨️ (07:49:10) EC2 Pricing Models ⌨️ (08:08:09) Identity ⌨️ (08:53:55) Application Integration ⌨️ (09:05:22) Containers ⌨️ (09:16:11) Goverance ⌨️ (09:44:39) Provisioning ⌨️ (10:05:34) Serverless ⌨️ (10:10:04) Windows on AWS ⌨️ (10:18:46) Logging ⌨️ (10:32:39) ML AI BigData ⌨️ (10:52:52) AWS Well Architected Framework ⌨️ (11:14:35) TCO and Migration ⌨️ (11:30:41) Billing and Pricing ⌨️ (12:25:50) Security ⌨️ (13:11:08) Variation Study 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Infrastructure as Code - Crash Course

EtEb40LE5zQ | 16 Nov 2021

Infrastructure as Code - Crash Course

What is Infrastructure as Code? Learn in this course and get hands-on practice by implementing three IaC projects. ✏️ Beau Carnes developed this course. ⭐️ Resources ⭐️ 💻 Access code used in the video here: https://github.com/beaucarnes/iac-course 🔗 Installing Pulumi: https://www.pulumi.com/docs/get-started/install/ 🔗 Get free AWS account here: https://aws.amazon.com/free/ 🔗 Installing AWS CLI: https://docs.aws.amazon.com/cli/latest/userguide/install-cliv2.html 🔗 Get AWS Access key ID and secret access key: https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-quickstart.html#cli-configure-quickstart-creds 🎉 Thanks to Pulumi for sponsoring this course. Learn more about Pulumi: https://www.pulumi.com ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What is Infrastructure as Code? ⌨️ (0:08:50) Installing Pulumi and Setting up AWS ⌨️ (0:11:12) Lab 1: Provisioning Infrastructure with an S3 Bucket ⌨️ (0:43:17) Lab 2: Provisioning EC2 Virtual Machines ⌨️ (1:01:30) Lab 3: Deploying Docker images to ECS & Fargate ⌨️ (1:09:30) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C++ Programming Tutorial - Build a 3-Band Compressor Audio Plugin (w/ JUCE Framework)

Mo0Oco3Vimo | 15 Nov 2021

C++ Programming Tutorial - Build a 3-Band Compressor Audio Plugin (w/ JUCE Framework)

In this tutorial you will learn modern C++ by building a 3-Band Compressor with Spectrum Analyzer using the JUCE Framework. ✏️ This course was developed by Matkat Music. Check him out on YouTube and Instagram: 🔗 https://www.youtube.com/matkatmusic 🔗 https://www.instagram.com/matkatmusic 💻 Code: https://github.com/matkatmusic/SimpleMultiBandComp/ 💻 Download the finished plugin: https://www.programmingformusicians.com/simplembcomp/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro DSP [3hr 31min] ⌨️ (0:02:29) Part 1 Mac & Windows Setup ⌨️ (0:04:10) Mac set up ⌨️ (0:02:40) Windows set up 2 ⌨️ (0:05:49) Part 2 Anatomy of an Audio Plugin 4 ⌨️ (1:01:05) Part 3 Compressor Theory of Operation ⌨️ (1:12:13) Part 4 Compressor Parameters ⌨️ (1:23:45) Part 5 The First Compressor ⌨️ (1:38:50) Part 6 Creating a CompressorBand ⌨️ (1:44:20) Part 7 DSP Roadmap & Intro to Multiband Filtering ⌨️ (1:53:28) Part 8 Param Namespace ⌨️ (2:04:24) Part 9 Linkwitz-Riley Filters ⌨️ (2:18:13) Part 10 Testing the Filter ⌨️ (2:30:32) Part 11 Filterband Theory ⌨️ (2:35:06) Part 12 3-Band Filtering ⌨️ (2:44:06) Part 13 Inverted Allpass Filters ⌨️ (2:51:27) Part 14 Activating 3 Compressors ⌨️ (3:03:27) Part 15 Implementing Solo/Mute/Bypass ⌨️ (3:13:32) Part 16 Adding I/O Gain & Code Cleanup GUI [4 hr 45 min] ⌨️ (3:30:43) Part 17 GUI Roadmap ⌨️ (3:36:29) Part 18 Placeholder Components ⌨️ (3:42:43) Part 19 Global Controls ⌨️ (4:03:46) Part 20 Rotary Slider With Labels ⌨️ (4:30:30) Part 21 Compressor Band Controls Pt. 1 ⌨️ (4:40:32) Part 22 Compressor Band Controls Pt. 2 ⌨️ (4:54:53) Part 23 Compressor Band Controls Pt. 3 ⌨️ (5:07:51) Part 24 Band Select Functionality Pt. 1 0 ⌨️ (5:25:21) Part 25 Band Select Functionality Pt. 2 ⌨️ (5:34:29) Part 26 Separate Files Refactor ⌨️ (5:49:05) Part 27 Band Select Functionality Pt. 3 ⌨️ (6:07:13) Part 28 Spectrum Analyzer Pt. 1 ⌨️ (6:27:10) Part 29 Spectrum Analyzer Pt. 2 ⌨️ (6:50:35) Part 30 Spectrum Analyzer Pt. 3 ⌨️ (7:22:35) Part 31 Spectrum Analyzer Pt. 4 ⌨️ (7:49:07) Part 32 ControlBar ⌨️ (8:08:33) Part 33 ColorScheme ⌨️ (8:15:28) Part 34 Loose Ends 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unreal Engine & C++ Tutorial - 1st Person Shooter Game

4HoJIgyclZ4 | 11 Nov 2021

Unreal Engine & C++ Tutorial - 1st Person Shooter Game

Learn how to use Unreal Engine and C++ to create monster shooter game. ✏️ Course created by Fahir from Awesome Tuts. Check out his channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw 🔗 More tutorials from Fahir: https://awesometuts.com/ 💻 Assets and Code: https://cdn.fs.teachablecdn.com/HVnF0XHHS3C8GxModarr ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Game Preview ⌨️ (0:02:43) Creating The Player Character ⌨️ (0:22:17) Creating The Character Blueprint ⌨️ (0:29:23) Player Movement ⌨️ (0:37:41) The Projectile Class ⌨️ (0:47:54) Shooting The Projectile ⌨️ (1:02:41) Creating The Enemy And Enemy Animations ⌨️ (1:11:59) AI Perception Component Setup ⌨️ (1:27:58) Detecting The Player With Sight ⌨️ (1:44:34) Animating Enemy’s Movement ⌨️ (1:49:05) Dealing Damage To The Player And Enemy ⌨️ (1:57:27) Gameplay UI ⌨️ (2:04:55) Displaying Countdown Timer ⌨️ (2:20:04) Enemy Health UI ⌨️ (2:26:21) The Door Script ⌨️ (2:34:43) Creating The Level 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Micro-Frontends Course - Beginner to Expert

lKKsjpH09dU | 10 Nov 2021

Micro-Frontends Course - Beginner to Expert

Don't know what a Micro-Frontend, but you've heard the buzz and you want to learn it. Let me take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro-frontends, how to route multiple applications together, and even how to test Micro-Frontend code. ✏️ Jack's channel: https://www.youtube.com/c/JackHerrington 💻 Code: https://github.com/jherr/micro-fes-beginner-to-expert ⌨️ (0:00:00) Introduction ⌨️ (0:01:06) Micro-Frontend demo ⌨️ (0:08:13) Why Micro-Frontends? ⌨️ (0:11:50) Why Module Federation? ⌨️ (0:20:16) Asynchronous Loading ⌨️ (0:24:56) Error Handling ⌨️ (0:31:42) Server Setup ⌨️ (0:38:36) Sharing Functions ⌨️ (0:50:15) Nomenclature ⌨️ (0:51:35) Sever Cart Setup ⌨️ (0:59:28) Sharing State ⌨️ (1:02:42) Sharing the JWT ⌨️ (1:13:53) Sharing the Cart ⌨️ (1:26:48) State Sharing Alternatives ⌨️ (1:27:21) Finishing the Cart ⌨️ (1:29:36) Cross-Platform Micro-Frontends ⌨️ (1:39:02) Micro-Frontend Routing ⌨️ (1:48:24) Unit Testing ⌨️ (1:51:53) End-To-End Testing ⌨️ (1:54:55) What's Next? #microFrontends #moduleFederation #react #solidjs 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Squid Game JavaScript Game Using Three.js - Tutorial for Beginners

4HSxX-EKJjw | 09 Nov 2021

Code a Squid Game JavaScript Game Using Three.js - Tutorial for Beginners

Learn how to use JavaScirpt and Three.js to create the Red Light/Green Light game from the TV show Squid Game. This is a beginner-friendly game development tutorial. 🔗 Doll 3D model: https://sketchfab.com/3d-models/squid-game-giant-doll-7afd49dd07714651a6afa1fc4aac8576 💻 Code: https://github.com/0shuvo0/squidgame ✏️ Course created by Angle Brace. Check out their channel: https://www.youtube.com/c/AngleBrace ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:30) setup ⌨️ (03:40) THREE.JS Basics ⌨️ (09:38) Loading 3D Model ⌨️ (15:46) Doll Class ⌨️ (18:56) GSAP Animation ⌨️ (20:58) Creating Track ⌨️ (27:53) PLayer Class ⌨️ (31:46) Keypress Handling ⌨️ (35:32) Functioning the Doll ⌨️ (38:13) Game Logic 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more!

xr6uZDRTna0 | 04 Nov 2021

Web Applications for Everybody Course - Dr. Chuck Teaches HTML, PHP, SQL, CSS, JavaScript, and more!

This beginner's course is a complete introduction to web application development. Learn how to build dynamic database-backed web sites. Dr. Chuck will teach you how to use HTML, CSS, JavaScript, PHP, MySQL, jQuery, and Handlebars to build web and database applications. 🔗 Couse website: https://www.wa4e.com/ ✏️ Dr. Charles Severance created this course. He is a professor at the University of Michigan and is one of the most popular Python instructors in the world. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Web Applications and the Request/Response Cycle ⌨️ (00:16:56) Understanding Browser Developer Mode ⌨️ (00:25:42) HTML - HyperText Markup Language (Part 1) ⌨️ (00:31:37) HTML - HyperText Markup Language (Part 2) ⌨️ (00:45:32) Code Walkthrough: HTML ⌨️ (00:59:32) CSS - Cascading Style Sheets (Part 1) ⌨️ (01:12:35) CSS - Cascading Style Sheets (Part 2) ⌨️ (01:27:40) CSS - Cascading Style Sheets (Part 3) ⌨️ (01:41:21) Code Walkthrough: CSS - Part 1 ⌨️ (01:54:49) Code Walkthrough: CSS Part 2 ⌨️ (02:20:40) Installing MAMP on Macintosh for PHP/MySql ⌨️ (02:27:42) Installing MAMP on Windows-10 for PHP/MySql ⌨️ (02:42:15) Installing XAMPP on Windows for PHP/MySql ⌨️ (02:51:21) PHP Language - Overview (Part 1) ⌨️ (03:00:02) PHP Language - Expressions (Part 3) ⌨️ (03:08:51) PHP Language - Variables and Constants (Part 2) ⌨️ (03:27:46) PHP Language - Control Structures (Part 4) ⌨️ (03:41:09) PHP Arrays (Part 1) ⌨️ (03:51:32) PHP Arrays (Part 2) ⌨️ (04:02:45) PHP Functions (Part 1) ⌨️ (04:12:49) PHP Functions (Part 2) ⌨️ (04:26:06) PHP Forms (Part 1) ⌨️ (04:31:04) PHP Forms - GET and POST (Part 2) ⌨️ (04:36:19) PHP Forms - Input Types (Part 3) ⌨️ (04:50:09) PHP Forms - HTML Injection and Validation (Part 4) ⌨️ (05:01:01) PHP Forms - MVC (Part 5) ⌨️ (05:11:40) Code Walkthrough: Forms Part 1 ⌨️ (05:25:00) Code Walkthrough: Forms Part 2 ⌨️ (05:32:28) Code Walkthrough: Forms Part 3 ⌨️ (05:39:28) Single Table SQL - Part 1 ⌨️ (06:01:59) Single Table SQL - Part 2 ⌨️ (06:23:26) Data Modeling - Building a Data Model (Part 1) ⌨️ (06:32:12) Data Modeling - Representing Relationships (Part 2) ⌨️ (06:42:52) Data Modeling - Relationships in SQL (Part 3) ⌨️ (06:57:09) Data Modeling - Using Join (Part 4) ⌨️ (07:07:16) Data Modeling - Many-to-Many (Part 5) ⌨️ (07:20:51) PHP Objects (Part 1) ⌨️ (07:31:23) PHP Objects - Building Objects (Part 2) ⌨️ (07:43:20) PHP Objects - Life Cycle (Part 3) ⌨️ (07:48:54) PHP Objects - Inheritance (Part 4) ⌨️ (07:59:57) PHP, MySQL, and PDO - Part 1 ⌨️ (08:18:16) PHP, MySQL, and PDO - Part 2 ⌨️ (08:32:05) PHP, MySQL, and PDO - Part 3 ⌨️ (08:44:30) PHP, MySQL, and PDO - Part 4 ⌨️ (08:53:30) Code Walkthrough: PHP, MySQL, and PDO - Part 1 ⌨️ (09:02:15) Code Walkthrough: PHP, MySQL, and PDO - Part 2 ⌨️ (09:11:51) Code Walkthrough: PHP, MySQL, and PDO - Part 3 ⌨️ (09:19:53) PHP - Cookies (Part 1) ⌨️ (09:29:53) PHP - Sessions (Part 2) ⌨️ (09:43:59) PHP - Sessions without Cookies - Part 3 ⌨️ (09:51:42) Code Walkthrough: Cookies and Sessions ⌨️ (10:02:08) PHP - HTTP Redirects - Part 1 ⌨️ (10:09:07) PHP - Post / Redirect - Part 2 ⌨️ (10:20:03) PHP - Flash Messages / Authentication - Part 3 ⌨️ (10:32:15) Code Walkthrough: Routing and Redirect - Part 1 ⌨️ (10:37:33) Code Walkthrough: Routing and Redirect - Part 2 ⌨️ (10:44:31) Code Walkthrough: Routing and Redirect - Part 3 ⌨️ (10:51:02) Building a CRUD Application in PHP ⌨️ (11:05:35) Code Walkthrough: Forms and CRUD ⌨️ (11:20:08) JavaScript - Part 1 ⌨️ (11:35:18) JavaScript - Part 2 ⌨️ (11:47:40) JavaScript - Document Object Model - Part 3 ⌨️ (11:58:20) Code Walkthrough: JavaScript and Profiles ⌨️ (12:08:37) JavaScript - Object Orientation ⌨️ (12:19:18) JQuery - Part 1 ⌨️ (12:32:22) JQuery - Part 2 ⌨️ (12:46:53) Code Walkthrough: Profiles, Positions, and JQuery ⌨️ (13:12:10) JSON - JavaScript Object Notation - Part 1 ⌨️ (13:26:50) JSON - JavaScript Object Notation - Part 2 ⌨️ (13:38:26) JSON - CRUD - Part 3 ⌨️ (13:48:00) Code Walkthrough: Profiles, Positions, Education and JSON ⌨️ (14:22:16) MOOC Graduation Video with Curt Bonk as Commencement Speaker 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The 50 Most Popular Linux & Terminal Commands - Full Course for Beginners

ZtqBQ68cfJc | 03 Nov 2021

The 50 Most Popular Linux & Terminal Commands - Full Course for Beginners

Learn the 50 most popular Linux commands from Colt Steele. All these commands work on Linux, macOS, WSL, and anywhere you have a UNIX environment. 🐱 ✏️ Colt Steele developed this course. 🔗 The Linux Command Handbook by Flavio Copes: https://www.freecodecamp.org/news/the-linux-commands-handbook/ 🔗 If you want to learn more about terminal commands and become a software engineer, check out the bootcamp Colt built with Springboard: https://www.springboard.com/courses/software-engineering-career-track-cvs1/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:37) Why use the command line? ⌨️ (0:06:56) The world of operating systems ⌨️ (0:10:56) What is Linux? ⌨️ (0:16:58) Shells and Bash ⌨️ (0:19:28) Setup For Linux Users ⌨️ (0:20:28) Setup For Mac Users ⌨️ (0:21:05) Setup For Windows (WSL) ⌨️ (0:29:43) Using The Terminal ⌨️ (0:31:12) whoami ⌨️ (0:32:34) man ⌨️ (0:33:40) clear ⌨️ (0:36:42) intro to options ⌨️ (0:39:05) pwd ⌨️ (0:41:07) ls ⌨️ (0:49:21) cd ⌨️ (1:00:40) mkdir ⌨️ (1:06:33) touch ⌨️ (1:12:03) rmdir ⌨️ (1:13:05) rm ⌨️ (1:21:26) open ⌨️ (1:23:55) mv ⌨️ (1:27:51) cp ⌨️ (1:31:56) head ⌨️ (1:33:02) tail ⌨️ (1:35:27) date ⌨️ (1:36:02) redirecting standard output ⌨️ (1:41:48) cat ⌨️ (1:46:15) less ⌨️ (1:49:17) echo ⌨️ (1:51:38) wc ⌨️ (1:53:52) piping ⌨️ (1:56:43) sort ⌨️ (2:01:09) uniq ⌨️ (2:06:59) expansions ⌨️ (2:17:08) diff ⌨️ (2:21:01) find ⌨️ (2:32:10) grep ⌨️ (2:36:52) du ⌨️ (2:40:55) df ⌨️ (2:44:04) history ⌨️ (2:47:32) ps ⌨️ (2:51:50) top ⌨️ (2:54:02) kill ⌨️ (3:00:13) killall ⌨️ (3:01:37) jobs, bg, and fg ⌨️ (3:09:40) gzip ⌨️ (3:12:18) gunzip ⌨️ (3:15:27) tar ⌨️ (3:23:36) nano ⌨️ (3:31:17) alias ⌨️ (3:42:48) xargs ⌨️ (3:50:57) ln ⌨️ (4:01:49) who ⌨️ (4:03:47) su ⌨️ (4:08:32) sudo ⌨️ (4:18:36) passwd ⌨️ (4:21:54) chown ⌨️ (4:31:08) Understanding permissions ⌨️ (4:47:15) chmod 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python API Development - Comprehensive Course for Beginners

0sOvCWFmrtA | 01 Nov 2021

Python API Development - Comprehensive Course for Beginners

Learn Python API development in one of the most comprehensive courses ever on the topic. You will build a full-fledged API in Python using FastAPI. You will learn the fundamentals of API design including routes, serialization/deserialization, schema validation, and models. You will also learn about SQL, testing with pytest, and how to build out a CI/CD pipeline using GitHub actions. 💻 Code: https://github.com/Sanjeev-Thiyagarajan/fastapi-course ✏️ Course from Sanjeev Thiyagarajan. Check out his channel: https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ ⭐️ Course Contents 00:00 Intro 06:33 Project Overview 11:22 Mac Python Installation 13:15 Mac VS Code install and setup 16:37 Windows Python Installation 18:30 Windows VS Code install and setup 22:11 Python virtual Env Basics 24:35 Virtual Env on windows 28:56 Virtual Env on Mac 34:17 Install dependencies w/ pip 36:21 Starting FastAPI 39:23 Path Operations 53:22 Intro toman 57:34 HTTP Requests 1:07:29 Schema Validation with Pydantic 1:22:45 CRUD Operations 1:29:44 Storing in Array 1:34:06 Creating 1:38:15 Postman Collections & saving requests 1:39:47 Retrieve One 1:48:10 Path order Matters 1:52:46 Changing response Status Codes 2:01:49 Deleting 2:10:31 Updating 2:18:02 Automatic Documentation 2:21:34 Python packages 2:24:11 Database Intro 2:28:54 Postgres Windows Install 2:31:28 Postgres Mac Install 2:34:26 Database Schema & Tables 2:44:35 Managing Postgres with PgAdmin GUI 3:12:10 Your first SQL Query 3:19:43 Filter results with "where" 3:22:55 SQL Operators 3:26:38 IN 3:28:07 Pattern matching with LIKE 3:31:59 Ordering Results 3:36:27 LIMIT & OFFSET 3:39:21 Modifying Data 3:53:48 Setup App Database 3:58:21 Connecting to database w/ Python 4:08:00 Database CRUD 4:31:18 ORM intro 4:35:33 SQLALCHEMY setup 4:55:25 Adding CreatedAt Column 5:00:59 Get All 5:07:55 Create 5:15:50 Get by ID 5:19:50 Delete 5:22:31 Update 5:28:21 Pydantic vs ORM Models 5:32:21 Pydantic Models Deep Dive 5:38:57 Response Model 5:50:08 Creating Users Table 5:54:50 User Registration Path Operation 6:03:27 Hashing Passwords 6:08:49 Refractor Hashing Logic 6:10:32 Get User by ID 6:17:13 FastAPI Routers 6:27:34 Router Prefix 6:30:31 Router Tags 6:32:49 JWT Token Basics 6:47:03 Login Process 7:00:44 Creating Token 7:09:58 OAuth2 PasswordRequestForm 7:13:23 Verify user is Logged In 7:25:21 Fixing Bugs 7:27:59 Protecting Routes 7:36:17 Test Expired Token 7:38:13 Fetching User in Protected Routes 7:42:44 Postman advanced Features 7:50:33 SQL Relationship Basics 7:54:59 Postgres Foreign Keys 8:07:20 SQLAlchemy Foreign Keys 8:13:40 Update Schema to include User 8:17:59 Assigning Owner id when creating new 8:21:01 Delete and Update only your own 8:27:48 Only Retrieving Logged in User's 8:33:37 Sqlalchemy Relationships 8:38:32 Query Parameters 8:50:46 Cleanup our main.py file 8:53:53 Env Variables 9:21:20 Vote/Like Theory 9:26:36 Votes Table 9:31:33 Votes Sqlalchemy 9:34:11 Votes Route 9:52:31 SQL Joins 10:15:26 Joins in SqlAlchemy 10:28:21 Get One with Joins 10:30:18 What is a database migration tool 10:33:45 Alembic Setup 11:13:50 Disable SqlAlchemy create Engine 11:14:28 What is CORS? 11:23:38 Git PreReqs 11:27:40 Git Install 11:29:23 Github 11:34:39 Heroku intro 11:35:40 Create Heroku App 11:40:21 Heroku procfile 11:44:59 Adding a Postgres database 11:48:42 Env Variables in Heroku 11:58:59 Alembic migrations on Heroku Postgres instance 12:02:52 Pushing changed to production 12:05:04 Create an Ubuntu VM 12:08:04 Update packages 12:10:47 Install Python 12:12:21 Install Postgres & setup password 12:17:28 Postgres Config 12:24:50 Create new user and setup python evironment 12:34:06 Env Variables 12:42:24 Alembic migrations on production database 12:45:57 Gunicorn 12:54:12 Creating a Systemd service 13:04:45 NGINX 13:10:45 Setting up Domain name 13:15:19 SSL/HTTPS 13:19:31 NGINX enable 13:20:06 Firewall 13:23:47 Pushing code changes to Production 13:26:09 Dockerfile 13:38:39 Docker Compose 13:48:34 Postgres Container 13:56:22 Bind Mounts 14:03:39 Dockerhub 14:08:08 Production vs Development 14:14:51 Testing Intro 14:17:19 Writing your first test 14:30:22 The -s & -v flags 14:31:44 Testing more functions 14:35:29 Parametrize 14:40:21 Testing Classes 14:48:37 Fixtures 14:55:40 Combining Fixtures + Parametrize 14:59:13 Testing Exceptions 15:06:07 FastAPI TestClient 15:14:26 Pytest flags 15:17:31 Test create user 15:25:23 Setup testing database 15:36:47 Create & destroy database after each test 15:44:18 More Fixtures to handle database interaction 15:50:35 Trailing slashes in path 15:53:12 Fixture scope 16:07:50 Test user fixture 16:14:40 Test/validate token 16:18:59 Conftest.py 16:22:09 Testing 17:34:15 CI/CD intro 17:43:29 Github Actions 17:49:32 Creating Jobs 17:57:38 setup python/dependencies/pytest 18:06:14 Env variables 18:11:19 Github Secrets 18:18:14 Testing database 18:23:42 Building Docker images 18:34:33 Deploy to heroku 18:49:10 Failing tests in pipeline 18:52:18 Deploy to Ubuntu

JavaScript Tutorial - PuzzleCam Game

HS6KHYIYdXc | 28 Oct 2021

JavaScript Tutorial - PuzzleCam Game

In this JavaScript tutorial, you will learn how to code a complex puzzle game that uses the camera. The game uses PHP and MySql on the backend. ✏️ Radu Mariescu-Istodor created this course. Check out his channel: https://www.youtube.com/RaduMariescuIstodor 🔗 Radu's website: https://radufromfinland.com ⭐️ Resources ⭐️ 🔗 Pythagorean theorem: https://youtu.be/iqSlzYXdFzw 🔗 Visual web development course: https://www.youtube.com/playlist?list=PLB0Tybl0UNfb3hTHPfEIg1SPw_-Ca9iIw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:25) Accessing the camera ⌨️ (0:11:06) Cropping the image ⌨️ (0:18:24) Drag and drop ⌨️ (0:28:46) Gameplay elements ⌨️ (0:42:03) Logo design ⌨️ (0:47:06) Sound ⌨️ (0:54:13) MySQL database ⌨️ (1:00:17) PHP web server ⌨️ (1:20:06) Advanced cropping ⌨️ (1:32:30) Advanced hit-testing 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn React by Building an eCommerce Site - Tutorial

1DklrGoAxDE | 27 Oct 2021

Learn React by Building an eCommerce Site - Tutorial

Learn React by building an e-Commerce application with Class Components. You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server and basic routing. 💻 Source code: https://github.com/webuniversity/react-free-code-camp ✏️ This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal 🔗 Complete React course with Hooks and Redux by Harsha Vardhan: https://www.udemy.com/course/react-for-busy-developers-learn-by-doing-ecommerce/?referralCode=0F222FF4DE8C7A460D6F ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:45) What is React ⌨️ (0:12:52) Understanding Components ⌨️ (0:19:05) Create New React App ⌨️ (0:29:41) React React App From Scratch ⌨️ (0:44:19) Load Bootstrap ⌨️ (0:52:14) Create React Components ⌨️ (1:07:55) Add CSS Styles ⌨️ (1:11:10) Add Bootstrap NavBar ⌨️ (1:18:22) Fix Error - DOM property class ⌨️ (1:21:54) Nested Components ⌨️ (1:35:35) Render Expressions ⌨️ (1:41:31) Handle Events ⌨️ (1:47:11) Update Component State ⌨️ (1:51:58) Render List ⌨️ (2:00:13) Render Conditionally ⌨️ (2:05:53) Render Methods ⌨️ (2:13:46) Render Images ⌨️ (2:18:32) Render CSS Styles ⌨️ (2:25:19) Render CSS Classes ⌨️ (2:29:36) Pass Event Arguments ⌨️ (2:40:57) Render Child Components ⌨️ (2:49:58) Props ⌨️ (3:02:48) Props vs State ⌨️ (3:12:11) Props.Children ⌨️ (3:16:15) Handle Child Events ⌨️ (3:41:59) Delete Child Components ⌨️ (3:52:57) Life Cycle Phases of Components ⌨️ (3:57:22) Mounting Phase ⌨️ (4:07:45) Updating Phase ⌨️ (4:17:16) Unmounting Phase ⌨️ (4:22:10) Life Cycle of Child Components ⌨️ (4:30:02) Error Handling Phase ⌨️ (4:36:16) Basic Form ⌨️ (4:45:01) Two-Way Binding ⌨️ (4:56:36) Form Submit Button ⌨️ (5:04:51) HTTP Requests ⌨️ (5:18:09) Async and Await ⌨️ (5:25:28) Login Form with HTTP Request ⌨️ (5:34:00) Basic Routing ⌨️ (5:40:15) "404" Page ⌨️ (5:43:51) Switch ⌨️ (5:45:20) Link -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Django Tutorial - Create a Digital Resume with a Python Backend

0oSsLbh_Kv4 | 26 Oct 2021

Django Tutorial - Create a Digital Resume with a Python Backend

Improve your Django skills by building a digital resume website. You are provided a free resume template and you will learn how to create the backend using Django and Python. ✏️ Course from Bobby Stearman. Check out his channel: https://www.youtube.com/channel/UCitbHjDxcR3JBErnRLCuYkw 💻 Template: https://github.com/bobby-didcoding/didcoding_resume_template 💻 Django Code: https://github.com/bobby-didcoding/resume_app ⌨️ (00:00) Intro ⌨️ (01:28) Select template ⌨️ (03:28) Start django project ⌨️ (05:57) Backend ⌨️ (44:06) Frontend 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Android App Development Tutorial for Beginners - Your First App

FjrKMcnKahY | 25 Oct 2021

Android App Development Tutorial for Beginners - Your First App

Let's build our first Android app - a tip calculator! This video assumes NO prior experience with Android, and by the end you'll have something an app you could publish. We'll cover how to create the user interface with XML, and how to code the logic using the Kotlin programming language. These are the fundamental building blocks of any modern Android app. We'll use the ConstraintLayout for the layout and two event listeners for the app logic. After you enter a base amount and a tip percentage, the app will calculate the tip and total for you. We also implement a tip percentage animation and a footer to make our app more unique. ➤ Learn Kotlin in 12 Minutes: https://youtu.be/iYrgWO2oibY ➤ Learn how to publish your app: https://www.youtube.com/watch?v=rMzQ2vM1S6c ➤ Download this app on Google Play: https://play.google.com/store/apps/details?id=com.rkpandey.tipcalculator 🔗 Follow Rahul on YouTube: https://www.youtube.com/rpandey1234 🔗 Follow Rahul on Twitter: https://twitter.com/rpandey1234 🔗 Follow Rahul on LinkedIn: https://www.linkedin.com/in/rpandey1234/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unreal Engine & C++ Tutorial - Endless Runner Game 🏃🏽‍♀️

SOjZTmOMGcY | 21 Oct 2021

Unreal Engine & C++ Tutorial - Endless Runner Game 🏃🏽‍♀️

Learn how to use Unreal Engine and C++ to create an endless runner game. 🏃🏻🏃🏼🏃🏽🏃🏾🏃🏿🏃‍♂️🏃‍♀️ ✏️ Course created by Fahir from Awesome Tuts. Check out his channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw 🔗 More tutorials from Fahir: https://awesometuts.com/ ⭐️ Project Assets ⭐️ (This is a multi-part rar archive. You must download all these parts before you can unarchive.) 🔗 Part 1: https://cdn.fs.teachablecdn.com/0uocCeETVSFhkMnwqb6w 🔗 Part 2: https://cdn.fs.teachablecdn.com/v5BdT6YYSzaGMUI2EJLb 🔗 Part 3: https://cdn.fs.teachablecdn.com/fbq4wOpQb688WYXA8OxA 🔗 Part 4: https://cdn.fs.teachablecdn.com/eXhT4kYoShq8gIi6c1Hu 🔗 Part 5: https://cdn.fs.teachablecdn.com/qPUf6bezRAi3NJFP53H6 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Game Preview ⌨️ (0:01:26) Creating The Player Class ⌨️ (0:29:47) Creating Obstacles ⌨️ (0:37:05) Creating The Level ⌨️ (0:56:06) Spawning Levels ⌨️ (1:18:36) Destroying The Player And Restarting The Level 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Angular Tutorial for Beginners - Web Framework with Typescript Course

AAu8bjj6-UI | 20 Oct 2021

Angular Tutorial for Beginners - Web Framework with Typescript Course

Learn the basics of Angular in this full course for beginners. Angular is a TypeScript-based free and open-source web application framework created by Google. ✏️ Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/channel/UCBu5ulO4d-d47lAVybpRTkw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:26) Components ⌨️ (0:08:56) Lifecycle hooks ⌨️ (0:11:21) Text interpolation ⌨️ (0:13:31) Components Communication ⌨️ (0:19:01) Component Styles ⌨️ (0:23:36) Ng-Content ⌨️ (0:26:31) Template Statements ⌨️ (0:28:49) Pipes ⌨️ (0:32:22) Property Binding ⌨️ (0:34:56) Attribute, Class & Style ⌨️ (0:39:16) Event Binding ⌨️ (0:41:36) Two-way Binding ⌨️ (0:47:57) Directives ⌨️ (0:52:52) Attribute directives ⌨️ (0:56:36) Structural directives ⌨️ (1:01:15) Dependency Injection ⌨️ (1:04:14) Routing ⌨️ (1:13:19) Template-Driven Form ⌨️ (1:20:26) Reactive Forms ⌨️ (1:26:04) Form Validation ⌨️ (1:30:57) HTTP Client ⭐️ Video Resources ⭐️ 🔗 Learn more about Pips: https://angular.io/guide/pipes 🔗 Cocktail API endpoint: www.thecocktaildb.com/api/json/v1/1/search.php?f=a 🔗 LoR API endpoint: https://the-one-api.dev/v2/movie 🔗 LoR API docs: https://the-one-api.dev/documentation 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

TensorFlow Lite for Edge Devices - Tutorial

OJnaBhCixng | 19 Oct 2021

TensorFlow Lite for Edge Devices - Tutorial

Learn how to use TensorFlow Lite. TensorFlow Lite is an open source deep learning framework for on-device inference. 💻 Code: https://github.com/bhattbhavesh91/freecodecamp-tflite ✏️ Course from Bhavesh Bhatt. Check out his channel: https://www.youtube.com/c/BhaveshBhatt8791/ ⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:00:20) Why do we need TensorFlow Lite? (0:04:10) What is Edge Computing? (0:05:06) Why is Edge Computing gaining popularity? (0:08:30) Challenges in deploying models on Edge devices (0:09:27) What is TensorFlow Lite or TFLite? (0:10:06) TensorFlow Lite Workflow (0:13:30) Creating a TensorFlow or Keras model (0:32:54) Converting a TensorFlow or Keras model to TFLite (0:36:08) Validating the TFLite model performance (0:46:08) What is Quantization? (0:47:35) Compressing the TFLite model further (0:51:55) Compressing the TFLite model even further (0:55:08) Validating the most compressed TFLite model performance (0:58:46) Thank You 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Binary Tree Algorithms for Technical Interviews - Full Course

fAAZixBzIAI | 18 Oct 2021

Binary Tree Algorithms for Technical Interviews - Full Course

Learn how to implement binary tree algorithms and how to use them to solve coding challenges. 🌳 ✏️ This course was developed by Alvin Zablan from Structy. Check out Alvin's channel: https://www.youtube.com/c/AlvinTheProgrammer 🔗 Learn data structures and algorithms: https://structy.net/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:01:09) What is a Binary Tree? ⌨️ (0:11:28) Binary Tree Node Class ⌨️ (0:14:19) Depth First Values - (https://structy.net/problems/depth-first-values) ⌨️ (0:36:00) Breadth First Values - (https://structy.net/problems/breadth-first-values) ⌨️ (0:47:43) Tree Includes - (https://structy.net/problems/tree-includes) ⌨️ (1:05:35) Tree Sum - (https://structy.net/problems/tree-sum) ⌨️ (1:19:53) Tree Min Value - (https://structy.net/problems/tree-min-value) ⌨️ (1:34:16) Max Root to Leaf Path Sum - (https://structy.net/problems/max-root-to-leaf-path-sum) ⌨️ (1:48:28) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Node.js / Express Course - Build 4 Projects

qwfE7fSVaZM | 14 Oct 2021

Node.js / Express Course - Build 4 Projects

Node.js and Express.js are popular technologies used for JavaScript backend web development. In this course, you will improve your skills by building four projects using Node and Express. 💻 Code: https://github.com/john-smilga/node-express-course 🔗 Full Node and Express Tutorial: https://www.youtube.com/watch?v=Oe421EPjeBE ✏️ Course developed by John Smilga. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 🔗 Other projects and courses from John: https://www.johnsmilga.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:59) Project 1: Task Manager ⌨️ (3:07:21) Project 2: Store API ⌨️ (5:05:43) Project 3: JWT Basics ⌨️ (6:28:34) Project 4: Jobs API 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Object Oriented Programming with Python - Full Course for Beginners

Ej_02ICOIgs | 13 Oct 2021

Object Oriented Programming with Python - Full Course for Beginners

Object Oriented Programming is an important concept in software development. In this complete tutorial, you will learn all about OOP and how to implement it using Python. 💻 Code: https://github.com/jimdevops19/PythonOOP 🔗 Tutorial referenced for a deeper explanation about __repr__: https://www.youtube.com/watch?v=FIaPZXaePhw ✏️ Course developed by Jim from JimShapedCoding. Check out his channel: https://www.youtube.com/channel/UCU8d7rcShA7MGuDyYH1aWGg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Getting Started with Classes ⌨️ (0:12:11) Constructor, __init__ ⌨️ (0:50:35) Class vs Static Methods ⌨️ (1:13:22) Inheritance ⌨️ (1:30:14) Getters and Setters ⌨️ (1:51:00) OOP Principles 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS VPC Beginner to Pro - Virtual Private Cloud Tutorial

g2JOHLHh4rI | 12 Oct 2021

AWS VPC Beginner to Pro - Virtual Private Cloud Tutorial

In this AWS tutorial you'll learn AWS Virtual Private Cloud (Amazon VPC) from beginner level through to advanced concepts. You'll be an AWS VPC guru in no time! An AWS VPC is a logically isolated portion of the cloud into which you can deploy your resources. You get complete control over the networking environment including IP address ranges, subnets, routing, firewalls and more. After going through the theory using animated diagrams to help explain the concepts, you'll be able to learn-by-doing with many practical lessons. 💻 Download the code for the hands-on lessons here: https://digitalcloud.training/aws-vpc-deep-dive-download/ ✏️ Course developed by Neal Davis, Founder of Digital Cloud Training. Check out the Digital Cloud Training YouTube channel: https://www.youtube.com/c/digitalcloudtraining 🔗 This AWS VPC course has been extracted from our new AWS Certified Solutions Architect Associate course. Get the full course here: https://digitalcloud.training/aws-certified-solutions-architect-associate/ 🔗 If you don't have an AWS account, check out these Challenge Labs that run in an AWS sandbox: https://digitalcloud.training/hands-on-challenge-labs ⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:01:46) IPv4 Addressing Primer (0:12:40) Amazon VPC Overview (0:20:31) Defining VPC CIDR Blocks (0:26:54) VPC Wizard (0:29:48) Create a Custom VPC with Subnets (0:35:51) Launch Instances and Test VPC (0:45:25) Security Groups and Network ACL (0:56:16) Configure Security Groups and NACLs (1:06:30) Amazon VPC Peering (1:12:16) Configure VPC Peering (1:22:10) VPC Endpoints (1:26:40) Create VPC Endpoint (1:36:54) AWS Client VPN (1:39:42) AWS Site-to-Site VPN (1:41:49) AWS VPN CloudHub (1:44:49) AWS Direct Connect (DX) (1:51:29) AWS Direct Connect Gateway (1:54:58) AWS Transit Gateway (1:58:53) Using IPv6 in a VPC (2:04:53) Create VPC Flow Logs 👍 More AWS Certification Training: https://digitalcloud.training/aws-training-courses/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Computer & Technology Basics Course for Absolute Beginners

i084Z2ImqNI | 06 Oct 2021

Computer & Technology Basics Course for Absolute Beginners

Learn basic computer and technology skills. This course is for people new to working with computers or people that want to fill in some gaps about their computer knowledge. ✏️ This course was developed by the Goodwill Community Foundation. Check out their YouTube channel: https://www.youtube.com/c/GcflearnfreeOrgplus 🔗 The Goodwill Community Foundation offers more free learning resources at their website: https://www.GCFLearnFree.org ⭐️ Course Contents ⭐️ ⌨️ (00:00:55) Introduction ⌨️ (00:00:55) What Is a Computer? ⌨️ (00:03:37) Buttons and Ports on a Computer ⌨️ (00:06:01) Basic Parts of a Computer ⌨️ (00:08:47) Inside a Computer ⌨️ (00:10:58) Getting to Know Laptop Computers ⌨️ (00:12:55) Understanding Operating Systems ⌨️ (00:14:21) Understanding Applications ⌨️ (00:15:53) Setting Up a Desktop Computer ⌨️ (00:18:47) Connecting to the Internet ⌨️ (00:22:41) What Is the Cloud? ⌨️ (00:25:06) Cleaning Your Computer ⌨️ (00:29:02) Protecting Your Computer ⌨️ (00:32:17) Creating a Safe Workspace ⌨️ (00:36:25) Internet Safety: Your Browser's Security Features ⌨️ (00:38:36) Understanding Spam and Phishing ⌨️ (00:43:27) Understanding Digital Tracking ⌨️ (00:45:39) Windows Basics: Getting Started with the Desktop ⌨️ (00:47:40) Mac OS X Basics: Getting Started with the Desktop ⌨️ (00:52:26) Browser Basics 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HashiCorp Terraform Associate Certification Course - Pass the Exam!

V4waklkBC38 | 05 Oct 2021

HashiCorp Terraform Associate Certification Course - Pass the Exam!

Prepare for the HashiCorp Terraform Associate Certification and pass! The Terraform Associate certification is for Cloud Engineers specializing in operations, IT, or development who know the basic concepts and skills associated with open source HashiCorp Terraform. Get your Free Practice and Downloadable Cheatsheets: https://www.exampro.co/terraform 📢 View this course updates: https://www.exampro.co/terraform Last Updated: October 4 2021 ✏️ Developed by Andrew Brown of ExamPro 🔗 https://twitter.com/andrewbrown ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:17:01) IaC Concepts ⌨️ (00:37:32) HashiCorp ⌨️ (00:41:39) Terraform Basics ⌨️ (02:00:07) Terraform Provisioners ⌨️ (03:03:46) Terraform Providers ⌨️ (03:43:39) Terraform Language ⌨️ (03:48:27) Variables and Data ⌨️ (04:34:30) Resource Meta Arguments ⌨️ (05:15:07) Terraform Expressions ⌨️ (06:01:28) Terraform State ⌨️ (06:12:34) Init and Get ⌨️ (06:15:01) Fmt, Validate, Console ⌨️ (06:18:09) Plan and Apply ⌨️ (06:24:19) Infrastructure Drift ⌨️ (06:39:34) Terraform Troubleshooting ⌨️ (06:49:03) Terraform Modules ⌨️ (07:28:20) Team Workflows ⌨️ (08:05:31) Terraform Backends ⌨️ (09:41:14) Resources and Complex Types ⌨️ (09:52:02) Built-In Functions ⌨️ (10:22:22) Terraform Cloud ⌨️ (10:46:02) Terraform Enterprise ⌨️ (10:55:39) Workspaces ⌨️ (11:58:34) Packer and Terraform ⌨️ (12:25:56) Consul and Terraform ⌨️ (12:27:05) Vault and Terraform ⌨️ (12:59:58) Alantis, CDK for Terraform, GruntWork, Terragrunt, TerraTest ⌨️ (13:08:29) Booking Your Exam 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

TensorFlow for Computer Vision - Full Tutorial for Beginners

cPmjQ9V6Hbk | 04 Oct 2021

TensorFlow for Computer Vision - Full Tutorial for Beginners

Learn how to use TensorFlow 2 for computer vision in this complete course. The course shows you how to create two computer vision projects. The first involves an image classification model with a prepared dataset. The second is a more real-world problem where you will have to clean and prepare a dataset before using it. 💻 Code: https://github.com/sniper0110/IntroductionToTensorflow2 ✏️ Nour Islam Mokhtari created this course. Connect with him here: https://withkoji.com/@Nour_Islam 🔗 Get Nour's free Machine Learning job-ready checklist: https://www.aifee.co/free-resources ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and where you can find me to ask questions ⌨️ (0:01:21) Course outline ⌨️ (0:05:11) Who’s this course for ⌨️ (0:05:35) Why learn TensorFlow ⌨️ (0:06:25) We will be using an IDE and not notebooks ⌨️ (0:07:25) Visual Studio Code (how to download and install it) ⌨️ (0:10:50) Miniconda - how to install it ⌨️ (0:13:23) Miniconda - why we need it ⌨️ (0:17:24) How are we going to use conda virtual environments in VS Code? ⌨️ (0:21:20) Installing Tensorflow 2 (CPU version) ⌨️ (0:29:56) Installing Tensorflow 2 (GPU version) ⌨️ (0:43:34) What do we want to achieve? ⌨️ (0:45:26) Exploring MNIST dataset ⌨️ (1:05:54) Tensorflow layers ⌨️ (1:09:44) Building a neural network the sequential way ⌨️ (1:27:22) Compiling the model and fitting the data ⌨️ (2:00:52) Building a neural network the functional way ⌨️ (2:08:33) Building a neural network the Model Class way ⌨️ (2:14:31) Things we should add ⌨️ (2:18:29) Restructuring our code for better readability ⌨️ (2:23:11) First part summary ⌨️ (2:24:12) What we want to achieve ⌨️ (2:25:23) Downloading and exploring the dataset ⌨️ (2:34:20) Preparing train and validation sets ⌨️ (2:53:37) Preparing the test set ⌨️ (3:10:17) Building a neural network the functional way ⌨️ (3:22:12) Creating data generators ⌨️ (3:31:39) Instantiating the generators ⌨️ (3:35:37) Compiling the model and fitting the data ⌨️ (3:40:34) Adding callbacks ⌨️ (3:52:08) Evaluating the model ⌨️ (3:58:04) Potential improvements ⌨️ (4:08:49) Running prediction on single images ⌨️ (4:23:05) Second part summary ⌨️ (4:23:56) Where you can find me if you have questions -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Git for Professionals Tutorial - Tools & Concepts for Mastering Version Control with Git

Uszj_k0DGsg | 30 Sep 2021

Git for Professionals Tutorial - Tools & Concepts for Mastering Version Control with Git

Git has the power to make you a better software developer. But you'll have to go beyond the basic "commit, push, pull" to use it effectively! In this course, we'll look at some of the more advanced concepts and tools to make you more productive and confident with Git. This course focuses on using Git with the command line. ✏️ This course was created by Tobias Günther from Tower. You can download Tower's Git desktop UI here: https://www.git-tower.com ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:52) Hosted by Tower ⌨️ (01:27) The perfect commit ⌨️ (08:07) Branching strategies ⌨️ (17:16) Pull requests ⌨️ (24:07) Merge conflicts ⌨️ (33:48) Merge vs. rebase ⌨️ (40:05) The Advanced Git Kit: https://www.git-tower.com/learn/git/advanced-git-kit/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML & CSS Project Tutorial - Build a Recipes Website

-8LTPIJBGwQ | 28 Sep 2021

HTML & CSS Project Tutorial - Build a Recipes Website

In this HTML and CSS project tutorial, you will improve your HTML and CSS skills by building a recipes website. 💻 Code: https://github.com/john-smilga/html-css-simply-recipes ✏️ Course from John Smilga of Coding Addict. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 🎥 Starter Project video referenced in tutorial: https://www.youtube.com/watch?v=UDdyGNlQK5w 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Natural Language Processing with spaCy & Python - Course for Beginners

dIUTsFT2MeQ | 27 Sep 2021

Natural Language Processing with spaCy & Python - Course for Beginners

In this spaCy tutorial, you will learn all about natural language processing and how to apply it to real-world problems using the Python spaCy library. 💻 Course website with code: http://spacy.pythonhumanities.com/ ✏️ Course developed by Dr. William Mattingly. Check out his channel: https://www.youtube.com/pythontutorialsfordigitalhumanities ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:03:56) Intro to NLP ⌨️ (0:11:53) How to Install spaCy ⌨️ (0:17:33) SpaCy Containers ⌨️ (0:21:36) Linguistic Annotations ⌨️ (0:45:03) Named Entity Recognition ⌨️ (0:50:08) Word Vectors ⌨️ (1:05:22) Pipelines ⌨️ (1:16:44) EntityRuler ⌨️ (1:35:44) Matcher ⌨️ (2:09:38) Custom Components ⌨️ (2:16:46) RegEx (Basics) ⌨️ (2:19:59) RegEx (Multi-Word Tokens) ⌨️ (2:38:23) Applied SpaCy Financial NER 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

R Shiny for Data Science Tutorial – Build Interactive Data-Driven Web Apps

9uFQECk30kA | 22 Sep 2021

R Shiny for Data Science Tutorial – Build Interactive Data-Driven Web Apps

Learn how to build interactive data-driven web apps in R using the Shiny package. ✏️ Course developed by Chanin Nantasenamat (aka Data Professor). Check out his YouTube channel for more bioinformatics and data science tutorials: https://www.youtube.com/dataprofessor ⭐️ Code ⭐️ 💻 Apps 1-5: https://github.com/dataprofessor/rshiny_freecodecamp 💻 Deploy Shiny App: https://github.com/dataprofessor/iris-r-heroku 🔗 Medium blog posts for more data science tutorials https://data-professor.medium.com/ 🔗 For updates connect via Newsletter: http://newsletter.dataprofessor.org/ 🔗 Twitter: https://twitter.com/thedataprof/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:13) Introduction to Shiny ⌨️ (0:08:24) App 1 – Print User Input ⌨️ (0:21:12) App 2 – Display Histogram ⌨️ (0:32:07) App 3 – Machine Learning (Weather Dataset) ⌨️ (0:47:51) App 4 – Machine Learning (Iris Dataset) ⌨️ (1:05:03) App 5 – BMI Calculator ⌨️ (1:19:18) Deploy Shiny Apps to Heroku 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Automating With Python - Tutorial

s8XjEuplx_U | 21 Sep 2021

Automating With Python - Tutorial

Learn how to use Python automation to perform common tasks. In this full course you will learn how to build the following automation projects: - Hacker News Headlines Emailer - TED Talk Downloader - Table Extractor from PDF - Automated Bulk Resume Parser - Image Type Converter - Building an Automated News Summarizer 💻 Code: https://github.com/amrrs/build_tools_to_automate_python ✏️ Course from 1littlecoder. Check out his channel: https://www.youtube.com/c/1littlecoder ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:29) Hacker News Headlines Emailer - Tutorial 1 ⌨️ (0:01:13) Introduction to Web Scraping ⌨️ (0:03:08) Setting up the Environment ⌨️ (0:06:30) Project Script ⌨️ (0:11:00) Website Structure of Hacker News FrontPage ⌨️ (0:21:00) Sending Email from Python ⌨️ (0:35:15) Building the Headlines Email Module ⌨️ (0:39:07) TED Talk Downloader - Tutorial 2 ⌨️ (0:39:49) Installation and Introduction to requests package ⌨️ (0:41:25) Installation and Introduction to BeautifulSoup ⌨️ (0:43:25) Building the basic script to download the video ⌨️ (0:49:37) Generalising the Script to get Arguments ⌨️ (0:53:49) Table Extractor from PDF - Tutorial 3 ⌨️ (0:54:44) Basics of PDF Format ⌨️ (0:57:05) Installing required Python Modules ⌨️ (1:02:16) Extracting Table from PDF ⌨️ (1:06:51) Quick Introduction to Jupyter Notebook ⌨️ (1:08:29) PDF Extraction on Jupyter Notebook ⌨️ (1:15:29) Pandas and Write Table as CSV Excel ⌨️ (1:21:02) Automated Bulk Resume Parser - Tutorial 4 ⌨️ (1:22:15) Different Formats of Resumes and marking relevant Information ⌨️ (1:25:50) Project Architecture and Brief Overview of the required packages and installations ⌨️ (1:34:48) Basics of Regular Expression in Python ⌨️ (1:41:38) Basic Overview of Spacy Functions ⌨️ (1:49:55) Extracting Relevant Information from the Resumes ⌨️ (2:16:46) Completing the script to make it a one-click CLI ⌨️ (2:28:09) Image Type Converter - Tutorial 5 ⌨️ (2:29:09) Different type of Image Formats ⌨️ (2:31:33) What is an Image type convertor ⌨️ (2:33:04) Introduction to Image Manipulation in Python ⌨️ (2:34:51) Building an Image type converting Script ⌨️ (2:40:03) Converting the script into a CLI Tool ⌨️ (2:44:27) Building an Automated News Summarizer - Tutorial 6 ⌨️ (2:46:27) What is Text Summarization ⌨️ (2:47:46) Installing Gensim and other Python Modules ⌨️ (2:52:43) Extracting the required News Source ⌨️ (2:59:38) Building the News Summarizer ⌨️ (3:07:14) Scheduling the News Summarizer ⌨️ (3:10:25) Thank you 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Django For Everybody - Full Python University Course

o0XbHvKxw7Y | 20 Sep 2021

Django For Everybody - Full Python University Course

This Django tutorial aims to teach everyone the Python Django web development framework. 🔗 Course Website: https://www.dj4e.com/ 💻 Sample Code: https://github.com/csev/dj4e-samples/ ✏️ This course was created by Dr. Charles Severance (a.k.a. Dr. Chuck). He is a Professor at the University of Michigan School of Information, where he teaches various technology-oriented courses including programming, database design, and Web development. ⭐️ Course Contents ⭐️ 00:00:00 Why Teach Django? 00:07:04 Web Applications and the Request/Response Cycle 00:13:07 Exploring the HyperText Transfer Protocol 00:29:35 Using Sockets to Make Network Connections in Python 00:36:08 Building a Simple Web Browser in Python 00:44:47 Building a Simple HTTP Server in Python 01:00:53 Understanding Browser Developer Mode 01:10:35 The Structure of a Django Application 01:17:39 Installing Django on PythonAnywhere 01:34:32 HTML - HyperText Markup Language (Part 1) 01:40:25 HTML - HyperText Markup Language (Part 2) 01:54:17 Code Walk Through HTML 02:08:14 CSS - Cascading Style Sheets - (Part 1) 02:21:00 CSS - Cascading Style Sheets - (Part 2) 02:36:02 CSS - Cascading Style Sheets - (Part 3) 02:49:41 CSS - Sample Code Walkthrough (Part 1) 03:03:05 CSS - Sample Code Walkthrough (Part 2) 03:28:53 Using GitHub With Django and PythonAnywhere 03:35:48 Using ngrok to Submit Assignments to DJ4E 03:41:53 How Databases Work 04:00:49 Introduction to Structured Query Language (SQL) 04:12:33 Demonstration: Basic SQL 04:19:09 Introduction to Django Models 04:39:06 Data Model Migration in Django 04:47:00 Demonstration: Django Single Table Models 04:58:08 Resetting your Django database on PythonAnywhere 05:03:54 Django Models - Many-To-One Relationships - Music Database 05:18:03 Model View Controller in Django 05:25:09 URL Routing in Django 05:32:08 Django Views 05:38:27 Inside Django Views and HTML Escaping in Django 05:54:02 Using Templates in Django 06:04:07 The Django Template Language (DTL) 06:15:05 Inheritance in Django Templates 06:21:11 Reversing Django Views and URLs 06:34:02 Understanding Django Generic Views 06:50:29 Forms, GET, POST, and HTTP 06:58:48 Building HTML Forms 07:16:28 Forms and Cross Site Request Forgery (CSRF) 07:16:28 CSRF Support in Django 07:25:43 The POST Refresh Pattern 07:29:09 Cookies in Browsers and Django 07:38:51 Using Sessions in Django 07:51:24 One-to-Many Models Overview 07:57:16 Removing Replication in One-to-Many Models 08:05:51 Storing Primary and Foreign Keys in a Database 08:08:37 Representing One-To-Many Models in Django 08:18:33 Using the Django Shell to Explore One-to-Many Models 08:26:17 Loading One-to-Many Data using a Django Batch Script 08:38:32 Creating and Managing Users in Django 08:42:17 Login and Logout URLs in Django 08:49:40 Using Django Login in Views 08:59:55 Using Django Forms Capabilities 09:13:20 Walkthrough of the DJ4E Autos Sample - Generic Django Edit Forms 09:49:30 Data Validation with Django Forms 09:58:42 Exploring the DIY Hello World Django Application on Localhost 10:22:24 Exploring the DIY Hello World Django Application on PythonAnywhere 10:36:38 Virtual Hosting of Django Applications 10:36:38 Owned Rows in Django - Overview 10:42:39 Owned Rows in Django - Generic Views Review 10:52:56 Owned Rows in Django - owner.py 11:05:58 Walking through the DJ4E My Articles (myarts) Sample Code 11:18:26 Walking through the DJ4E Bootstrap Menu (menu) Sample Code 11:48:37 Walking through the DJ4E Crispy Forms (crispy) Sample Code 12:02:57 Many-to-Many Overview 12:08:31 A Simple Many-To-Many Example in Django 12:21:05 Many-To-Many Data Models for Courses and Membership 12:29:42 Building a Django Batch Script to Load Data from CSV 12:46:31 JavaScript - Overview and History 12:56:29 JavaScript - In the Browser 13:10:31 JavaScript - The Language 13:34:28 JavaScript Functions and Arrays 13:34:28 JavaScript Conditional and Loops 13:41:05 JavaScript Object Oriented Concepts 13:45:25 JavaScript Object Oriented Classes 13:58:37 Walking through the DJ4E Pictures (pics) Sample Code 14:31:41 Walking through the DJ4E Forums (forums) Sample Code 14:57:07 jQuery and the Document Object Model 15:09:44 Using jQuery 15:38:16 Walking through the DJ4E jQuery DOM sample code 15:49:29 Walking through the DJ4E jQuery setup sample code 15:57:42 Walking through the DJ4E jQuery events sample code 16:05:59 Walking through the DJ4E jQuery DOM modification 16:10:26 JSON/AJAX Overview 16:24:40 Walking through the DJ4E JSON Sample Code 16:30:41 Building an AJAX Chat with Django 16:40:34 Walking through the DJ4E JSON (chat) Sample Code 16:58:26 Walking through the DJ4E Favicon Sample Code 17:02:36 Walking through the DJ4E Social Login Code 17:11:23 Walking through the DJ4E Favorites (favs) Sample Code 17:41:41 Walking through the DJ4E Search (well) Sample Code 18:03:10 Behind the Scenes: Welcome to Django for Everybody - Why Django? This course is licensed under CC BY.

Gatsby Static Site Generator Tutorial

RaTpreA0v7Q | 16 Sep 2021

Gatsby Static Site Generator Tutorial

Learn how to use Gatsby (Version 3) in this full course for beginners. Gatsby is a static site generator that makes it quick to develop websites. You will learn how to create a recipes site. 💻 Code: https://github.com/john-smilga/gatsby-v3-tutorial-recipes ✏️ Course from John Smilga of Coding Addict. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:56) Gatsby Info ⌨️ (0:02:46) Course Structure ⌨️ (0:03:28) Course Requirements ⌨️ (0:05:09) Vs Code ⌨️ (0:06:02) Module Intro ⌨️ (0:07:29) Install Gatsby-Cli ⌨️ (0:09:29) Setup New Gatsby Project ⌨️ (0:15:07) Folder Structure ⌨️ (0:29:42) First Page ⌨️ (0:38:26) Error Page ⌨️ (0:41:01) Nested Structure ⌨️ (0:44:41) Links ⌨️ (0:51:21) Navbar ⌨️ (0:56:26) Layout Component ⌨️ (1:05:44) CSS Module Intro ⌨️ (1:06:47) Inline CSS ⌨️ (1:08:27) Global CSS ⌨️ (1:14:01) CSS Naming Issues ⌨️ (1:17:50) CSS Modules ⌨️ (1:28:04) Styled-Components ⌨️ (1:40:51) House Cleaning ⌨️ (1:48:33) Styles ⌨️ (1:53:05) Footer ⌨️ (1:56:31) Error Page ⌨️ (1:57:38) Contact Page ⌨️ (2:03:45) Assets And Icons ⌨️ (2:10:56) Navbar Setup ⌨️ (2:20:11) Navbar Logic ⌨️ (2:24:51) Gatsby Image Info ⌨️ (2:28:30) Sandbox Setup ⌨️ (2:34:36) Install Plugin ⌨️ (2:38:15) Static Image Setup ⌨️ (2:45:41) Shared Props And Options ⌨️ (2:50:20) Options Example ⌨️ (2:58:10) All Layouts ⌨️ (3:04:29) Height ⌨️ (3:09:04) About Page ⌨️ (3:18:56) Hero Page ⌨️ (3:25:19) Gatsby And GraphQL Intro ⌨️ (3:28:39) Gatsby DataLayer In A Nutshell ⌨️ (3:30:20) GraphiQL Interface ⌨️ (3:36:35) SiteMetadata ⌨️ (3:42:14) First Query ⌨️ (3:51:27) Explorer ⌨️ (3:53:52) Static Query Vs Page Query ⌨️ (3:55:18) UseStaticQuery Hook - Code Exporter ⌨️ (4:01:34) UseStaticQuery, GraphQL - From Scratch ⌨️ (4:12:05) Field Alias ⌨️ (4:15:06) Query Keyword, Name And Gatsby Clean ⌨️ (4:18:19) Page Query ⌨️ (4:25:20) Install SOURCE-FILESYSTEM Plugin ⌨️ (4:35:33) AllFile Field ⌨️ (4:41:50) Query Arguments ⌨️ (4:50:03) Static Path Fix ⌨️ (4:51:26) File - Field ⌨️ (4:54:48) SourceInstanceName - Argument ⌨️ (4:56:56) Gallery Setup ⌨️ (5:00:47) GatsbyImageData - Field ⌨️ (5:08:56) Render Gallery ⌨️ (5:20:41) GetImage - Helper Function ⌨️ (5:25:23) Local VS External Data ⌨️ (5:26:50) Headless CMS ⌨️ (5:28:49) Contentful ⌨️ (5:29:37) Setup Contentful Account ⌨️ (5:33:14) Content-Type ⌨️ (5:40:07) Content ⌨️ (5:47:36) Connect Gatsby - Contentful ⌨️ (5:52:36) ENV Variables ⌨️ (5:58:48) AllContentfulRecipe - Field ⌨️ (6:05:57) AllRecipes Component ⌨️ (6:15:00) RecipesList Component ⌨️ (6:26:59) Featured Recipes ⌨️ (6:37:50) Utils Setup ⌨️ (6:42:47) Helper Function ⌨️ (6:50:27) TagsList ⌨️ (6:54:14) Tags Page ⌨️ (7:00:22) Recipe Template Page Setup ⌨️ (7:04:57) Recipe Template Page Walkthrough ⌨️ (7:14:00) Slugify ⌨️ (7:18:15) Query Variables ⌨️ (7:27:05) Recipe Template Query ⌨️ (7:34:27) Recipe Template Return ⌨️ (7:46:45) GATSBY-NODE.JS Setup ⌨️ (7:50:43) Create Tag Pages Programmatically ⌨️ (8:08:36) Tag Template Return ⌨️ (8:20:07) Possible Bug Fix ⌨️ (8:26:53) Fonts ⌨️ (8:32:40) Contact Form ⌨️ (8:37:16) FAVICON ⌨️ (8:39:23) SEO Setup ⌨️ (8:45:40) SEO - Props ⌨️ (8:51:34) SEO - Complete ⌨️ (9:01:05) Netlify Info ⌨️ (9:01:58) Netlify - Drag And Drop ⌨️ (9:05:32) Continuous Deployment ⌨️ (9:14:44) Webhooks 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Linux Essentials for Ethical Hackers - Full InfoSec Course

1hvVcEhcbLM | 14 Sep 2021

Linux Essentials for Ethical Hackers - Full InfoSec Course

In this Linux course, you will learn the 20% you need to know to be efficient with Linux. This course will teach all the common Linux skills used in cyber-security and ethical hacking. HackerSploit developed this course. Check out their channel: https://www.youtube.com/HackerSploit This course applies to almost all versions of Linux. It does not cover Linux installation. Watch this video to learn how to install Arch Linux: https://www.youtube.com/watch?v=_RxT4hjLo3g ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:56) Useful keyboard Shortcuts ⌨️ (0:08:52) File Management & Manipulation ⌨️ (0:32:18) File & Directory Permissions ⌨️ (0:55:22) File & Directory Ownership ⌨️ (0:59:35) grep & piping ⌨️ (1:06:53) Finding Files With Locate ⌨️ (1:14:36) Enumerating Distribution & Kernel Information ⌨️ (1:23:30) Find + OverTheWire Bandit Challenge ⌨️ (1:39:36) Shells & Bash Configuration ⌨️ (1:49:53) Disk Usage ⌨️ (1:58:41) File Compression & Archiving With tar ⌨️ (2:05:45) Users And Groups & Permissions With Visudo ⌨️ (2:24:52) Networking (ifconfig, netstat & netdiscover) ⌨️ (2:40:46) TOR & Proxychains ⌨️ (2:47:28) Service And Process Management (HTOP & systemctl) ⌨️ (3:04:58) SSH And SSH Security ⌨️ (3:20:56) Curl Fundamentals ⌨️ (3:36:40) UFW Firewall (Uncomplicated Firewall) ⌨️ (3:59:48) How To Clear Tracks & Logs On Linux ⌨️ (4:17:43) SSH Brute Force Protection With Fail2Ban -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Solidity, Blockchain, and Smart Contract Course - Beginner to Expert Tutorial with Python

M576WGiDBdQ | 09 Sep 2021

Solidity, Blockchain, and Smart Contract Course - Beginner to Expert Tutorial with Python

This course will give you a full introduction into all of the core concepts in blockchain, smart contracts, solidity, NFTs/ERC721s, ERC20s, Coding Decentralized Finance (DeFi), python and solidity, Chainlink, Ethereum, upgradable smart contracts, and full stack blockchain development. Follow along with the videos and you'll be a blockchain wizard in no time! 💻 The repository with helpful links to all code, resources, and support forums is located here: https://github.com/smartcontractkit/full-blockchain-solidity-course-py Please reference the repo for anything you need, and feel free to leave issues, jump into the discussions, and more. ⭐️ Course Contents ⭐ ⌨️ (00:00:00) Introduction ⌨️ (00:06:33) Lesson 0: Welcome To Blockchain ⌨️ (01:31:00) Lesson 1: Welcome to Remix! Simple Storage ⌨️ (02:09:32) Lesson 2: Storage Factory ⌨️ (02:26:35) Lesson 3: Fund Me ⌨️ (03:26:48) Lesson 4: Web3.py Simple Storage ⌨️ (04:27:55) Lesson 5: Brownie Simple Storage ⌨️ (05:06:34) Lesson 6: Brownie Fund Me ⌨️ (06:11:38) Lesson 7: SmartContract Lottery ⌨️ (08:21:02) Lesson 8: Chainlink Mix ⌨️ (08:23:25) Lesson 9: ERC20s, EIPs, and Token Standards ⌨️ (08:34:53) Lesson 10: Defi & Aave ⌨️ (09:50:20) Lesson 11: NFTs ⌨️ (11:49:15) Lesson 12: Upgrades ⌨️ (12:48:06) Lesson 13: Full Stack Defi ⌨️ (16:14:16) Closing and Summary ✏️ Course developer by Patrick Collins, check out his YouTube channel for more great programming courses, blockchain education, and fun: https://www.youtube.com/c/patrickcollins Follow Patrick! 🐦Twitter: https://twitter.com/PatrickAlphaC 📺YouTube: https://www.youtube.com/channel/UCn-3f8tw_E1jZvhuHatROwA ✍️Medium: https://medium.com/@patrick.collins_58673/ 💻GitHub: https://github.com/PatrickAlphaC 🏢LinkedIn: https://www.linkedin.com/in/patrickalphac/ -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Structures and Algorithms in Python - Full Course for Beginners

pkYVOmU3MgA | 08 Sep 2021

Data Structures and Algorithms in Python - Full Course for Beginners

A beginner-friendly introduction to common data structures (linked lists, stacks, queues, graphs) and algorithms (search, sorting, recursion, dynamic programming) in Python. This course will help you prepare for coding interviews and assessments. 🔗 Course website: https://jovian.ai/learn/data-structures-and-algorithms-in-python ✏️ Created by Aakash N S, founder and CEO of Jovian. ⭐️ Course Lessons with Code ⭐️ 🟢 Lesson 1 - Binary Search, Linked Lists and Complexity 💻 Linear and Binary Search: https://jovian.ai/aakashns/python-binary-search 💻 Problem Solving Template: https://jovian.ai/aakashns/python-problem-solving-template 💻 Linked Lists in Python: https://jovian.ai/aakashns/python-classes-and-linked-lists 🟢 Assignment 1 - Binary Search Practice 💻 Starter Notebook: https://jovian.ai/aakashns/python-binary-search-assignment 🟢 Lesson 2 - Binary Search Trees, Traversals and Recursion 💻 Binary Search Trees in Python: https://jovian.ai/aakashns/python-binary-search-trees 💻 Problem Solving Template: https://jovian.ai/aakashns/python-problem-solving-template 💻 Linked Lists in Python: https://jovian.ai/aakashns/python-classes-and-linked-lists 🟢 Assignment 2 - Hash Tables and Python Dictionaries 💻 Starter Notebook: https://jovian.ai/aakashns/python-hash-tables-assignment 🟢 Lesson 3 - Sorting Algorithms and Divide & Conquer 💻 Sorting and Divide & Conquer: https://jovian.ai/aakashns/python-sorting-divide-and-conquer 💻 Problem Solving Template: https://jovian.ai/aakashns/python-problem-solving-template 🟢 Assignment 3 - Divide and Conquer Practice 💻 Starter Notebook: https://jovian.ai/aakashns/python-divide-and-conquer-assignment 🟢 Lesson 4 - Recursion and Dynamic Programming 💻 Problem-solving template: https://jovian.ai/aakashns/python-problem-solving-template 💻 Dynamic Programming problems: https://jovian.ai/aakashns/dynamic-programming-problems 🟢 Lesson 5 - Graph Algorithms (BFS, DFS & Shortest Paths) 💻 Graphs and Graph Algorithms (Starter Notebook): https://jovian.ai/aakashns/python-graph-algorithms 🟢 Project - Step-by-Step Solution to a Programming Problem 💻 Starter Notebook: https://jovian.ai/aakashns/python-problem-solving-template 🟢 Lesson 6 - Python Interview Questions, Tips & Advice 💻 Problem solving template: https://jovian.ai/aakashns/python-problem-solving-template 💻 Coding problem 1: https://jovian.ai/aakashns/python-subarray-with-given-sum 💻 Coding problem 2: https://jovian.ai/aakashns/python-minimum-edit-distance ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:01:43) Binary Search Linked Lists and Complexity ⌨️ (00:03:43) Introduction ⌨️ (00:08:35) Problem ⌨️ (00:12:17) The Method ⌨️ (00:13:55) Solution ⌨️ (00:50:52) Complexity and Big O notation ⌨️ (01:24:57) Binary Search vs Linear Search ⌨️ (01:31:40) Generic Binary Search ⌨️ (01:40:08) Summary and Conclusion ⌨️ (01:44:30) Assignment Walkthrough ⌨️ (01:45:05) Introduction ⌨️ (01:50:01) Problem- Rotated Lists ⌨️ (01:53:02) The Method ⌨️ (01:54:03) Solution ⌨️ (02:30:47) Summary and Conclusion ⌨️ (02:33:29) Binary Search Trees Python Tutorial ⌨️ (02:34:41) Introduction ⌨️ (02:37:36) Problem ⌨️ (02:38:40) The Method ⌨️ (03:13:58) Binary tree ⌨️ (03:27:16) Traversing Binary Tree ⌨️ (03:36:10) Binary Search Tree ⌨️ (04:22:37) Self-Balancing Binary Trees and AVL Trees ⌨️ (04:26:27) Summary and Conclusion ⌨️ (04:30:33) Hash Tables and Python Dictionaries ⌨️ (04:31:09) Introduction ⌨️ (04:34:00) Problem ⌨️ (04:40:28) Data List ⌨️ (04:42:52) Hash Function ⌨️ (04:54:52) Basic Hash Table Implementation ⌨️ (05:03:07) Handling Collisions with Linear Probing ⌨️ (05:09:24) Summary and Conclusion ⌨️ (05:16:47) Sorting Algorithms and Divide & Conquer ⌨️ (05:17:48) Introduction ⌨️ (05:20:19) Problem ⌨️ (05:21:27) The Method ⌨️ (06:40:49) Custom Comparison Functions ⌨️ (06:48:53) Summary and Conclusion ⌨️ (06:54:57) Recursion Memoization & Dynamic Programming ⌨️ (06:56:37) Introduction ⌨️ (07:00:04) Problem ⌨️ (07:04:28) The Method ⌨️ (07:06:21) Solution ⌨️ (08:06:13) Knapsack Problems ⌨️ (08:08:48) The Method ⌨️ (08:09:24) Solution ⌨️ (08:43:26) Summary and Conclusion ⌨️ (08:44:05) Graph Algorithms BFS, DFS & Shortest Paths ⌨️ (08:45:02) Introduction ⌨️ (08:51:00) Graph Data Structure ⌨️ (09:15:57) Graph Algorithms - Breadth-First Search ⌨️ (09:37:28) Depth-First Search ⌨️ (10:08:26) Shortest Paths ⌨️ (10:40:39) Summary and Conclusion ⌨️ (10:42:21) Python Interview Questions Tips & Advice ⌨️ (10:43:09) Introduction ⌨️ (10:44:08) The Method ⌨️ (10:47:10) Solution ⌨️ (12:30:51) Summary and Conclusion

Vue.js Course for Beginners [2021 Tutorial]

FXpIoQ_rT_c | 07 Sep 2021

Vue.js Course for Beginners [2021 Tutorial]

Learn Vue 3 by in this full course. Vue.js is an open-source model–view–view model front end JavaScript framework for building user interfaces and single-page applications. 💻 Code - Static: https://github.com/gwenf/vue3-fcc-course-static-code 💻 Code - Basic Product Cart: https://github.com/gwenf/vue3-fcc-course-basic-product-cart-demo 💻 Code - CLI Product Cart: https://github.com/gwenf/vue3-fcc-course-vue-cli-product-cart-demo ✏️ Course developed by Gwen Faraday. Check out her channel: https://www.youtube.com/c/FaradayAcademy ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:03) What is Vue.js? ⌨️ (0:05:40) Vue 3 Setup ⌨️ (0:12:17) Vue JS Directives ⌨️ (0:19:48) Events and Methods ⌨️ (1:29:20) Components ⌨️ (0:39:27) Component Props ⌨️ (1:06:09) Lifecycle Hooks ⌨️ (1:14:30) App Demo ⌨️ (1:26:45) Adding Items to Cart ⌨️ (2:15:54) Reuseable Components ⌨️ (2:26:20) Vue CLI ⌨️ (2:32:48) Vue Folder Structure ⌨️ (2:43:58) Top Nav ⌨️ (2:48:45) Styling with SASS ⌨️ (3:06:07) Sidebar ⌨️ (3:20:46) Adding Items to Cart 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Figma Course - Web Design Tutorial for Beginners

D56hs0Twfco | 01 Sep 2021

Figma Course - Web Design Tutorial for Beginners

Learn how to use Figma to design websites. 💻 Figma link: https://www.figma.com/community/file/1006624870389379433 ✏️ Course developed by Joy Shaheb. Check out his channel: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:32) Figma Setup ⌨️ (0:08:05) Left Panel ⌨️ (0:14:34) Top + right Panel ⌨️ (0:40:57) Text Tool ⌨️ (0:59:10) prototype test ⌨️ (1:03:54) Auto Layout ⌨️ (1:17:06) Layout Grid ⌨️ (1:22:27) Constraints ⌨️ (1:29:07) Components ⌨️ (1:36:54) Desktop Design ⌨️ (2:32:54) Mobile Design 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Selenium Course for Beginners - Web Scraping Bots, Browser Automation, Testing (Tutorial)

j7VZsCCnptM | 31 Aug 2021

Selenium Course for Beginners - Web Scraping Bots, Browser Automation, Testing (Tutorial)

Learn Selenium by building a web scraping bot in Python. Selenium is a powerful web automation tool that can be used for browser automation, to test front-end code, and create web scraping bots. 💻 Code: https://github.com/jimdevops19/SeleniumSeries ✏️ Course developed by JimShapedCoding. Check out his channel: https://www.youtube.com/channel/UCU8d7rcShA7MGuDyYH1aWGg ⭐️ Additional resources ⭐️ 🔗 Python Download: https://www.python.org/downloads 🔗 Pycharm Download: https://www.jetbrains.com/pycharm/download 🔗 Selenium Documentation: https://selenium-python.readthedocs.io/ 🔗 Copied and Pasted during the video: ‣ https://www.seleniumeasy.com/test/jquery-download-progress-bar-demo.html (Section 1&2) ‣ https://www.seleniumeasy.com/test/basic-first-form-demo.html (Section 3) 🔗 Chromedriver download website: https://chromedriver.storage.googleapis.com/index.html 🔗 All the Explicit waits: https://selenium-python.readthedocs.io/waits.html 🔗 My Personal website for code snippets: http://jimshapedcoding.com ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Getting Started with the basics ⌨️ (0:16:44) Explicit vs Implicit ⌨️ (0:28:11) Sending Keys & CSS Selector ⌨️ (0:43:42) Structure a Bot Project ⌨️ (1:03:13) Deal Searching ⌨️ (1:44:38) Booking Filtrations ⌨️ (2:07:24) Execution from a CLI ⌨️ (2:21:31) Deal Reporting 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Machine Learning Course for Beginners

NWONeJKn6kc | 30 Aug 2021

Machine Learning Course for Beginners

Learn the theory and practical application of machine learning concepts in this comprehensive course for beginners. 🔗 Course website with learning resources: https://antern.co/pages/ml001.html 💻 Code: https://github.com/ayush714/ML001-Project-Sources-Code-and-Learning-Materials ✏️ Course developed by Ayush Singh. Check out his channel: https://www.youtube.com/c/neweraa ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:04:34) Fundamentals of Machine Learning ⌨️ (0:25:22) Supervised Learning and Unsupervised Learning In Depth ⌨️ (0:35:39) Linear Regression ⌨️ (1:07:06) Logistic Regression ⌨️ (1:24:12) Project: House Price Predictor ⌨️ (1:45:16) Regularization ⌨️ (2:01:12) Support Vector Machines ⌨️ (2:29:55) Project: Stock Price Predictor ⌨️ (3:05:55) Principal Component Analysis ⌨️ (3:29:14) Learning Theory ⌨️ (3:47:38) Decision Trees ⌨️ (4:58:19) Ensemble Learning ⌨️ (5:53:28) Boosting, pt 1 ⌨️ (6:11:16) Boosting, pt 2 ⌨️ (6:44:10) Stacking Ensemble Learning ⌨️ (7:09:52) Unsupervised Learning, pt 1 ⌨️ (7:26:58) Unsupervised Learning, pt 2 ⌨️ (7:55:16) K-Means ⌨️ (8:20:21) Hierarchical Clustering ⌨️ (8:50:28) Project: Heart Failure Prediction ⌨️ (9:33:29) Project: Spam/Ham Detector 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Discord Chat Bot That Talks Like Your Favorite Character - Tutorial

UjDpW_SOrlw | 26 Aug 2021

Code a Discord Chat Bot That Talks Like Your Favorite Character - Tutorial

Use AI to create a Discord chat bot that talks like your favorite characters. Learn how to code it in Python and JavaScript. ✏️ This course was developed by Lynn Zheng. Check out Lynn's YouTube channel, Lynn's DevLab: https://www.youtube.com/channel/UCZ2MeG5jTIqgzEMiByrIzsw 💻 Lynn's GitHub resource for this video: https://github.com/RuolinZheng08/twewy-discord-chatbot 🔗 Lynn's personal website: https://ruolinzheng08.github.io/ freeCodeCamp tutorials referenced in this video: 🔗 https://www.freecodecamp.org/news/create-a-discord-bot-with-python/ 🔗 https://www.freecodecamp.org/news/create-a-discord-bot-with-javascript-nodejs/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:38) Gather data ⌨️ (12:27) Train the model ⌨️ (24:27) Deploy the model ⌨️ (29:42) Build the Discord bot in Python ⌨️ (41:17) Build the Discord bot in JavaScript ⌨️ (51:35) Keep the bots online 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Android Programming Course - Kotlin, Jetpack Compose UI, Graph Data Structures & Algorithms

bo_LP6QOUio | 25 Aug 2021

Android Programming Course - Kotlin, Jetpack Compose UI, Graph Data Structures & Algorithms

Create an Android app with Kotlin and Jetpack Compose UI. Learn about Graph data structures and algorithms by building a Sudoku app. ✏️ Created by Ryan M. Kay. Check out his channel: https://www.youtube.com/channel/UCSwuCetC3YlO1Y7bqVW5GHg 🎉 Ryan has a free Java course: https://www.youtube.com/watch?v=FL2SMZxNQlc 💻 Full Source Code Here:: https://github.com/BracketCove/GraphSudokuOpen/tree/master/app/src/main/java/com/bracketcove/graphsudoku 💻 Starting Point Branch Here: https://github.com/BracketCove/GraphSudokuOpen/tree/starting_point Timestamps: ⌨️ (0:00:16) Introduction & Overview: Topics, Source ⌨️ (0:02:39) App Design Approach: 3rd Party Library Minimalism & MV-Whatever Architecture ⌨️ (0:04:50) Domain package: Repository Pattern, Enum, Data Class, Sealed Class, Hash Code, Interfaces ⌨️ (0:34:39) Common package: Extension Functions & Variables, Open-Closed Principle (OCP), Abstract Class, Singleton ⌨️ (0:50:20) Persistence (Storage) package: Clean Architecture Back End w/ Java File System Storage, Jetpack Proto Datastore ⌨️ (1:28:07) UI package: Jetpack Compose UI Basics, Styles, Typography, Light & Dark Themes ⌨️ (1:39:56) UI Components package: Modifiers, Reusable Toolbar & Loading Screens ⌨️ (1:52:08) UI Active Game Feature package: Presentation Logic & ViewModel w/ Coroutines, Kotlin Function Types ⌨️ (2:30:55) UI Active Game Feature package: Sudoku Game with Jetpack Compose UI & Activity Container Note: In a larger App, I'd suggest using Fragments as Containers; didn't make sense to with this app though ⌨️ (3:15:58) Computation Logic package: Overview, design, and testing of Graph DS & Algos for n-sized *square* Sudokus 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Android Programming Course - Kotlin, Jetpack Compose UI, Graph Data Structures & Algorithms

5kb-zpQGYGk | 24 Aug 2021

Android Programming Course - Kotlin, Jetpack Compose UI, Graph Data Structures & Algorithms

Create an Android app with Kotlin and Jetpack Compose UI. Learn about Graph data structures and algorithms by building a Sudoku app. ✏️ Created by Ryan M. Kay. Check out his channel: https://www.youtube.com/channel/UCSwuCetC3YlO1Y7bqVW5GHg 🎉 Ryan has a free Java course: https://www.youtube.com/watch?v=FL2SMZxNQlc 💻 Full Source Code Here:: https://github.com/BracketCove/GraphSudokuOpen/tree/master/app/src/main/java/com/bracketcove/graphsudoku 💻 Starting Point Branch Here: https://github.com/BracketCove/GraphSudokuOpen/tree/starting_point Timestamps: ⌨️ (0:00:16) Introduction & Overview: Topics, Source ⌨️ (0:02:39) App Design Approach: 3rd Party Library Minimalism & MV-Whatever Architecture ⌨️ (0:04:50) Domain package: Repository Pattern, Enum, Data Class, Sealed Class, Hash Code, Interfaces ⌨️ (0:34:39) Common package: Extension Functions & Variables, Open-Closed Principle (OCP), Abstract Class, Singleton ⌨️ (0:50:20) Persistence (Storage) package: Clean Architecture Back End w/ Java File System Storage, Jetpack Proto Datastore ⌨️ (1:28:07) UI package: Jetpack Compose UI Basics, Styles, Typography, Light & Dark Themes ⌨️ (1:39:56) UI Components package: Modifiers, Reusable Toolbar & Loading Screens ⌨️ (1:52:08) UI Active Game Feature package: Presentation Logic & ViewModel w/ Coroutines, Kotlin Function Types ⌨️ (2:30:55) UI Active Game Feature package: Sudoku Game with Jetpack Compose UI & Activity Container Note: In a larger App, I'd suggest using Fragments as Containers; didn't make sense to with this app though ⌨️ (3:15:58) Computation Logic package: Overview, design, and testing of Graph DS & Algos for n-sized *square* Sudokus 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Programming for Beginners - How to Code Tutorial with Python and C#

__izua1kKeI | 23 Aug 2021

Programming for Beginners - How to Code Tutorial with Python and C#

This course teaches you everything you need to start programming! 💪😤 You will learn the difference between Python and C# and learn coding fundamentals. ✏️ Jabrils created this course. Check out his channel: https://www.youtube.com/c/Jabrils Resources: 💻 Code: https://github.com/Jabrils/Everything-You-Need-To-Start-Programming 📄 Matrix Quote: https://github.com/Jabrils/Everything-You-Need-To-Start-Programming/blob/master/04-01%20-%20Your%20First%20Project/matrix_quote.txt Install IDEs on Mac: 🔗 Visual Studio (Execute Automation): https://www.youtube.com/watch?v=DS4zGjyo4Zs 🔗 Visual Studio Code (Derek Banas): https://www.youtube.com/watch?v=SKV0npCFxFs ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) All my life I was told programming was hard ⌨️ (0:06:32) What is an IDE? ⌨️ (0:08:55) Installing Your First IDE ‼ (Windows) ⌨️ (0:17:29) The Differences Between C# & Python ⌨️ (0:34:44) Code Your First Program! ⌨️ (1:22:37) What Are Data Types? ⌨️ (1:26:29) What is a Bool? ⌨️ (1:44:57) What is a String? ⌨️ (2:07:14) What is a Char? ⌨️ (2:26:49) What is a Float? ⌨️ (2:42:41) What is an Array? ⌨️ (2:57:31) What is a Variable? ⌨️ (3:13:23) What is an If Statement? ⌨️ (3:21:55) What is an Else Statement? ⌨️ (3:30:11) What is an Else If Statement? ⌨️ (3:39:31) What is a For Loop? ⌨️ (3:53:36) What is a While Loop? ⌨️ (4:01:11) What is a Method? ⌨️ (4:27:40) What is a Function? ⌨️ (4:47:31) How to Comment Your Code! ⌨️ (5:03:28) You can code anything you can imagine! 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Java Native Interface (28-Hour Course)

pyXnX2SEaFc | 19 Aug 2021

Java Native Interface (28-Hour Course)

Become an expert the Java Native Interface with this 28-hour course. Watch part 2 here: https://youtu.be/tEtP10aa0Kg Java for Engineers developed this course. Check out their channel: https://www.youtube.com/channel/UCh2548c9mDuuVrillFD7PVw ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction to Java Native Interface (JNI) ⌨️ (00:19:17) A Simple Java/C++ Project in NetBeans IDE ⌨️ (00:34:14) A Closer Look at JNI Header Files ⌨️ (01:06:36) Setting up C/C++ Development in Eclipse IDE ⌨️ (01:35:49) Configuring External Tool to Generate Header Files ⌨️ (01:59:34) Exporting Java Project to jar File With Dynamic Libraries ⌨️ (02:20:55) Configuring External Tool for JDK 9 or Later ⌨️ (02:32:59) Overloading Native Methods ⌨️ (02:57:45) Overriding Native Methods ⌨️ (03:13:17) Signature of Overloaded Native Methods in C++ (Part 1) ⌨️ (03:45:23) Signature of Overloaded Native Methods in C++ (Part 2) ⌨️ (04:05:44) Order of Execution for Static Initializers in the Class Hierarchy ⌨️ (04:26:27) Working with JNI Primitive Types ⌨️ (04:59:56) Working with Primitive Arrays ⌨️ (05:33:52) Working with Object Arrays ⌨️ (06:21:03) Working with Strings ⌨️ (07:03:49) Accessing Instance Fields of a Java Class in C/C++ ⌨️ (07:43:28) Accessing Static Fields of a Java Class in C/C++ ⌨️ (08:09:54) Setting Fields of Java Class in C++ ⌨️ (08:36:49) Local Caching of Field IDs in C++ ⌨️ (09:08:13) Global Caching of Field IDs in C++ ⌨️ (09:41:41) Calling Instance Methods of a Java Class in C/C++ ⌨️ (10:18:37) Calling Static Methods of a Java Class in C/C++ ⌨️ (10:52:33) Calling Methods of a Java Interface in C++ ⌨️ (11:21:05) Creating and Returning Java Objects from C++ Code ⌨️ (11:51:21) Downloading and Installing GNU Scientific Library (GSL) ⌨️ (12:11:55) A Simple Example of Java/C++ Library Linking ⌨️ (12:32:12) Working with Boxed Primitives (Wrappers) and List E in C++ ⌨️ (12:59:01) Nonvirtual Call of Methods of a Java Class in C++ ⌨️ (13:28:10) Linking Against Static C++ Libraries The following sections are in part 2: https://youtu.be/tEtP10aa0Kg ⌨️ Working with Generic (Parameterized) Methods ⌨️ Working with Generic (Template) Classes ⌨️ Working with Java Reflection API (Method & Field) in C++ ⌨️ Working with Java Constants (static final) in C++ ⌨️ Using Fortran Libraries ⌨️ Generating Header files for Nested Inner Classes ⌨️ Instantiating Nested Inner Classes in C++ ⌨️ Implementing Native Methods of Inner Classes ⌨️ Implementing Native Methods of Method-Local Inner Classes ⌨️ Managing Native Resources with JNI ⌨️ Resolving Native File Stream Conflicts ⌨️ Working with Standard Input ⌨️ Working with Standard Output ⌨️ The "auto" Keyword in C++ ⌨️ Don't Locally Cache jclass When Creating New Objects in C++ ⌨️ JNI Development on Windows Operating System ⌨️ C++ Debug vs. Release Compilation Mode ⌨️ Working with Maven Build ⌨️ Distributing C++ Source Code of JNI Project ⌨️ JNI Development on Linux Operating System ⌨️ Implementing Native Methods of Anonymous Classes ⌨️ Regular vs. Critical Access to Primitive Arrays in C++ ⌨️ Regular vs. Critical Access to Java Strings in C++ ⌨️ Creating and Working With an "Unsafe" Class ⌨️ The Power of "RegisterNatives" Function of JNI ⌨️ Working with JNI Without Creating Any Header Files ⌨️ Solving the Refactoring Problem Once and For All ⌨️ Using JAR files in C++ ⌨️ Understanding javap tool ⌨️ C++ Classes and Structs in Java ⌨️ Handling Java Exceptions 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Django and Google APIs - Project Tutorial

_vCT42vDfgw | 17 Aug 2021

Python Django and Google APIs - Project Tutorial

Learn how to build a Python Django app that uses multiple Google APIs in this full course. ✏️ Course created by Bobby Stearman from Did Coding. Check out his channel: https://www.youtube.com/channel/UCitbHjDxcR3JBErnRLCuYkw/ 💻 Code: https://github.com/bobby-didcoding/did_django_google_api_tutorial ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:23) Application walkthrough ⌨️ (0:04:01) Course syllabus ⌨️ (0:04:22) Section 1: Setting up and enabling Google API's ⌨️ (0:14:43) Section 2: Setting up Python and Django ⌨️ (0:33:53) Section 3: Backend development such as models, views and urls ⌨️ (1:14:18) Section 4: Front end development such as HTML and JavaScript ⌨️ (2:08:15) Section 5: Testing our new app 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Sheets - Full Course

N2opj8XzYBY | 16 Aug 2021

Google Sheets - Full Course

Learn how to use Google Sheets to create spreadsheets and work with data. 💻 Download course files: https://drive.google.com/drive/folders/1iDnxkyh4fx_55adKMQrt0Q8u544fxenZ?usp=sharing ✏️ Course created by Barton Poulson from datalab.cc. 🔗 Check out the datalab.cc YouTube channel: https://www.youtube.com/user/datalabcc 🔗 Watch more free data science courses at http://datalab.cc/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

FastAPI Course for Beginners

tLKKmouUams | 12 Aug 2021

FastAPI Course for Beginners

This video is a full FastAPI crash course. In the course, you will learn everything you need to know to start building APIs using FastAPI. ✏️ Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi 🔗 Download a free FastAPI Cheat Sheet - https://codewithtomi.eo.page/nnr3t 🔗 Join Code With Tomi's Discord Server - https://discord.gg/cjqNBHHhKV 🔗 Twitter: https://twitter.com/TomiTokko3 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:10) Installation and Creating Your First API ⌨️ (0:15:35) Path Parameters ⌨️ (0:27:24) Query Parameters ⌨️ (0:37:36) Combining Path and Query Parameters ⌨️ (0:39:50) Request Body and The Post Method ⌨️ (0:46:58) Put Method ⌨️ (1:00:26) Delete Method 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Advanced OpenGL - Crash Course

GJFHqK_-ARA | 11 Aug 2021

Advanced OpenGL - Crash Course

OpenGL can be used to create complex graphics effects. This advanced OpenGL course from Victor Gordan will take your skills to the next level. ✏️ Course by Victor Gordan. Check out his channel: https://www.youtube.com/channel/UC8WizezjQVClpWfdKMwtcmw 💻 Code: https://github.com/VictorGordan/opengl-tutorials 🎥 Basic OpenGL Course: https://www.youtube.com/watch?v=45MIykWJ-C4 🔗 OpenGL Documentation: https://www.khronos.org/registry/OpenGL-Refpages/gl4/ 🔗 OpenGL Wiki: https://www.khronos.org/opengl/wiki/Main_Page 🔗 HDRI to Cubemap converter: https://matheowis.github.io/HDRI-to-CubeMap/ ⌨️ (00:10) Introduction ⌨️ (00:32) The Depth Buffer ⌨️ (05:12) The Stencil Buffer ⌨️ (13:31) Face Culling ⌨️ (17:62) Transparency & Blending ⌨️ (22:58) The Framebuffer ⌨️ (28:46) Cubemaps & Skyboxes ⌨️ (34:52) The Geometry Shader ⌨️ (40:23) Instancing ⌨️ (45:17) Anti-Aliasing ⌨️ (49:38) Ending 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Big O Notation - Full Course

Mo4vesaut8g | 10 Aug 2021

Big O Notation - Full Course

This course will teach you how to understand and apply the concepts of Big O Notation to Software Engineering. Big-O notation is a way to describe how long an algorithm takes to run or how much memory is used by an algorithm. ✏️ This course was developed by selikapro. Check out his channel: https://www.youtube.com/channel/UC5UgemAz061hkjTFHOfxNpg 🔗 Twitter: https://twitter.com/selikapro 🔗 Instagram: https://www.instagram.com/selikapro ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:39) What Is Big O? ⌨️ (0:07:08) O(n^2) Explanation ⌨️ (0:14:06) O(n^3) Explanation ⌨️ (0:26:29) O(log n) Explanation Recursive ⌨️ (0:31:12) O(log n) Explanation Iterative ⌨️ (0:36:08) O(log n) What Is Binary Search? ⌨️ (0:41:30) O(log n) Coding Binary Search ⌨️ (0:58:12) O(n log n) Explanation ⌨️ (1:02:50) O(n log n) Coding Merge Sort ⌨️ (1:17:04) O(n log n) Merge Sort Complexity Deep Dive ⌨️ (1:28:06) O(2^n) Explanation With Fibonacci ⌨️ (1:36:02) O(n!) Explanation ⌨️ (1:47:19) Space Complexity & Common Mistakes ⌨️ (1:55:53) End 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Cloud Digital Leader Certification Course - Pass the Exam!

UGRDM86MBIQ | 09 Aug 2021

Google Cloud Digital Leader Certification Course - Pass the Exam!

Prepare for the Google Cloud Digital Leader Certification and pass! ✏️ Developed by Andrew Brown of ExamPro. 🔗 https://www.youtube.com/ExamProChannel 🔗 https://www.exampro.co ☁️ Intro 🎤 0:00:00 Intro 🎤 0:13:29 Exam Guide Breakdown 🎤 0:22:11 Additional GCP Resources ☁️ Cloud Concepts 🎤 0:23:12 What Is Cloud Computing 🎤 0:24:05 Evolution of Cloud Hosting 🎤 0:27:19 What is Google Cloud 🎤 0:31:55 Benefits of Cloud Computing 🎤 0:36:22 Common Cloud Services 🎤 0:38:18 Types of Cloud Computing 🎤 0:40:42 Shared Responsibility Model 🎤 0:43:48 Shared Responsibility Model for Compute 🎤 0:49:50 Shared Responsibility Model Alternates 🎤 0:53:03 Cloud Computing Deployment Models 🎤 0:56:44 TCO and Capex Vs Opex 🎤 1:00:48 Cloud Architecture Terminologies 🎤 1:05:29 Evolution of Computing ☁️ Global Infrastructure 🎤 1:10:39 Intro to Global Infrastructure 🎤 1:11:18 Regions 🎤 1:12:42 Edge Network 🎤 1:14:18 Zones 🎤 1:15:40 Resource Scoping 🎤 1:17:13 Data Residency 🎤 1:18:49 Cloud Interconnect 🎤 1:20:58 Cloud for government 🎤 1:23:08 Latency ☁️ Digital Transformation 🎤 1:24:56 Innovation Waves 🎤 1:26:20 Burning Platform 🎤 1:27:10 Evolution of Computing Power 🎤 1:29:33 Digital Transformation 🎤 1:30:45 Cloud Solution Pillars ☁️ Google Cloud Tools 🎤 1:35:06 Google Cloud Console 🎤 1:35:57 Cloud SDK 🎤 1:36:42 Cloud CLI 🎤 1:37:22 Cloud Shell 🎤 1:37:57 Projects and Folders ☁️ Google Cloud Adoption Framework 🎤 1:39:38 Intro to GCAF 🎤 1:40:48 Themes 🎤 1:42:19 Phases 🎤 1:43:57 Cloud Maturity Scale 🎤 1:47:57 Epics and Programs 🎤 1:50:16 TAM 🎤 1:51:02 Cloud Maturity Assessment ☁️ Core Services 🎤 1:51:45 Compute Svcs 🎤 1:54:02 App Engine 🎤 1:57:22 Containers Svcs 🎤 1:59:19 Kubernetes 🎤 2:00:55 Databases Svcs 🎤 2:03:40 Database 🎤 2:04:40 Data Warehouse 🎤 2:06:01 Key Value Store 🎤 2:07:23 Document Store 🎤 2:08:14 Serverless Svcs 🎤 2:10:27 Storage 🎤 2:13:13 Cloud Storage 🎤 2:16:14 Networking Svcs 🎤 2:19:50 More Networking Svcs 🎤 2:22:11 Networking VPC Features ☁️ More Services 🎤 2:24:09 Internal 🎤 2:25:41 Apigee 🎤 2:27:14 API Management 🎤 2:29:03 Data Analytics 🎤 2:31:07 Dataproc Dataflow Cloud Data Fusion 🎤 2:34:09 Developer Tools 🎤 2:37:02 Hybrid and Multi 🎤 2:39:34 Internet of Things 🎤 2:40:34 Cloud Deployment Manager 🎤 2:41:40 Media and Gaming 🎤 2:42:50 Operations Suite 🎤 2:43:53 Other Group Products 🎤 2:44:31 Firebase ☁️ Migration Services 🎤 2:45:38 Migration Svcs 🎤 2:47:03 Types of Migration 🎤 2:49:21 Migration Path 🎤 2:56:37 Migrate for Compute Engine 🎤 2:57:35 Anthos 🎤 2:58:40 Migrate for Anthos 🎤 2:59:50 Storage Transfer Service 🎤 3:01:06 Transfer Appliance ☁️ AI and ML 🎤 3:03:12 Vertex AI Overview 🎤 3:07:54 Tensorflow 🎤 3:09:22 AI Platform and AutoML 🎤 3:10:49 ML Compute and Notebooks 🎤 3:13:01 AI Svcs 🎤 3:14:32 Conversational AI ☁️ Security 🎤 3:15:54 Identity Access and Security Svcs 🎤 3:18:42 User Protection Svcs 🎤 3:19:21 Secure by Design Infrastructure 🎤 3:21:36 Compliance Reports Manager 🎤 3:22:10 Compliance Programs 🎤 3:25:52 Google Privacy and Transparency 🎤 3:27:44 Cloud Armor 🎤 3:29:35 Private Catalog 🎤 3:30:25 Security Command Center 🎤 3:31:22 DLP 🎤 3:32:41 BeyondCorp 🎤 3:35:45 Access Context Manager 🎤 3:36:55 VPC Service Controls 🎤 3:37:51 Cloud IAP 🎤 3:38:48 BeyondCorp Enterprise ☁️ Identity 🎤 3:40:05 Directory Service 🎤 3:41:36 Cloud Identity 🎤 3:45:25 Active Directory 🎤 3:50:09 Managed Service for Microsoft Active Directory 🎤 3:51:40 Identity Providers 🎤 3:53:13 SSO 🎤 3:54:09 LDAP 🎤 3:55:38 GCDS ☁️ Support 🎤 3:56:05 SLAs 🎤 3:57:56 GCP SLAs 🎤 4:00:13 Support Plans 🎤 4:03:51 Active Assist 🎤 4:04:44 Cloud Support API 🎤 4:05:41 Third Party Technology Support 🎤 4:07:50 Technical Account Advisor Service 🎤 4:08:48 Assured Support 🎤 4:09:40 Mission Critical Services 🎤 4:10:52 Cloud Aware Support 🎤 4:11:28 Operational Health Reviews 🎤 4:12:03 Event Management Service 🎤 4:12:48 Training Credits 🎤 4:14:12 New Product Previews 🎤 4:15:37 TAM ☁️ Billing 🎤 4:16:57 Billing Account 🎤 4:19:13 Billing and Payment types 🎤 4:20:59 Charging Cycle 🎤 4:21:46 Cloud Billing IAM Roles 🎤 4:23:02 Billing Health Check and Budget Alerts 🎤 4:24:39 Built in Billing Reports 🎤 4:25:32 Billing Reports 🎤 4:26:33 Cost Table Reports 🎤 4:27:23 Cost Breakdown Report 🎤 4:28:20 Pricing Report ☁️ Pricing 🎤 4:29:07 Pricing Overview 🎤 4:30:32 Free Trial and Free Tier 🎤 4:36:56 On Demand 🎤 4:37:39 Committed Use Discounts 🎤 4:38:56 Sustained Use Discounts 🎤 4:41:14 Flat Rate Pricing 🎤 4:42:08 Sole Tenant Node Pricing 🎤 4:43:20 Google Pricing Calculator ☁️ Resource Hierarchy 🎤 4:43:59 Resource Hierarchy 🎤 4:46:43 Environment Oriented Hierarchy 🎤 4:47:16 Function Oriented Hierarchy 🎤 4:48:11 Granular Access Oriented Hierarchy ☁️ Follow Along 🎤 4:49:26 Create Folders and Projects 🎤 4:54:54 Billing Overview 🎤 4:59:30 Create a Compute Engine 🎤 5:19:17 Create an SQL Server 🎤 5:34:53 Run an app on App Engine 🎤 5:48:11 Create a bucket on Cloud Storage 🎤 5:52:00 Run a query on BigQuery 🎤 5:54:26 Vertex AI ☁️ Booking Your Exam 🎤 6:06:13 Booking Your Exam

HTML Crash Course for Beginners

916GWv2Qs08 | 05 Aug 2021

HTML Crash Course for Beginners

Learn the basics of HTML in this crash course. ✏️ This course was developed by Beau Carnes. 🐈 cats.jpg: https://cdn.freecodecamp.org/youtube/html-course/cats.jpg 🍝 lasagna.jpg: https://cdn.freecodecamp.org/youtube/html-course/lasagna.jpg 💻 Code: https://github.com/freeCodeCamp/cdn/blob/main/build/youtube/html-course/index.html 🔗 Sign up for Hostinger here: https://www.hostinger.com/getstarted 🎉 Thanks to Hostinger for providing a grant that made this course possible. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:38) Choosing a code editor ⌨️ (04:27) Basic HTML file ⌨️ (05:02) Elements and Tags ⌨️ (07:05) Headers ⌨️ (08:34) Paragraphs ⌨️ (09:55) Comments ⌨️ (10:45) Content Area Tags ⌨️ (13:10) Images ⌨️ (16:00) Links ⌨️ (19:54) Unordered Lists ⌨️ (22:08) Ordered Lists ⌨️ (24:24) Forms and Input Elements ⌨️ (36:45) Div Elements ⌨️ (38:57) Footer Section ⌨️ (41:06) Head Section ⌨️ (41:27) Website Title ⌨️ (42:23) Deploying Website with Hostinger 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Graph Algorithms for Technical Interviews - Full Course

tWVWeAqZ0WU | 04 Aug 2021

Graph Algorithms for Technical Interviews - Full Course

Learn how to implement graph algorithms and how to use them to solve coding challenges. ✏️ This course was developed by Alvin Zablan from Structy. Check out Alvin's channel: https://www.youtube.com/c/AlvinTheProgrammer 🔗 Learn data structures and algorithms: https://structy.net/ ⭐️ ourse Contents ⭐️ ⌨️ (0:00:15) course introduction ⌨️ (0:02:23) graph basics ⌨️ (0:07:10) depth first and breadth first traversal ⌨️ (0:29:13) has path - https://structy.net/problems/has-path ⌨️ (0:42:11) undirected path - https://structy.net/problems/undirected-path ⌨️ (1:00:44) connected components count - https://structy.net/problems/connected-components-count ⌨️ (1:13:29) largest component - https://structy.net/problems/largest-component ⌨️ (1:24:03) shortest path - https://structy.net/problems/shortest-path ⌨️ (1:39:36) island count - https://structy.net/problems/island-count ⌨️ (1:58:52) minimum island - https://structy.net/problems/minimum-island ⌨️ (2:12:05) outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Dictionary with React and Material UI - Tutorial

ToXna81iij0 | 03 Aug 2021

Code a Dictionary with React and Material UI - Tutorial

Learn to create a Dictionary App using React JS and Material UI with support of over 12 languages. 💻 Source Code: https://github.com/piyush-eon/react-dictionary-wordhunt 🔗 Live Site: https://word-hunt.netlify.app/ ✏️ Course developed by Roadside Coder. Check out his channel: https://www.youtube.com/c/RoadsideCoder ⭐️ Resources ⭐️ 🔗 Dictionary API (Website): https://dictionaryapi.dev/ 🔗 Dictionary API (API): https://api.dictionaryapi.dev/api/v2/entries/${category}/${word} 🔗 PNG to Favicon Convertor: https://favicon.io/favicon-converter/ 🔗 Generate Maskable Icon: https://maskable.app/editor 🔗 Image Resizer: https://imageresizer.com/ 🔗 Manifest.json Generator: https://app-manifest.firebaseapp.com/ ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:00:38) Project Overview ⌨️ (00:01:59) Initialize New React App ⌨️ (00:02:47) Google Dictionary API ⌨️ (00:03:36) Material UI Intro ⌨️ (00:06:21) Install Material UI ⌨️ (00:07:14) Building The App ⌨️ (01:17:45) Deploying to Netlify ⌨️ (01:18:51) What is PWA? ⌨️ (01:19:19) Converting Dictionary into a PWA ⌨️ (01:38:15) Testing the Final PWA ⌨️ (01:39:14) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How does the internet work? (Full Course)

zN8YNNHcaZc | 02 Aug 2021

How does the internet work? (Full Course)

This course will help someone with no technical knowledge to understand how the internet works and learn fundamentals of computer networking. Test your knowledge with these questions for each section of the course: https://drive.google.com/drive/folders/16vXKAr0mat33WTSZQyrQZiYw23wfpTDr?usp=sharing ✏️ Course developed by Ian Frost. Check out more of his courses on Udemy: https://www.udemy.com/user/ian-frost-9/ 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reinforcement Learning Course: Intro to Advanced Actor Critic Methods

K2qjAixgLqk | 30 Jul 2021

Reinforcement Learning Course: Intro to Advanced Actor Critic Methods

Actor critic methods are used in machine learning. They are most useful for applications in robotics as they allow us to output continuous, rather than discrete actions. This enables control of electric motors to actuate movement in robotic systems, at the expense of increased computational complexity. 💻 Code for the algorithms covered: 🔗 Actor Critic: https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/actor_critic/tensorflow2 🔗 Deep Deterministic Policy Gradients (DDPG): https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/DDPG/tensorflow2/pendulum 🔗 Twin Delayed Deep Deterministic Policy Gradients (TD3): https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/TD3/tf2 🔗 Proximal Policy Optimization (PPO): https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/PPO/torch 🔗 Soft Actor Critic (SAC): https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/SAC/tf2 🔗 Asynchronous Advantage Actor Critic (A3C): https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning/PolicyGradient/A3C/pytorch ✏️ Course from Phil Tabor. For more deep reinforcement learning tutorials check out his channel at: https://www.youtube.com/machinelearningwithphil ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:03) Actor Critic (TF2) ⌨️ (0:44:50) DDPG (TF2) ⌨️ (1:52:36) TD3 (TF2) ⌨️ (3:08:29) PPO (PyTorch) ⌨️ (4:03:16) SAC (TF2) ⌨️ (5:09:28) A3C (PyTorch) ⭐️ Software requirements ⭐️ Python 3.x box2d-py 2.3.8 gym 0.15.4 matplotlib 3.1.1 numpy 1.18.1 pybullet 2.8.5 torch 1.4.0 tensorflow-gpu 2.3.1 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deploy 12 apps to AWS, Azure, & Google Cloud

-ANCcFQBk6I | 29 Jul 2021

Deploy 12 apps to AWS, Azure, & Google Cloud

Learn how to deploy 12 different apps to 3 different cloud services. ✏️ This course was created by Scalable Scripts. Check out their channel: https://www.youtube.com/c/ScalableScripts ⌨️ (0:00:00) Intro ⌨️ (0:00:37) Dockerize a React app ⌨️ (0:08:57) Dockerize a NodeJS app ⌨️ (0:13:40) Dockerize a VueJS app ⌨️ (0:20:00) Dockerize a NestJS app ⌨️ (0:26:26) Dockerize an Angular app ⌨️ (0:35:00) Dockerize a Golang app ⌨️ (0:41:23) Dockerize a Svelte app ⌨️ (0:47:27) Dockerize a Django app ⌨️ (0:52:12) Dockerize a Laravel app ⌨️ (0:56:32) Dockerize a .NET Core app ⌨️ (1:03:41) Dockerize a Spring Boot app with Kotlin ⌨️ (1:11:20) Dockerize a Deno app ⌨️ (1:16:33) Deploy a Container to AWS ⌨️ (1:25:22) Deploy a Container to Azure ⌨️ (1:32:32) Deploy a Container to Google Cloud 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Solve Coding Interview Backtracking Problems - Crash Course

A80YzvNwqXA | 28 Jul 2021

Solve Coding Interview Backtracking Problems - Crash Course

Master the backtracking problem and solve two LeetCode hard problems in this crash course. ✏️ This course was developed by Lynn Zheng. Check out Lynn's YouTube channel, Lynn's DevLab: https://www.youtube.com/channel/UCZ2MeG5jTIqgzEMiByrIzsw 💻 Lynn's GitHub resource for this video: https://gist.github.com/RuolinZheng08/cdd880ee748e27ed28e0be3916f56fa6 🔗 Lynn's personal website: https://ruolinzheng08.github.io/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:01) Intro to the template ⌨️ (08:30) Solve N-Queens ⌨️ (20:28) Solve Sudoku ⌨️ (33:48) Recap -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Flexbox Crash Course

tXIhdp5R7sc | 22 Jul 2021

CSS Flexbox Crash Course

Master CSS Flexbox from scratch. ✏️ Course created by DevArsenal Official. Check out their channel: https://www.youtube.com/channel/UCYxEg1iFtzZykKtaaSU16tg 🔗 The creator has a full CSS and HTML course on Udemy: https://www.udemy.com/course/beginner-to-advanced-html5-css3/?couponCode=GREAT_DISCOUNT 😀 Coupon Code: GREAT_DISCOUNT Cheat Sheets: 🔗 https://www.dropbox.com/s/zuki7ssr385dz1l/A%20-%20Container%20Properties.pdf?dl=0 🔗 https://www.dropbox.com/s/5c1a46kavp0jtgg/B%20-%20Child%20Properties.pdf?dl=0 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Low-Code Tutorial – Build 3 Financial Apps (Full Course)

skq7E2xS1Bo | 21 Jul 2021

Low-Code Tutorial – Build 3 Financial Apps (Full Course)

Learn how to build 3 financial apps using low-code solutions from Ania - an ex-financial Broker turned Software Developer. ✏️ You can follow course creator Ania Kubów on her channel: https://www.youtube.com/aniakubow ⭐️ Timestamps ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:53) Course Outline ⌨️ (0:02:45) Low-Code vs No-Code ⌨️ (0:04:17) Retool and Compatible Integrations ⌨️ (0:04:48) Building a Trade Dashboard ⌨️ (0:05:34) Integrating Google Sheets ⌨️ (0:59:22) Using Slack API ⌨️ (1:12:48) Building a Crypto Dashboard ⌨️ (1:13:12) Integrating a REST API ⌨️ (1:33:45) Using Twilio API ⌨️ (1:51:51) Building a Invoice Tracker ⌨️ (1:52:15) Integrating an external database ⌨️ (1:52:32) Getting data using GraphQL ⌨️ (2:19:29) Embedding external videos ⌨️ (2:22:03) Adding data using GraphQL ⌨️ (2:38:46) Updating data using GraphQL ⌨️ (2:42:42) Where to go next? 🔗 Readable Data for Project 1: https://docs.google.com/spreadsheets/d/1IxQ7gykdW46ox7ryAufAHUlUY1c8OWMhP_RF-X1YfoE/edit?usp=sharing 🎉 Thanks to Retool for providing a grant to make this course possible. 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MySQL Database - Full Course

ER8oKX5myE0 | 20 Jul 2021

MySQL Database - Full Course

Learn about MySQL Database in this full tutorial course for beginners. This course teaches you not just SQL basics, but it also goes into key database concepts such as Data Modeling, Locks, Indexes, Data Modeling, SQL Explain, and more. 🔗 Tips and Resources: https://docs.google.com/document/d/1tDPgLoE1SakXJlwBF283nG12iUaBVy-OngmFaC4KHbI/edit 💻 GIT Repo with mysql scripts: https://github.com/jmbharathram/executeoncommand/tree/master/mysql ✏️ Course created by Execute on Command. Check out their channel: https://www.youtube.com/channel/UCwfA8RML42R-a65NRA4MQ2A ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:03) How to create an AWS EC2 Instance ⌨️ (0:07:47) How to install MySQL database ⌨️ (0:15:43) Data Modeling ⌨️ (0:42:04) SQL Basics - Creating a Table ⌨️ (0:44:41) SQL Basics - Inserting data ⌨️ (0:49:11) SQL Basics - Updating and Deleting Data ⌨️ (0:54:53) SQL Basics - Reading data (Select statements) ⌨️ (0:57:53) SQL Joins ⌨️ (1:02:06) Transaction Isolation Levels ⌨️ (1:15:18) Table Level Locks ⌨️ (1:27:11) Row Level Locks ⌨️ (1:35:38) Database Deadlocks ⌨️ (1:40:19) Clustered Indexes ⌨️ (1:51:06) SQL Explain 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Recursion in Programming - Full Course

IJDJ0kBx2LM | 19 Jul 2021

Recursion in Programming - Full Course

Recursion is a powerful technique that helps us bridge the gap between complex problems being solved with elegant code. Within this course, we will break down what recursion is, why you would and wouldn’t want to use it and look at a variety of examples for how it can be used. We’ll break down recursion with all sorts of data-structures, animations, debugging and call-stack analysis to get a deeper understanding to these principles. The code is written in Java, but the principles are agnostic to any language. ✏️ This course was developed by The Simple Engineer. Find him online: 🔗 https://linkedin.com/in/schachte 🔗 https://youtube.com/TheSimpleEngineer 🔗 https://twitter.com/TheSimpEngineer ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:42) What Is Recursion? ⌨️ (0:00:50) Explaining Recursion via ATM Analogy ⌨️ (0:04:56) Explaining Recursion via Essay Revision Analogy ⌨️ (0:06:22) Summarizing What Recursion Is ⌨️ (0:07:15) Why & Why Not Recursion ⌨️ (0:10:57) Understanding The Call Stack ⌨️ (0:11:32) Call Stack Analogy ⌨️ (0:16:35) Recursion With Strings Introduction ⌨️ (0:16:50) String Reversal Explanation ⌨️ (0:20:47) String Reversal Call Stack Animation ⌨️ (0:22:59) Palindrome Explanation ⌨️ (0:25:46) Palindrome Call Stack Animation ⌨️ (0:27:46) Recursion With Numbers ⌨️ (0:28:02) Decimal To Binary Explanation ⌨️ (0:31:12) Decimal To Binary Code & Debug ⌨️ (0:34:33) Sum of Natural Numbers Explanation ⌨️ (0:36:17) Sum of Natural Numbers Code & Debug ⌨️ (0:38:51) Divide & Conquer Algorithms ⌨️ (0:39:27) Binary Search Animation & Explanation ⌨️ (0:43:50) Fibonacci Explanation ⌨️ (0:45:54) Fibonacci Animation ⌨️ (0:49:07) Merge Sort Explanation & Animation ⌨️ (0:53:21) Merge Sort Code & Debug ⌨️ (1:09:36) Linked Lists ⌨️ (1:09:49) Linked List Reversal Animation ⌨️ (1:14:48) Linked List Code & Debug ⌨️ (1:19:52) Merge Two Sorted Linked Lists Animation ⌨️ (1:25:53) Merge Two Sorted Linked Lists Code & Debug ⌨️ (1:29:02) Trees ⌨️ (1:29:14) Insert Value Into Binary Search Tree Animation ⌨️ (1:31:32) Insert Value Into Binary Search Tree Code Walkthrough ⌨️ (1:33:43) Insert Value Into Binary Search Tree Call Stack Animation ⌨️ (1:35:11) Print All Leaf Nodes Explanation ⌨️ (1:37:02) Print All Leaf Nodes Code & Debug ⌨️ (1:41:09) Graphs ⌨️ (1:41:21) Depth-First Search Animation ⌨️ (1:42:58) Depth-First Search Code Walkthrough ⌨️ (1:45:38) Recursion Optimizations ⌨️ (1:45:44) Memoization & Caching ⌨️ (1:47:59) Tail-Call Recursion ⌨️ (1:50:48) Conclusion 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse 👾 AppWrite -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

FARM Stack Course - FastAPI, React, MongoDB

OzUzrs8uJl8 | 15 Jul 2021

FARM Stack Course - FastAPI, React, MongoDB

The FARM stack is FastAPI, React, and MongoDB. It is a simpler form of the MERN stack that can make developing apps even faster. In this course, you will learn how to create a basic CRUD application using the FARM stack. ✏️ Bek Brace developed this course. Check out his channel: https://www.youtube.com/channel/UC7EVSn5inapL20oPSwAwEUg 💻 Code: https://github.com/BekBrace/FARM-Stack-Course ⭐️ Course Contents ⭐️ ⌨️ (00:00) FARM STACK Explained (Theory) ⌨️ (11:20) Backend build (FastAPI) ⌨️ (39:39) MongoDB Queries ⌨️ (42:15) Frontend Design ⌨️ (58:03) App Testing -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

PySpark Tutorial

_C8kWso4ne4 | 14 Jul 2021

PySpark Tutorial

Learn PySpark, an interface for Apache Spark in Python. PySpark is often used for large-scale data processing and machine learning. 💻 Code: https://github.com/krishnaik06/Pyspark-With-Python ✏️ Course from Krish Naik. Check out his channel: https://youtube.com/user/krishnaik06 ⌨️ (0:00:10) Pyspark Introduction ⌨️ (0:15:25) Pyspark Dataframe Part 1 ⌨️ (0:31:35) Pyspark Handling Missing Values ⌨️ (0:45:19) Pyspark Dataframe Part 2 ⌨️ (0:52:44) Pyspark Groupby And Aggregate Functions ⌨️ (1:02:58) Pyspark Mlib And Installation And Implementation ⌨️ (1:12:46) Introduction To Databricks ⌨️ (1:24:65) Implementing Linear Regression using Databricks in Single Clusters -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Git Branches Tutorial

e2IbNHi4uCI | 13 Jul 2021

Git Branches Tutorial

Branches are one of Git's most important concepts. And to master Git, it's essential to have a thorough understanding of how branches work. In this course, we'll look at the many actions you can perform around branches - from creating and deleting them all the way to publishing, renaming, and comparing them. ✏️ This course was created by Tobias Günther from Tower. Tower creates a powerful Git desktop GUI for Mac and Windows. You can download it here: https://www.git-tower.com Note: This course focuses on using Git with the command line. You do NOT need Tower or any other GUI software to follow along. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:46) Hosted by Tower ⌨️ (01:27) Branches as a core concept in Git ⌨️ (01:51) Core concepts: the HEAD branch ⌨️ (02:25) Core concepts: local vs. remote branches ⌨️ (03:04) Creating new branches ⌨️ (05:21) Switching branches ⌨️ (07:26) Renaming branches ⌨️ (10:29) Publishing branches ⌨️ (12:10) Tracking branches ⌨️ (17:25) Pulling + pushing branches ⌨️ (20:22) Deleting branches ⌨️ (24:15) Merging branches ⌨️ (26:52) Rebasing branches ⌨️ (30:20) Comparing branches ⌨️ (32:30) Working with Branches Cheat Sheet: a handy resource for your daily work, free to download (www.bit.ly/git-branches-cheatsheet) -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SPSS for Beginners - Full Course

ZpwZS3XnEZA | 12 Jul 2021

SPSS for Beginners - Full Course

SPSS Statistics is a software package used for interactive, or batched, statistical analysis. Learn how to use it in this full course. 💻 Download course files here: https://drive.google.com/drive/folders/1LCtTh6Gt2PqFSLlUt_z2Mhu3Ha-KFujT ✏️ Course created by Barton Poulson from datalab.cc. 🔗 Check out the datalab.cc YouTube channel: https://www.youtube.com/user/datalabcc 🔗 Watch more free data science courses at http://datalab.cc/ ⭐️ Course Contents ⭐️ (0:00:00) Welcome (0:02:33) Versions, Editions, & Modules (0:08:10) Taking a Look (0:15:20) Sample Data (0:19:10) Graph board Templates (0:28:17) Bar Charts (0:34:00) Histograms (0:37:30) Scatterplots (0:44:30) Frequencies (0:53:00) Descriptives (1:01:00) Explore (1:12:00) Labels & Definitions (1:23:00) Entering Data (1:26:00) Importing Data (1:37:00) Hierarchical Clustering (1:48:00) Factor Analysis (2:03:00) Regression (2:15:00) Next Steps -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React JS Course for Beginners - 2021 Tutorial

nTeuhbP7wdE | 08 Jul 2021

React JS Course for Beginners - 2021 Tutorial

This is a full premium course. Learn React.js from the ground up with fundamentals to more intermediate and advanced topics. You will learn by building a real app! 💻 Starter files: https://github.com/weibenfalk/react-rmdb-v3-starter-files Course from Thomas Weibenfalk. Check out his channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg Learn: - React - JSX - Styled Components - React Router - State and Props - Context - CSS - API handling - Hooks - Typescript - Persist state in SessionStorage - Deploy to Netlify - And MUCH more ... ⭐️ Course Contents ⭐️ ⌨️ (0:00:10) Introduction ⌨️ (0:00:57) The App ⌨️ (0:03:27) The Movie DB - API Key ⌨️ (0:05:09) What is React? ⌨️ (0:10:49) Starter Files ⌨️ (0:14:16) Quick about tooling ⌨️ (0:15:50) Bootstrap with CRA ⌨️ (0:19:11) Install dependencies ⌨️ (0:24:17) Copy fils from starter files ⌨️ (0:28:34) Setup API Key and walkthrough of API files ⌨️ (0:33:24) React without JSX ⌨️ (0:40:10) Short about JSX ⌨️ (0:42:52) Crash course in Props and State ⌨️ (0:55:12) Short about Styled Components ⌨️ (0:58:23) Global Styles ⌨️ (1:08:01) Header Component ⌨️ (1:21:09) Header Component - Styles ⌨️ (1:25:40) Home Component - Scaffold ⌨️ (1:33:45) Short about built-in hooks in React ⌨️ (1:38:55) Fetch data from the API for Home Page ⌨️ (1:52:44) Custom hook for Home Page ⌨️ (1:59:49) HeroImage Component ⌨️ (2:11:22) HeroImage Component - Styles ⌨️ (2:20:23) Grid Component ⌨️ (2:26:06) Grid Component - Styles ⌨️ (2:29:44) Thumb Component ⌨️ (2:34:59) Thumb Component - Styles ⌨️ (2:37:28) Spinner Component ⌨️ (2:42:03) SearchBar Component ⌨️ (2:57:54) SearchBar Component - Styles ⌨️ (3:02:16) SearchBar Component - Logic ⌨️ (3:06:51) Button Component ⌨️ (3:10:42) Button Component - Styles ⌨️ (3:13:06) Button Component - Logic ⌨️ (3:19:50) Short about React Router ⌨️ (3:21:59) Routing with React Router ⌨️ (3:34:15) Movie Component - Scaffold ⌨️ (3:36:26) Fetch movie data from the API ⌨️ (3:49:38) BreadCrumb Component ⌨️ (3:54:49) BreadCrumb Component - Styles ⌨️ (3:57:46) MovieInfo Component ⌨️ (4:08:41) MovieInfo Component - Styles ⌨️ (4:17:35) MovieInfoBar Component ⌨️ (4:23:26) MovieInfoBar Component - Styles ⌨️ (4:26:38) Actor Component ⌨️ (4:32:09) Actor Component - Styles ⌨️ (4:34:16) Short about PropTypes ⌨️ (4:37:38) Validate Props with PropTypes ⌨️ (4:48:17) Short about SessionStorage ⌨️ (4:50:32) SessionStorage - Home ⌨️ (4:59:34) SessionStorage - Movie ⌨️ (5:03:17) Build and prepare for Netlify ⌨️ (5:05:58) Netlify drag and drop and Netlify CLI ⌨️ (5:10:29) Netlify Continous Deployment ⌨️ (5:13:48) Bonus - Classes - SearchBar Component ⌨️ (5:22:04) Bonus - Classes - Home Component ⌨️ (5:33:14) Bonus - Classes - Movie Component ⌨️ (5:40:39) Bonus - Typescript - Introduction ⌨️ (5:42:20) Bonus - Typescript - Bootstrap project and copy files ⌨️ (5:47:19) Bonus - Typescript - Refactor base files ⌨️ (6:04:16) Bonus - Typescript - Refactor Home and Components ⌨️ (6:14:55) Bonus - Typescript - Refactor Movie and Components ⌨️ (6:25:52) Bonus - Login - Short about TMDB login and rating system ⌨️ (6:29:25) Bonus - Login - Global Context ⌨️ (6:34:34) Bonus - Login - Login Component ⌨️ (6:50:49) Bonus - Login - Login Component - Styles ⌨️ (6:53:47) Bonus - Login - Login from Header ⌨️ (7:00:27) Bonus - Login - Rate Component ⌨️ (7:04:35) Bonus - Login - Rating from MovieInfo 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse

What is Binary Search?

KsoUiNv1SZA | 07 Jul 2021

What is Binary Search?

In this tutorial, you will learn about binary search. This will include what it is, as well as how to use it to solve problems. You will learn how to implement binary search using C++. ✏️ This course was created by mycodeschool. Check out their channel: https://www.youtube.com/user/mycodeschool ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What is Binary Search ⌨️ (0:12:56) Implementation and common errors ⌨️ (0:23:19) Recursive implementation ⌨️ (0:32:41) Finding the first or last occurrence of a number ⌨️ (0:43:21) Count occurrences of a number in a sorted array with duplicates ⌨️ (0:56:00) How many times is a sorted array rotated? ⌨️ (1:09:17) Search element in a circular sorted array 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse ____________ Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Certified Information Security Professional (CISSP) Certification Course - PASS the Exam!

M1_v5HBVHWo | 06 Jul 2021

Certified Information Security Professional (CISSP) Certification Course - PASS the Exam!

CISSP is one of the most valuable Cyber Security Certificates in the market today. This course will qualify you to pass the CISSP Exam. ✏️ The course was created by Mohamed Atef. A Cyber Security consultant and a certified instructor with 20+ years of experience in Cyber Security projects. 🔗 Check out more Cyber Security training at InfoSec4TC YouTube Channel: https://www.youtube.com/InfoSec4tc ⭐️ Course Contents ⭐️ ⌨️ (00:00:05) Student Feedback ⌨️ (00:01:09) Introduction ⌨️ (00:07:50) Course Outline ⌨️ (00:22:16) Domain 1: Security and Risk Management. ⌨️ (04:05:28) Domain 2: Asset Security ⌨️ (05:27:33) Domain 3: Security Architecture and Engineering ⌨️ (08:38:42) Domain 4: Communications and Network Security. ⌨️ (10:27:12) Domain 5: Identity and Access Management. ⌨️ (12:13:29) Domain 6: Security Assessment and Testing ⌨️ (12:48:37) Domain 7: Security Operations ⌨️ (13:00:11) Domain 8: Software Development Security 🔗 Free CISSP Course Resources : https://bit.ly/3vlZqiC 🔗 Check out the Ultimate Cyber Security Certification Bundle: https://bit.ly/35nr58h -- 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Backend Web Development Course (with Django)

jBzwzrDvZ18 | 01 Jul 2021

Python Backend Web Development Course (with Django)

This video is a full backend web development course with python. In the course, you will learn everything you need to know to start your web development journey with Python and Django. ✏️ Course developed by CodeWithTomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi 🔗 Join CodeWithTomi's Discord Server: https://discord.gg/cjqNBHHhKV 🔗 Twitter: https://twitter.com/TomiTokko3 🔗 Download All Free Resources - https://codewithtomi.eo.page/mz396 Projects Built: 1. A Blog 💻 https://github.com/tomitokko/django-blog 2. A Weather App 💻 https://github.com/tomitokko/weather_detector 3. A Realtime Chat App 💻 https://github.com/tomitokko/django-chat-app ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:58) Introduction To Python ⌨️ (0:02:39) Installation Of Python ⌨️ (0:06:30) Hello World In Python ⌨️ (0:11:36) Variables In Python ⌨️ (0:17:10) Strings In Python ⌨️ (0:26:37) Numbers In Python ⌨️ (0:37:19) Getting A User's Input ⌨️ (0:42:34) Word Replacement Exercise ⌨️ (0:47:08) List In Python ⌨️ (1:03:05) List Methods ⌨️ (1:16:28) Tuples In Python ⌨️ (1:22:33) Functions In Python ⌨️ (1:35:06) The Return Keyword ⌨️ (1:40:45) IF Statements In Python ⌨️ (2:03:21) Building An Even Number Checker Program ⌨️ (2:05:05) Dictionaries In Python ⌨️ (2:13:40) While Loops In Python ⌨️ (2:19:47) For Loops In Python ⌨️ (2:29:37) 2D Lists ⌨️ (2:34:12) Comments In Python ⌨️ (2:37:38) Building A Basic Calculator ⌨️ (2:45:35) Try Except In Python ⌨️ (2:53:28) Reading Files ⌨️ (3:03:36) Writing Files ⌨️ (3:09:17) Classes and Objects In Python ⌨️ (3:16:43) Inheritance In Python ⌨️ (3:19:31) The Python Shell ⌨️ (3:25:17) Building A Simple Login and SignUp System ⌨️ (3:31:04) Modules and PIP In Python ⌨️ (3:38:28) Introduction To Django ⌨️ (3:39:32) Installation Of Django ⌨️ (3:59:49) Url Routing And Django Apps ⌨️ (4:14:21) Django Template Language ⌨️ (4:20:55) Sending Data To Template File ⌨️ (4:28:12) Building A Word Counter In Django ⌨️ (4:43:13) Get vs Post In Django ⌨️ (4:49:21) Static Files In Django ⌨️ (5:04:29) Introduction To Django Models ⌨️ (5:29:02) Django Admin Panel & Manipulation Of Database ⌨️ (5:46:38) User Registration In Django ⌨️ (6:08:46) User Login And Logout In Django ⌨️ (6:26:43) Dynamic Url Routing In Django ⌨️ (6:37:24) Postgresql Setup ⌨️ (6:47:23) Building A Blog With Django - Part 1 ⌨️ (7:12:10) Building A Blog With Django - Part 2 ⌨️ (7:25:48) Building A Weather App With Django - Part 1 ⌨️ (7:45:17) Building A Weather App With Django - Part 2 ⌨️ (8:03:06) Building A Realtime Chat Application With Django - Part 1 ⌨️ (8:50:11) Building A Realtime Chat Application With Django - Part 2 ⌨️ (9:07:59) Django Rest Framework Crash Course 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Router Crash Course

Jppuj6M1sJ4 | 30 Jun 2021

React Router Crash Course

React Router is commonly used to make different routes for pages in React Applications. This crash course will teach you how to create routes in your React applications. This course covers BrowserRouter, Switch, Nesting Routes, Redirecting Routes, match and history props, including useHistory, useParams, useLocation, and useRouteMatch Hooks. ✏️ Course created by Piyush Agarwal. Check out his channel: https://www.youtube.com/c/RoadsideCoder 🔗 8 clean code practices: https://www.youtube.com/watch?v=dZXpgP9ibf8 ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:51) Initialize new React App ⌨️ (03:16) Header Component ⌨️ (04:42) React Router Installation ⌨️ (05:15) BrowserRouter ⌨️ (05:57) Creating Routes ⌨️ (08:21) Testing Routes ⌨️ (08:39) 'exact' prop ⌨️ (09:25) Switch Tag ⌨️ (10:17) Link Tag ⌨️ (13:32) basename prop ⌨️ (14:06) forceRefresh Prop ⌨️ (14:37) getUserConfirmation ⌨️ (15:54) scroll to top on route change ⌨️ (16:46) 404 Not Found Page ⌨️ (18:21) Access URL Params ⌨️ (20:33) useParams Hook ⌨️ (21:50) useLocation Hook ⌨️ (24:49) Redirecting in React Router ⌨️ (28:05) useHistory Hook ⌨️ (30:55) Nested Routing ⌨️ (38:27) Outro 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Microsoft Security Compliance and Identity (SC-900) - Full Course PASS the Exam

LLKza5oULAA | 29 Jun 2021

Microsoft Security Compliance and Identity (SC-900) - Full Course PASS the Exam

Prepare for the Microsoft Security Compliance and Identity Certification and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ☁️ Introduction 🎤 00:00:00 Meet Your Instructor 🎤 00:06:41 What is the SC 900 🎤 00:06:45 Exam Guide ☁️ Security Methodologies 🎤 00:11:35 Zero Trust Model 🎤 00:13:15 Zero Trust Principles 🎤 00:14:07 Zero Trust Pillars 🎤 00:18:01 Zero Trust Assessment Tool 🎤 00:18:45 Follow Along Zero Trust Assessment Tool 🎤 00:21:07 Shared Responsibility Model 🎤 00:24:11 Defense In Depth 🎤 00:25:57 CIA Triad ☁️ Security Concepts 🎤 00:27:53 Common Threats 🎤 00:29:25 Vulnerabilities 🎤 00:30:40 Encryption 🎤 00:31:29 Cyphers 🎤 00:32:42 Cryptographic Keys 🎤 00:33:40 Hashing and Salting 🎤 00:35:45 Digital Signatures 🎤 00:38:17 In Transit vs At Rest 🎤 00:39:34 MFA 🎤 00:40:22 SIEM 🎤 00:42:04 SOAR 🎤 00:43:16 XDR 🎤 00:44:02 EDR 🎤 00:45:38 CASB 🎤 00:47:03 Security Posture 🎤 00:49:37 CSPM 🎤 00:50:58 JIT & JEP 🎤 00:52:07 Ingress vs Egress 🎤 00:52:45 Shadow It 🎤 00:53:32 AIR 🎤 00:54:47 Threat Modeling 🎤 00:55:35 STRIDE 🎤 00:56:45 Follow Along Microsoft Threat Modeling 🎤 00:58:14 IDS IPS 🎤 01:00:09 MITRE Attack Framework 🎤 01:01:04 Follow Along Mitre Attack Framework ☁️ Privacy 🎤 01:01:56 Microsoft Privacy Principles 🎤 01:03:03 Microsoft Privacy ☁️ Identity 🎤 01:05:35 Primary Security Perimeter 🎤 01:07:11 Identity Providers ☁️ Azure AD 🎤 01:08:52 Introduction to Auzre AD 🎤 01:11:16 Active Directory vs Azure AD 🎤 01:12:21 App Registrations 🎤 01:13:02 External Identities 🎤 01:16:21 Service Principle 🎤 01:17:32 Managed Identity 🎤 01:18:55 Device Management 🎤 01:21:15 MDM & MAM 🎤 01:22:15 Windows Hello 🎤 01:23:32 Azure AD Connect 🎤 01:24:35 SSPR 🎤 01:25:18 Password Protection 🎤 01:26:42 Identity Management Best Practices 🎤 01:27:32 Emergency Access Accounts ☁️ Azure AD Authentication 🎤 01:28:45 Authentication Methods 🎤 01:29:20 Microsoft Authenticator 🎤 01:29:47 Follow Along Microsoft Authenticator 🎤 01:30:39 Biometrics 🎤 01:31:29 FIDO and Security Keys 🎤 01:32:55 Open Authentication 🎤 01:34:02 Passwordless Authentication ☁️ Azure AD Management 🎤 01:35:29 Conditional Access 🎤 01:38:28 Azure AD Roles 🎤 01:39:13 RBAC ☁️ Azure AD Protection Governance 🎤 01:40:32 Identity Governance 🎤 01:41:24 HCM 🎤 01:42:23 Identity Lifecycle 🎤 01:43:54 Access Lifecycle 🎤 01:44:45 Privilege Access Lifecycle 🎤 01:45:22 Entitlement Management 🎤 01:46:52 PIM 🎤 01:47:50 Identity Protection 🎤 01:48:37 Detection and Remediation 🎤 01:50:02 Investigation ☁️ Azure NSG 🎤 01:51:13 NSG Rules 🎤 01:52:14 Default Security Rules 🎤 01:52:54 Security Rules Logic 🎤 01:55:00 NSG Combinations 🎤 01:56:53 NSG CheatSheet ☁️ Azure Firewall 🎤 01:58:16 Azure Firewall ☁️ Azure DDoS Protection 🎤 01:59:36 Azure Ddos Protection ☁️ Azure Bastion 🎤 02:01:53 Azure Bastion ☁️ Azure WAF 🎤 02:03:35 Azure WAF ☁️ Encryption 🎤 02:05:04 Encryption Overview 🎤 02:05:48 Azure Disk Encryption 🎤 02:06:42 TDE 🎤 02:07:34 Key Vault ☁️ Azure Security Center 🎤 02:09:03 Azure Security Benchmark 🎤 02:09:53 Azuire Security Center 🎤 02:11:27 Azure Security Benchmark Detailed ☁️ Azure Defender 🎤 02:14:10 Azure Defender ☁️ Azure Sentinel 🎤 02:17:05 Azure Sentinel 🎤 02:18:15 Data Sources 🎤 02:18:52 Workbooks 🎤 02:19:44 Sentinel Features 🎤 02:21:39 Sentinel Pricing ☁️ M365 Defender 🎤 02:22:04 M365 🎤 02:22:48 M365 Defender 🎤 02:23:38 Secure Score 🎤 02:24:11 Defender for Endpoint 🎤 02:26:20 Security Reports 🎤 02:27:37 Defender for Indentity 🎤 02:29:09 Defender for Office 365 🎤 02:31:59 MCAS ☁️ Microsoft Endpoint Manager 🎤 02:34:41 Microsoft Endpoint Manager ☁️ Compliance 🎤 02:36:09 Regulatory Compliance 🎤 02:37:29 M365 Compliance Center 🎤 02:38:16 Azure Trust Center 🎤 02:38:55 Compliance Manager 🎤 02:40:39 Follow Along Compliance Manager 🎤 02:41:50 Compliance Programs ☁️ Protection and Governance 🎤 02:44:34 MIP 🎤 02:45:17 Know Protect Prevent 🎤 02:47:34 GIP 🎤 02:48:20 Sensitive Information Types 🎤 02:49:30 Trainable Classifiers 🎤 02:50:37 Content Explorer 🎤 02:51:26 Activity Explorer 🎤 02:52:09 Sensitivity Labels 🎤 02:54:25 Label Policies 🎤 02:56:00 Retention Labels and Policies 🎤 02:56:39 Records Management 🎤 02:57:58 DLP ☁️ Risk Capabilities 🎤 02:58:33 Insider Risk Management 🎤 03:01:26 Communication Compliance 🎤 03:03:59 Information Barriers 🎤 03:05:05 Privilege Access Management 🎤 03:06:01 Customer Lockbox 🎤 03:06:59 eDiscovery 🎤 03:07:52 Core eDiscovery Workflow 🎤 03:08:40 Content Search and Holds 🎤 03:09:45 Advanced eDiscovery Workflow 🎤 03:10:19 M365 Audit ☁️ Azure Security Concepts 🎤 03:11:20 Resource Locks 🎤 03:12:06 Resource Tags 🎤 03:13:02 Azure Blueprints 🎤 03:14:26 Azure Policy 🎤 03:16:07 Cloud Adoption Framework 🎤 03:18:38 Well Architected Framework 🎤 03:20:27 Microsoft Security Best Practices 🎤 03:21:31 Follow Along Microsoft Security Best Practices 🎤 03:22:46 SAS 🎤 03:24:41 CORS 🎤 03:26:29 SDL

Create a Design System with Figma - Full Course

RYDiDpW2VkM | 28 Jun 2021

Create a Design System with Figma - Full Course

Learn how to build a design system in Figma. By the end of this course you will become a master of building design systems in Figma and understanding master components. ✏️ Course developed by Tim Sullivan. Check out his channel: https://www.youtube.com/channel/UCTGmiyXawbVmFJjpiYSw0Gw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:03) Creating a Color System ⌨️ (0:22:23) Building a Type System in Figma ⌨️ (0:35:16) Elevation ⌨️ (0:57:33) Product & System Icons ⌨️ (1:11:26) Text Legibility ⌨️ (1:30:58) States ⌨️ (1:50:53) Selection (Interaction) ⌨️ (1:55:02) Understanding Layout ⌨️ (2:04:15) Pixel Density ⌨️ (2:12:05) Spacing Methods ⌨️ (2:24:19) Responsive Grid Layout ⌨️ (2:48:59) App Bar - Bottom ⌨️ (3:07:55) App Bar - Top ⌨️ (3:22:37) Backdrop ⌨️ (3:41:58) Banners ⌨️ (4:06:45) Bottom Navigation ⌨️ (4:19:15) Buttons - Floating Action Button ⌨️ (4:38:54) Buttons ⌨️ (5:06:04) Cards ⌨️ (5:41:10) Chips ⌨️ (5:58:15) Dialogs ⌨️ (6:28:56) Date Pickers ⌨️ (7:32:22) Dividers 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 Treehouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenTelemetry Course - Understand Software Performance

r8UvWSX3KA8 | 24 Jun 2021

OpenTelemetry Course - Understand Software Performance

Learn how to use OpenTelemetry to get full stack observability on the performance and behavior of your software projects. ✏️ Couse developed by Ania Kubów. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw 💻 Repositories: 🔗 Tracing Project: https://github.com/kubowania/opentelemetry-tracing 🔗 Distributed Tracing: https://github.com/kubowania/opentelemetry-movies-microservices 🔗 New Relic OpenTelemetry Examples: https://github.com/newrelic/newrelic-opentelemetry-examples 🔗 New Relic OpenTelemetry Exporter: https://github.com/newrelic/newrelic-opentelemetry-examples/tree/main/collector/nr-exporter-docker ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What is OpenTelemetry ⌨️ (0:03:04) Course Outline ⌨️ (0:03:40) Let’s go! ⌨️ (0:04:49) What are Microservices? ⌨️ (0:07:11) What is Observability? ⌨️ (0:07:55) M.E.L.T ⌨️ (0:09:57) History ⌨️ (0:11:22) Setting up our Project ⌨️ (0:21:43) What is Tracing? ⌨️ (0:25:33) Context and Propagation ⌨️ (0:27:33) Setting up our Tracing ⌨️ (0:33:26) What are Metrics? ⌨️ (0:43:37) Use cases for OpenTelemetry ⌨️ (0:45:29) Setting up Distributed Tracing ⌨️ (1:01:04) Using other Analysis Tools - New Relic ⌨️ (1:07:44) Where to go next 🎉 This course was made possible by a grant from New Relic. 🎉 Students can get even more out of their free New Relic account through the GitHub Student Developer Pack. Get full access to New Relic one for three full users; 500 GB/month of data ingest; and free-tier AI to instantly detect and resolve issues. Learn more at https://developer.newrelic.com/students/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

.NET 5 REST API Tutorial - Build From Scratch With C#

ZXdFisA_hOY | 23 Jun 2021

.NET 5 REST API Tutorial - Build From Scratch With C#

Learn how to create a REST API end-to-end from scratch using the latest .NET 5 innovations and Visual Studio Code. The API will be written in C#. 💻 Get the code: https://youtube.dotnetmicroservices.com/net5restapi-10 ✏️ Course developed by Julio Casal. Check out his channel: https://www.youtube.com/c/jcasalt 🔗 Julio's website: https://dotnetmicroservices.com ⭐️ Course Contents ⭐️ Getting Started 0:00:00 Introduction 0:03:02 Creating the project 0:04:01 Exploring the generated project files 0:10:03 Trusting the self-signed certificate 0:11:36 Exploring the default Swagger UI page 0:12:30 Configuring Visual Studio Code settings Entity, Repository, Controller GET 0:14:33 Introduction 0:15:45 Adding an entity 0:20:39 Ading an in-memory repository 0:26:40 Creating the controller 0:30:42 Implemeting GET all items 0:33:37 Implemeting GET single item 0:37:47 Returning a 404 NotFound status code Dependency Injection, DTOSs 0:39:57 Introduction 0:41:23 What is dependency injection? 0:46:14 Extracting the repository interface 0:47:44 Injecting the repository into the controller 0:48:53 Registering the repository as a singleton 0:52:32 Adding a Data Transfer Object DTO 0:55:46 Creating the AsDto extension method POST, PUT, DELETE 0:58:59 Introduction 0:59:45 Implementing POST 1:07:39 Adding validations via data annotations 1:10:00 Implemeting PUT 1:17:33 Implementing DELETE Persisting Entities with MongoDB 1:20:46 Introduction 1:24:44 Using Postman 1:27:53 Creating a MongoDB repository 1:29:42 Using the MongoDB.Driver NuGet package 1:33:28 Implementing MongoDB Create 1:33:57 Running the MongoDB Docker container 1:38:47 Configuring MongoDB connection settings 1:42:38 Registering the MongoClient singleton 1:48:02 Testing the MongoDB integration 1:50:04 Exploring the created database in VS Code 1:52:45 Implemeting MongoDB Get, Update and Delete Tasks, Async and Await 2:02:27 Introduction 2:06:46 Using the Async suffix 2:09:04 Using tasks in the repository 2:11:50 Using async and await 2:14:28 Returning completed tasks 2:18:16 Using tasks in the controller 2:21:23 Testing async methods in Postman Secrets and Health Checks 2:27:02 Introduction 2:30:06 Enabling authentication in MongoDB 2:33:36 Using the .NET Secret Manager 2:36:40 Using the MongoDB credentials in the service 2:40:00 Introduction to Health Checks 2:42:28 Adding an endpoint for health checks 2:44:46 Adding a MongoDB health check 2:48:41 Adding checks for readiness and liveness 2:53:51 Customizing the health check response 2:58:59 Exploring other health check NuGet packages Docker 3:00:44 Introduction 3:08:28 What is Docker? 3:17:54 Removing https redirection 3:20:39 Generating a Dockerfile in VS Code 3:30:40 Building the Docker image 3:33:00 Adding a Docker network 3:34:07 Running the containers in the Docker network 3:40:36 Running the REST API in Docker 3:42:02 Pushing the container image to Docker Hub 3:46:02 Exploring the image in Docker Hub 3:46:32 Pulling the image back to the local box Kubernetes 3:49:20 Introduction 3:54:05 What is Kubernetes? 4:04:06 Enabling a Kubernetes cluster in Docker Desktop 4:06:12 Installing the Kubernetes extension for VS Code 4:06:58 Declaring the REST API Kuberentes deployment 4:14:35 Creating a secret in Kubernetes 4:17:28 Declaring health probes 4:19:14 Declaring the REST API Kubernetes service 4:22:56 Creating the REST API resources in Kubernetes 4:26:15 Declaring the MongoDB Kubernetes StatefulSet 4:36:09 Declaring the MongoDB Kubernetes service 4:38:27 Creating the MongoDB resources in Kubernetes 4:40:42 Testing the REST API hosted in Kubernetes 4:42:08 Exploring the Kubernetes self-healing capability 4:46:04 Scaling Kubernetes pods 4:47:38 Adding logs via ILogger 4:52:04 Getting a new image version into Kubernetes 4:53:23 Load balancing requests across pods Unit Testing and TDD 4:56:23 Introduction 4:57:04 What is unit testing? 5:01:19 What is test driven development? 5:04:25 Restructuring files and directories 5:08:25 Creating the xUnit test project 5:09:15 Building multiple projects in VS Code 5:13:10 Adding NuGet packages for unit testing 5:14:35 Testing GetItemAsync unexisting item 5:18:35 Using the AAA pattern 5:19:31 Stubbing dependencies via Moq 5:26:52 Running tests in VS Code 5:28:05 Using the .NET Core Test Explorer extension 5:30:55 Testing GetItemAsync existing item 5:38:01 Using FluentAssertions 5:41:46 Testing GetItemsAsync 5:45:41 Testing CreateItemAsync 5:53:13 Testing UpdateItemAsync 5:57:51 Testing DeleteItemAsync 5:59:40 Refactoring and catching regressions 6:10:50 Using TDD to test a yet to be created method 6:19:07 Going back to green by fixing the failing test 6:21:19 Testing the new controller method in Postman

Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)

ZYb_ZU8LNxs | 22 Jun 2021

Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)

Learn how to use Async/Await, Promises, and Callbacks in JavaScript. ✏️ Course from Joy Shaheb. Check out his channel: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw 📄 Article version: https://www.freecodecamp.org/news/javascript-async-await-tutorial-learn-callbacks-promises-async-await-by-making-icecream/ ⌨️ (0:00:00) Intro ⌨️ (0:00:37) Asynchronous JS ⌨️ (0:01:48) Sync vs Async ⌨️ (0:04:55) Examples ☝️ ⌨️ (0:08:40) setTimeout function ⌨️ (0:13:21) callbacks w/examples ⌨️ (0:18:09) ice cream w/ callbacks ⌨️ (0:42:02) Callback hell ⌨️ (0:43:32) Promises & promise cycle ⌨️ (0:54:22) Promise Chaining ⌨️ (1:03:27) error handling ⌨️ (1:05:37) finally handler ⌨️ (1:07:26) Async/ Await ⌨️ (1:09:42) try catch finally ⌨️ (1:15:46) Await keyword w/ example ⌨️ (1:25:22) ice cream w/ async/await -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Programming - Full Course

jS4aFq5-91M | 21 Jun 2021

JavaScript Programming - Full Course

Learn JavaScript from scratch by solving over a hundred different coding challenges. Go here for the interactive browser version: https://scrimba.com/learn/learnjavascript ⭐️ Code ⭐️ Two versions: 🔗 Interactive version: https://scrimba.com/learn/learnjavascript 🔗 GitHub repo: https://github.com/scrimba/learn-javascript ✏️ Created by Per Harald Borgen. Per on Twitter: https://twitter.com/perborgen 00:00 Intro 03:41 Passenger counter app 04:39 Setting up file 07:42 Create variable 12:27 Mathematical operations 16:16 Reassigning & incrementing 19:23 Adding button 21:41 onclick event listener 25:10 Using functions to write less code 28:48 First function 29:34 Function that logs sum 32:25 Function that increments 34:23 Increment on clicks 36:35 Display count 41:53 Document Object Model 43:47 Display count w/ innerText 44:30 Create save button 46:40 What is string? 48:16 First string variable 52:00 Log greeting to console 53:18 Strings vs. Numbers 56:07 Render welcome message 58:10 Improve message w/ string concatenation 1:00:28 Use plus equal for count 1:00:57 Create save feature 1:05:38 Debugging online 1:09:31 Set count to 0 1:12:28 Recap 1:15:47 Variables practice 1:17:42 Concatenate strings 1:18:43 Incrementing & decrementing 1:20:56 Strings & numbers 1:22:35 Rendering error message 1:25:52 Calculator challenge ​ Build Blackjack Game 1:31:27 Build Blackjack game 1:32:27 Add firstCard, secondCard, & sum 1:33:23 If...else conditionals 1:39:08 if...else statement 1:42:05 if/else...if/else statement 1:45:28 if...else statement for our game 1:47:32 hasBlackJack variable 1:49:38 isAlive variable 1:51:27 Practice boolean conditions 1:54:55 Add message variable 1:58:20 Link stylesheet 2:00:56 Add basic styling 2:05:19 Make start button work 2:11:13 Display message 2:13:48 Display sum 2:19:36 Display cards 2:21:34 New card button 2:25:16 Add to sum when newCard is clicked 2:28:36 Rename startGame function 2:30:52 Solving our cards problem w/ array 2:34:12 Arrays intro 2:39:30 Array indexes 2:43:50 Arrays w/ multiple data types 2:46:12 Adding & removing items from arrays 2:50:35 Creating cards array 2:51:43 Push new card to array 2:53:05 Counting 2:57:10 Loops 3:00:37 For loops & arrays 3:04:23 First array-based for loop 3:05:55 For loops, arrays, & DOM 3:08:55 Use loop to render cards 3:11:16 Avoid hard-coding values 3:12:51 Returning values 3:17:54 Use function to set card values 3:21:05 Generating random numbers w/ Math.random() 3:25:24 Math.random() * 6 3:27:11 Flooring number w/ Math.floor() 3:28:40 Create dice 3:30:23 Completing dice function 3:33:04 Make getRandomCard() work 3:36:00 getRandomNumber function 3:39:06 Assign values in startGame function 3:41:52 Card feature is broken 3:42:54 Logical AND operator 3:46:39 Logical operators 3:48:47 logical OR operator 3:51:52 Only trigger newCard() if you're allowed to 3:53:23 Object sneak peek 3:58:02 Objects 4:02:47 Create first object 4:06:08 Store player data 4:08:48 Methods on object 4:10:50 Recap 4:15:17 Objects & functions 4:17:21 if else 4:20:13 Loops & arrays 4:22:21 push, pop, unshift, shift challenge 4:25:50 Logical operators 4:27:50 Rock papers scissors 4:30:52 Sorting fruits Build Chrome Extension 4:33:54 Build Chrome Extension 4:38:30 Add button & input tag 4:40:06 Style button & input tag 4:47:28 Make input button work w/ onclick 4:48:49 Refactor to addEventListener 4:51:11 addEventListener() 4:52:58 Refactoring 4:54:25 Create myLeads array & inputEl 4:56:49 Using let & const 5:00:11 Push to myLeads array 5:01:24 Push value from input field 5:03:56 Use for loop to log out leads 5:05:38 Create unordered list 5:07:39 Render leads in unordered list 5:11:22 How to render li elements w/ innerHTML 5:13:01 innerHTML 5:14:34 More innerHTML practice 5:16:26 Render li elements w/ innerHTML 5:17:37 Use createElement() & append() instead of innerHTML 5:21:16 Improving performance of our app 5:24:37 Create render function 5:26:40 Clear input field 5:28:47 Add a tag 5:35:53 Template strings 5:35:54 Write template string 5:36:28 Make template string more dynamic 5:37:12 Template strings on multiple lines 5:41:03 Refactor app to use template string 5:42:19 Style list 5:46:13 Preparing deployment 5:51:08 Deploying Chrome Extension 5:53:40 What is localStorage? 5:56:45 First localStorage 6:00:38 Storing arrays in localStorage 6:07:05 Save leads 6:09:36 Get leads 6:13:31 Truthy & falsy values 6:21:28 Guess expression: truthy or falsy? 6:23:52 Checking localStorage before rendering 6:27:33 Style delete button 6:30:52 Make delete button work 6:35:12 How function parameters can improve our code 6:41:09 Write function parameter 6:44:40 Functions w/ multiple params 6:47:54 Numbers as function params 6:49:40 Arguments vs Params 6:53:06 Arrays as params 6:55:02 Refactor renderLeads() to use parameter 6:56:46 Create tabBtn 7:00:07 Save tab url 7:02:46 Get current tab 7:07:09 Use Chrome API to get tab 7:13:32 Deploy final version 7:15:48 Recap 7:21:34 Practice 7:41:55 Outro

Understanding Sorting Algorithms

l7-f9gS8VOs | 18 Jun 2021

Understanding Sorting Algorithms

Learn some of the most popular sorting algorithms! You will learn selection sort, bubble sort, insertion sort, merge sort, and their order of complexities! This video uses C++ but the concepts apply to any programming language. ✏️ This course was created by Haris Iftikhar. 🔗 Coding Cleverly YouTube Channel: https://www.youtube.com/codingcleverly 🔗 Coding Cleverly Twitter: https://twitter.com/codingcleverly 🔗 Coding Cleverly Instagram: https://instagram.com/codingcleverly 🔗 Coding Cleverly Facebook: https://www.facebook.com/CodingCleverlyOfficial/ 💻 Source code on GitHub: https://github.com/codingcleverly/sorting_algorithms_freecodecamp ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:06) Simple Sorting Algorithm ⌨️ (0:16:16) Selection Sort ⌨️ (0:25:56) Diagrammatic Explanation ⌨️ (0:28:40) Bubble Sort ⌨️ (0:35:20) Graphical Explanation of BubbleSort ⌨️ (0:38:51) Insertion Sort ⌨️ (0:45:08) Graphical Implementation ⌨️ (0:49:30) Merge Sort ⌨️ (0:51:57) Extensive Explanation ⌨️ (1:09:37) Difference b/w the Algorithms ⌨️ (1:10:46) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Azure AI Fundamentals Certification (AI-900) - Full Course to PASS the Exam

OwZHNH8EfSU | 17 Jun 2021

Azure AI Fundamentals Certification (AI-900) - Full Course to PASS the Exam

Prepare for the Azure AI Fundamentals Certification and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ⭐️ Course Contents ⭐️ ☁️ Introduction 🎤 (00:00:00) Introduction 🎤 (00:09:19) Exam Guide Breakdown ☁️ ML Introduction 🎤 (00:13:58) Layers of Machine Learning 🎤 (00:15:06) Key Elements of AI 🎤 (00:16:04) DataSets 🎤 (00:17:44) Labeling 🎤 (00:18:50) Supervised and Unsupervised Reinforcement 🎤 (00:20:16) Neural Networks and Deep Learning 🎤 (00:22:32) GPU 🎤 (00:23:28) CUDA 🎤 (00:24:36) Simple ML Pipeline 🎤 (00:26:46) Forecast vs Prediction 🎤 (00:27:31) Metrics 🎤 (00:29:05) Juypter Notebooks 🎤 (00:30:20) Regression 🎤 (00:31:57) Classification 🎤 (00:32:51) Clustering 🎤 (00:33:36) Confusion Matrix ☁️ Common AI Workloads 🎤 (00:35:13) Anomaly Detection AI 🎤 (00:36:06) Computer Vision AI 🎤 (00:38:12) Natural Language Processing AI 🎤 (00:39:49) Conversational AI ☁️ Responsible AI 🎤 (00:41:23) Responsible AI 🎤 (00:42:16) Fairness 🎤 (00:43:15) Reliability and safety 🎤 (00:44:07) Privacy and security 🎤 (00:44:52) Inclusiveness 🎤 (00:45:31) Transparency 🎤 (00:46:07) Accountability 🎤 (00:46:52) Guidelines for Human AI Interaction 🎤 (00:47:11) Follow Along Guidelines for Human AI Interaction ☁️ Cognitive Services 🎤 (00:58:40) Azure Cognitive Services 🎤 (01:00:48) Cognitive API Key and Endpoint 🎤 (01:01:15) Knowledge Mining 🎤 (01:05:49) Face Service 🎤 (01:07:37) Speech and Translate Service 🎤 (01:09:11) Text Analytics 🎤 (01:12:09) OCR Computer Vision 🎤 (01:13:29) Form Recognizer 🎤 (01:15:55) Form Recognizer Custom Models 🎤 (01:16:41) Form Recognizer Prebuilt Models 🎤 (01:18:40) LUIS 🎤 (01:21:05) QnA Maker 🎤 (01:25:26) Azure Bot Service ☁️ ML Studio 🎤 (01:27:52) Azure Machine Learning Service 🎤 (01:29:17) Studio Overview 🎤 (01:30:46) Studio Compute 🎤 (01:31:55) Studio Data Labeling 🎤 (01:32:52) Data Stores 🎤 (01:33:41) Datasets 🎤 (01:34:51) Experiments 🎤 (01:35:23) Pipelines 🎤 (01:36:30) ML Designer 🎤 (01:37:14) Model Registry 🎤 (01:37:41) Endpoints 🎤 (01:38:57) Notebooks ☁️ AutoML 🎤 (01:39:48) Introduction to AutoML 🎤 (01:42:22) Data Guard Rails 🎤 (01:43:08) Automatic Featurization 🎤 (01:45:00) Model Selection 🎤 (01:46:04) Explanation 🎤 (01:46:58) Primary Metrics 🎤 (01:48:50) Validation Type ☁️ Custom Vision 🎤 (01:49:21) Introduction to Custom Vision 🎤 (01:50:05) Project Types and Domains 🎤 (01:53:01) Custom Vision Features ☁️ Follow Alongs 🎤 (01:55:39) Setup 🎤 (02:06:37) Computer Vision 🎤 (02:10:19) Custom Vision Classification 🎤 (02:16:57) Custom Vision Object Detection 🎤 (02:22:53) Face Service 🎤 (02:26:05) Form Recognizer 🎤 (02:29:36) OCR 🎤 (02:34:29) Text Analysis 🎤 (02:38:12) QnAMaker 🎤 (02:56:46) LUIS 🎤 (03:02:31) AutoML 🎤 (03:19:48) Designer 🎤 (03:30:06) MNIST 🎤 (03:49:45) Data Labeling 🎤 (03:54:13) Clean up ☁️ CheatSheet 🎤 (03:55:28) AI CheatSheet

Data Analytics Crash Course: Teach Yourself in 30 Days

jcTj6FgWOpo | 16 Jun 2021

Data Analytics Crash Course: Teach Yourself in 30 Days

The course is an introduction to Python-based data analytics. You will get a basic understanding of the workings of Python to the point where you can confidently find and manipulate data sources and use a Jupyter environment to derive insights from your data. 🔗 Course Website: https://stories.thedataproject.net/ 💻 Code: https://github.com/dbclinton/jupyter_data ✏️ Course developed by David Clinton. ⭐️ Contents ⭐️ ⌨️ (06:50) Installing Python and Jupyter ⌨️ (09:35) Working with the Jupyter environment ⌨️ (12:05) Finding data sources and using APIs ⌨️ (16:35) Working with data ⌨️ (24:45) Plotting data ⌨️ (32:45) Understanding data -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

DevOps Engineering Course for Beginners

j5Zsa_eOXeY | 15 Jun 2021

DevOps Engineering Course for Beginners

What is DevOps in the context of software engineering? Learn all about DevOps in this comprehensive course for beginners with three technical tutorials. You will learn what DevOps is, continuous integration, continuous deployment strategies, and application performance management. Many DevOps practices are commonly used in programming and web development, it is important to understand key terms and technologies. This course often references the MERN (MongoDB, Express JS, React JS, Node JS) technology stack. You will get a series of talks with technology recommendations based on these best practices. There will be several programming examples embedded in these talks. As long as you know the absolute basics of coding and the web, you'll have no problem following along. ⭐️ Course Notes ⭐️ 🔗 Lesson 1: https://layerci.com/blog/what-is-devops/ 🔗 Lesson 2: https://layerci.com/blog/what-is-test-driven-development/ 🔗 Lesson 3: https://layerci.com/blog/what-is-ci/ 🔗 Lesson 4: https://layerci.com/blog/what-is-code-coverage/ 🔗 Lesson 5: https://layerci.com/blog/linting-best-practices/ 🔗 Lesson 6: https://layerci.com/blog/what-is-an-ephemeral-environment/ 🔗 Lesson 7: https://layerci.com/blog/the-difference-between-vms-and-containers/ 🔗 Lesson 8: https://layerci.com/blog/what-are-rolling-deployments/ 🔗 Lesson 9: https://layerci.com/blog/what-is-a-blue-green-deployment/ 🔗 Lesson 10: https://layerci.com/blog/what-is-autoscaling/ 🔗 Lesson 11: https://layerci.com/blog/service-discovery/ 🔗 Lesson 12: https://layerci.com/blog/what-is-log-aggregation/ 🔗 Lesson 13: https://layerci.com/blog/vital-production-metrics/ ⭐️ Course Content: 3 Pillars of DevOps ⭐️ ⭐️ Unit 1 - Code Review Automation ⌨️ Lesson 1 What is DevOps? ⌨️ Lesson 2 - What is Test Driven Development (TDD)? ⌨️ Lesson 3 - What is Continuous Integration (CI)? w/ CI setup TUTORIAL ⌨️ Lesson 4 - What is code coverage? ⌨️ Lesson 5 - Linting best practices ⌨️ Lesson 6 - Ephemeral environments w/ setup TUTORIAL ⭐️ Unit 2 - Deployment Strategies ⌨️ Lesson 7 - Virtual Machines (VMs) vs. Containers ⌨️ Lesson 8 - Rolling deployments ⌨️ Lesson 9 - Blue/green deployments w/ Continuous Deployment setup TUTORIAL ⌨️ Lesson 10 - What is autoscaling? ⌨️ Lesson 11 - What is service discovery? ⭐️ Unit 3 - Application Performance Management (APM) ⌨️ Lesson 12 - What is log aggregation? ⌨️ Lesson 13 - Vital production metrics ⭐️ Course Reddit Discussion Forum: https://www.reddit.com/r/devopsacademy/ 🎥 Course created and narrated by Colin Chartier, Co-founder and CEO at LayerCI 🐦 Have feedback on the course? Email [email protected] LayerCI on Youtube: https://www.youtube.com/channel/UCrUJumewxQvb2TofzbqD6zA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Azure Data Fundamentals Certification (DP-900) - Full Course to PASS the Exam

P3qmqUZJ7l0 | 10 Jun 2021

Azure Data Fundamentals Certification (DP-900) - Full Course to PASS the Exam

Prepare for the Azure Data Fundamentals Certification and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ☁️ Data Concepts 🎤 (0:10:12) Auzre Core Data Related Services 🎤 (0:14:55) Types of Cloud Computing 🎤 (0:16:56) Azure Data Related Roles 🎤 (0:18:42) Database Administrator Common tools 🎤 (0:20:27) Data Engineering Common tools 🎤 (0:21:43) Data Analyst Common tools 🎤 (0:22:26) Data Overview 🎤 (0:23:43) Introduction to Data 🎤 (0:24:32) Data documents 🎤 (0:25:30) Data sets 🎤 (0:28:31) Data types 🎤 (0:32:15) Schema vs Schemaless 🎤 (0:34:09) Query and Querying 🎤 (0:35:54) Batch vs Stream processing 🎤 (0:38:30) Relational data 🎤 (0:40:35) Relational data Relationships 🎤 (0:42:07) Row store vs Column store 🎤 (0:43:44) Database Index 🎤 (0:45:05) Data Integegrity vs Data Corruption 🎤 (0:47:11) Normalized vs Denomralized data 🎤 (0:48:32) Pivot table 🎤 (0:50:10) Strongly consistent vs Eventually consistent 🎤 (0:51:33) Synchronus vs Asynchronous 🎤 (0:53:29) Non relational data 🎤 (0:54:29) Data source 🎤 (0:55:41) Data store 🎤 (0:56:32) Database 🎤 (0:57:56) Data warehouse 🎤 (0:59:39) Data mart 🎤 (1:00:36) Data lakes 🎤 (1:01:42) Data lakehouse 🎤 (1:03:12) Data structures 🎤 (1:04:02) Unstructured data 🎤 (1:04:47) Semi structured 🎤 (1:06:10) Semi structured Data Structures 🎤 (1:07:16) Semi structure JSON 🎤 (1:08:11) semi structure ORC 🎤 (1:09:39) semi structure Parquets 🎤 (1:10:35) semi structure AVRO 🎤 (1:11:25) Structured Data 🎤 (1:11:56) Data mining 🎤 (1:13:02) Data mining methods 🎤 (1:14:28) Data wrangling 🎤 (1:15:31) Ddata modeling 🎤 (1:17:18) ETL vs ELT 🎤 (1:19:18) Data analytics 🎤 (1:20:14) Key performance indicators KPI 🎤 (1:21:23) Data Analytic Techniques 🎤 (1:23:02) Microsoft One Drive 🎤 (1:24:20) Microsoft Sharepoint 🎤 (1:25:49) Data Core Concepts CheatSheet ☁️ Azure Synapse and Data Lake 🎤 (1:33:36) Azure Synapse Analytics 🎤 (1:35:26) Sypanse SQL and pools 🎤 (1:37:19) Synapse Key Features 🎤 (1:38:31) Azure Data Lake Gen 2 🎤 (1:40:03) Polybase 🎤 (1:40:50) Synapse ELT 🎤 (1:41:51) Azure Data Lake Analytics 🎤 (1:43:05) Azure Sypanse and Data Lakes CheatSheet ☁️ Account Storage 🎤 (1:44:25) Azure Blob Storage 🎤 (1:45:20) Azure Files 🎤 (1:47:14) Azure Storage Accounts CheatSheet ☁️ Power BI 🎤 (1:48:07) Business Intelligence 🎤 (1:48:40) Power BI 🎤 (1:51:29) Power BI Visualizations 🎤 (1:53:13) Power BI Embedded 🎤 (1:54:02) Power BI Interactive Reports 🎤 (1:55:36) Power BI Service and Dashboards 🎤 (1:56:47) Reports vs Dashboards 🎤 (1:57:47) Paginated Reports 🎤 (1:58:57) Power BI CheatSheet ☁️ Relational Databases 🎤 (2:00:38) Structured Query Language 🎤 (2:01:48) OLAP vs OLAP 🎤 (2:03:14) Open Source Relational Databases 🎤 (2:06:01) Read Replicas 🎤 (2:07:10) Citus Postgres Hyperscale 🎤 (2:08:03) Azure SQL Family 🎤 (2:10:30) Elastic pools 🎤 (2:11:45) Relational Databases CheatSheet ☁️ T SQL 🎤 (2:14:12) T SQL 🎤 (2:15:40) Data Defintion Language 🎤 (2:16:43) Data Manipulation Language 🎤 (2:18:02) Data Query Language 🎤 (2:19:08) Data Control Language 🎤 (2:19:36) Transaction Control Langauge 🎤 (2:20:22) SQL Document Comparsions 🎤 (2:21:10) T SQL CheatSheet ☁️ Database Security 🎤 (2:22:01) Connectivity Architecture 🎤 (2:23:13) Database Authentication 🎤 (2:24:41) Network Connectivity 🎤 (2:25:19) Azure Defender for SQL 🎤 (2:25:54) Azure Database Server Firewalls 🎤 (2:27:00) Always Encrypted 🎤 (2:27:47) Role Based Access Controls 🎤 (2:28:48) Transparent Data Encryption 🎤 (2:29:49) Dynamic Data Masking 🎤 (2:31:02) Private Links 🎤 (2:31:57) Database Security Cheatsheet ☁️ Azure Tables Cosmos DB 🎤 (2:34:13) Key Value Store 🎤 (2:35:40) Document Store 🎤 (2:36:33) Mongo DB 🎤 (2:38:35) Graph Database 🎤 (2:39:42) Apache Tinkerpop and Gremlin 🎤 (2:41:23) Azure Tables 🎤 (2:42:45) Azure Cosmos DB 🎤 (2:44:40) Azure Table Account Storage vs Cosmos DB 🎤 (2:46:39) Azure Tables and CosmosDB CheatSheet ☁️ Hadoop Systems 🎤 (2:48:29) Apache Hadoop 🎤 (2:49:57) Apache Kafka 🎤 (2:50:53) HDInsights 🎤 (2:52:05) Hadoop CheatSheet ☁️ Azure and Databricks 🎤 (2:53:21) Apache Spark 🎤 (2:55:04) Azure Databricks 🎤 (2:57:16) Apache Spark and Databricks CheatSheet ☁️ ELT and SQL Tools 🎤 (2:58:46) SQL Server Management Studio 🎤 (2:59:37) SQL Server Data Tools 🎤 (3:00:58) Azure Data Studio 🎤 (3:01:48) Azure Data Factory 🎤 (3:02:59) SQL Server Integration Services 🎤 (3:04:08) ETL and SQL Tools CheatSheet ☁️ Follow Alongs 🎤 (3:05:38) Install and Use Power BI 🎤 (3:08:17) Launch Azure SQL and Use Data Studio 🎤 (3:34:53) Use Azure SQL as data source in Power BI 🎤 (3:44:20) Use SSMS to perform a query on Azure SQL 🎤 (3:47:37) Create Blob and File storage 🎤 (3:57:36) Explore CosmosDB various NoSQL engines 🎤 (4:27:08) Create a ELT job from Azure SQL to Blob Storage 🎤 (4:33:06) Explore Azure Databricks 🎤 (4:39:49) Explore Azure Synapse Analytics 🎤 (4:44:47) Cleanup

Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course

iJKCj8uAHz8 | 09 Jun 2021

Learn Bootstrap 5 and SASS by Building a Portfolio Website - Full Course

Learn Bootstrap 5 and Sass by building a portfolio website. Bootstrap is one of the most popular CSS frameworks and Sass is of of the most popular preprocessors for CSS. ✏️ Course from Patrick Muriungi. Check out his channel: https://www.youtube.com/channel/UCEtlYWZil1WbX2LoqF2qocQ 🐦 Patrick on Twitter: http://twitter.com/itsmuriungi 💻 Code (completed project): https://github.com/MuriungiPatrick/Bootstrap-5-portfolio-template 💻 Code (theming-kit.html): https://github.com/MuriungiPatrick/Bootstrap-5-Theming-Kit ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) PART 1: Intro to Website Project ⌨️ (0:01:59) PART 2-1: SASS Setup ⌨️ (0:19:13) PART 2-2: Customize Bootstrap ⌨️ (0:35:25) PART 3: File structure ⌨️ (0:43:18) PART 4: The Navbar Section ⌨️ (1:13:11) PART 5: The Intro Section ⌨️ (1:56:46) PART 6: The Companies Section ⌨️ (2:10:57) PART 7: The Services Section ⌨️ (2:41:06) PART 8: Testimonials Section ⌨️ (3:10:56) PART 9: The FAQ Section ⌨️ (3:19:59) PART 10: The Portfolio Section ⌨️ (3:45:07) PART 11: Get Started Section ⌨️ (4:10:10) PART 11: The Footer Section ⭐️ Resources ⭐️ 🔗 SASS: https://sass-lang.com/guide 🔗 Bootstrap 5: https://getbootstrap.com/docs/5.0/getting-started/introduction/ 🔗 Google fonts: https://fonts.google.com 🔗 Fontawesome: https://fontawesome.com/start 🔗 Tablericons: https://tablericons.com 🔗 Bootstrap icons: https://icons.getbootstrap.com 🔗 Illustrations: https://www.manypixels.co/gallery -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Arduino Course for Beginners - Open-Source Electronics Platform

zJ-LqeX_fLU | 08 Jun 2021

Arduino Course for Beginners - Open-Source Electronics Platform

Learn how to use Arduino hardware and software in this full course for beginners. Arduino is an easy-to-use, open-source electronics platform Arduino boards are able to read inputs - light on a sensor, a finger on a button, or a Twitter message - and turn it into an output - activating a motor, turning on an LED, publishing something online. You can tell your board what to do by sending a set of instructions to the microcontroller on the board. No hardware is required for to follow along with this course! ✏️ Course developed by Ashish Bansal. ⭐️Course Contents ⭐️ Section 1: Objective of the course (0:00) Course Introduction (01:21) Section 2: Foundation of Electronics (01:36) Electricity (02:10) Static Electricity (03:37) Current Electricity (04:12) Voltage (06:09) Current (08:45) Resistance (10:05) Ohm’s Law (11:55) Ohm’s Law Example (13:46) Resistances in Series and Parallel (26:03) Resistance Color Coding (28:26) Section 3: Intro to Arduino Board (28:46) What is Microcontroller and Microprocessor (31:16) What category Arduino falls into? (31:33) Different Types of Arduino Boards (32:03) About Arduino (33:04) Parts of Arduino Uno (35:52) Technical Specifications of Arduino Uno Section 4: Intro to Arduino IDE (38:58) What is IDE? (40:14) Downloading and Installing the official IDE (41:51) Preparing your computer (43:08) Testing the Arduino. (44:22) What if you don’t have an Arduino board? (46:34) Section 5: Before we move ahead (47:04) What is breadboard? (49:16) How to make connections in breadboard? (1:00:10) Some safety instructions and Do’s and Don’ts (1:01:53) Input & Output (1:08:47) Analog & Digital (1:14:04) Bit & Byte (1:16:26) Section 6: Arduino Programming (1:16:46) Introduction (1:17:41) The First Step into Programming (1:19:37) Bare minimum structure of an Arduino Program (1:20:21) Comments (1:21:37) White Spaces and Case Sensitivity (1:24:06) pinMode (1:26:44) digitalWrite and delay (1:29:51) Camel casing Section 6.1 Introduction to Variables and Data Types (1:30:51) What are variables and data types (1:31:31) Int data type (1:35:11) Arithmetic operators (1:41:51) Incrementing and Decrementing our variables (1:44:14) Float data type (1:46:48) Bool/Boolean data type (1:49:24) Byte data type (1:50:27) Char data type (1:52:46) Conclusion Section 6.2 Variable Scope and Qualifiers (1:53:19) What is Scope? Global and Local Variables (1:57:59) What are Qualifiers, starting with const qualifier (1:59:51) Alternative to const qualifier: #define (2:01:55) Static Qualifier Section 6.2 Comparison and Logical Operators (2:04:25) What are comparison operators? (2:08:58) What are Logical Operators? (2:13:16) Section 6.3 Control Structures (2:14:21) if statement (2:20:47) else statement (2:24:24) A joke :P (2:25:10) if - else Simulation (2:29:27) Introduction to loop control structures (2:30:52) For loop (2:41:02) While loop (2:45:49) do…while loop (2:50:16) break (2:52:24) continue (2:55:05) return (2:56:41) switch..case Section 6.4 Remaining data types (3:01:30) Arrays (3:09:34) Strings Section 6.5 Functions (3:15:14) What are functions? (3:19:03) Create your own functions Section 6.6 Arduino Built-in Functions and related concepts (3:35:20) digitalRead & digitalWrite (3:41:49) analogRead and Analog to Digital Converter (ADC) (3:47:50) analogWrite and Pulse Width Modulation (PWM) Section 6.7 Libraries (3:56:25) What are Libraries? (3:59:22) How to add Libraries in Arduino IDE (4:02:30) What next? -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenCV Python Course - Learn Computer Vision and AI

P4Z8_qe2Cu0 | 07 Jun 2021

OpenCV Python Course - Learn Computer Vision and AI

Learn how to use OpenCV for Computer Vision and AI in this full course for beginners. You will learn and get exposed to a wide range of exciting topics like Image & Video Manipulation, Image Enhancement, Filtering, Edge Detection, Object Detection and Tracking, Face Detection and the OpenCV Deep Learning Module. At the end of the course you will hear from Dr. Satya Mallick (CEO, OpenCV.org) where he shares his views on the limitless opportunities in the Computer Vision and AI job market and how to confidently prepare yourself in a structured manner for a fulfilling career in AI. 🔗 Course Website: https://opencv.org/opencv-python-free-course/ 🔗 Official OpenCV Courses: https://opencv.org/courses 🔗 Kickstarter: https://opencv.org/kickstarter 💻 Code: https://www.dropbox.com/sh/e9geq90qno2nr4v/AAAVpCLnXetTEYZFwby3MwkGa?dl=1 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:56) Module 1: Getting Started with Images ⌨️ (0:22:22) Module 2: Basic Image Manipulation ⌨️ (0:30:56) Module 3: Image Annotation ⌨️ (0:35:39) Module 4: Image Enhancement ⌨️ (0:52:35) Module 5: Accessing the Camera ⌨️ (0:55:28) Module 6: Read and Write Videos ⌨️ (0:59:08) Module 7: Image Filtering and Edge Detection ⌨️ (1:11:24) Module 8: Image Features and Image Alignment ⌨️ (1:24:16) Module 9: Image Stitching and Creating Panoramas ⌨️ (1:27:13) Module 10: High Dynamic Range Imaging (HDR) ⌨️ (1:38:28) Module 11: Object Tracking ⌨️ (1:49:28) Module 12: Face Detection ⌨️ (1:59:41) Module 13: Object Detection ⌨️ (2:08:33) Module 14: Pose Estimation using OpenPose ⌨️ (2:22:21) Interview with OpenCV CEO, Dr. Satya Mallick Learn More: 🔗 https://learnopencv.com https://www.youtube.com/c/LearnOpenCV 🔗 https://opencv.org https://www.youtube.com/c/OpenCVCourses This course was made possible through a grand from OpenCV. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Hackintosh - Step-by-Step Guide (Install MacOS Big Sur on PC)

Gaosub7FRf4 | 03 Jun 2021

How to Build a Hackintosh - Step-by-Step Guide (Install MacOS Big Sur on PC)

Save money by building a Hackintosh! Learn how to build a computer with PC parts and install macOS Big Sur using OpenCore. ✏️ Course developed by Beau Carnes. ⭐️ Computer Parts Used ⭐️ 🎉 All of this is close to 1/3rd the price of a Mac Pro with comparable specs! 🖱 Processor: Core i9 Octa-core i9-9900K | https://amzn.to/3u4n17T 🖱 Motherboard: Asus ROG Strix Z390-E Gaming Motherboard | https://amzn.to/2R3PX17 🖱 Graphics card: Sapphire Radeon 11265-05-20G Pulse RX 580 8GB | https://amzn.to/3e7x5aN 🖱 Ram: HyperX Fury 32GB 3200MHz DDR4 | https://amzn.to/2QyQEji 🖱 Solid State Drive: Sabrent 2TB Rocket NVMe PCIe M.2 2280 | https://amzn.to/3gKD9HO 🖱 Case: NZXT H510 | https://amzn.to/3aKAudi 🖱 Power supply: Corsair CX Series 650 Watt | https://amzn.to/3vx4Zez 🖱 CPU water cooler: Cooler Master MasterLiquid ML240L RGB V2 | https://amzn.to/3vus9Co 🖱 Wifi / Bluetooth Card: MQUPIN Wireless PCI-E Card, Fencvi T919 | https://amzn.to/3wU98Kt 🖱 Monitor: LG 27UN850-W 27 Inch Ultrafine UHD | https://amzn.to/3gLyrcH 🖱 Trackpad: Apple Magic Trackpad 2 | https://amzn.to/3nz80s1 🖱 Ethernet cable: https://amzn.to/3aRI31M 🔗 More about the legality: https://dortania.github.io/OpenCore-Install-Guide/why-oc.html#legality-of-hackintoshing 🔗 Learn how to create the USB installer in Windows instead of macOS: https://dortania.github.io/OpenCore-Install-Guide/installer-guide/winblows-install.html#making-the-installer ⭐️ Resources Referenced in Video ⭐️ 🔗 OpenCore Install Guide: https://dortania.github.io/OpenCore-Install-Guide/prerequisites.html#prerequisites 🔗 Hackintosh compatible hardware / parts: https://dortania.github.io/OpenCore-Install-Guide/macos-limits.html Software needed: 🔗 OpenCore: https://github.com/acidanthera/opencorepkg/releases 🔗 ProperTree: https://github.com/corpnewt/ProperTree 🔗 MountEFI: https://github.com/corpnewt/MountEFI 🔗 OC-Gen-X: https://github.com/Pavo-IM/OC-Gen-X/releases 💻 Command to make bootable installer for macOS Big Sur: sudo /Applications/Install\ macOS\ Big\ Sur.app/Contents/Resources/createinstallmedia --volume /Volumes/MyVolume 🔗 Find the commands for other versions of macOS here: https://support.apple.com/en-us/HT201372 🔗 Links for SSDTs (make sure to select the correct processor type): https://dortania.github.io/Getting-Started-With-ACPI/ssdt-methods/ssdt-prebuilt.html 💻 Device Properties for Coffee Lake: PciRoot(0x0)/Pci(0x2,0x0) AAPL,ig-platform-id 07009B3E framebuffer-patch-enable 01000000 framebuffer-stolenmem 00003001 💻 Boot-args: -v keepsyms=1 debug=0x100 alcid=1 prev-lang:kbd en-US:0 ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (2:48) Part 1 - Building the computer ⌨️ (43:36) Part 2 - Installing macOS Big Sur Product links are affiliate links. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis

jBlTQjcKuaY | 02 Jun 2021

Python for Bioinformatics - Drug Discovery Using Machine Learning and Data Analysis

Learn how to use Python and machine learning to build a bioinformatics project for drug discovery. ✏️ Course developed by Chanin Nantasenamat (aka Data Professor). Check out his YouTube channels for more bioinformatics and data science tutorials: https://www.youtube.com/dataprofessor/ and https://www.youtube.com/codingprofessor/ 🔗 And Medium blog posts for more data science tutorials https://data-professor.medium.com/ ⭐️ Code ⭐️ 💻 Parts 1-5 https://github.com/dataprofessor/bioinformatics_freecodecamp/ 💻 Part 6 https://github.com/dataprofessor/bioactivity-prediction-app ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (4:29) Part 1 - Data collection ⌨️ (26:57) Part 2 - Exploratory data analysis ⌨️ (49:41) Part 3 - Descriptor calculation ⌨️ (1:01:51) Part 4 - Model building ⌨️ (1:10:41) Part 5 - Model comparison ⌨️ (1:18:15) Part 6 - Model deployment -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Next.js for Beginners - Full Course

1WmNXEVia8I | 01 Jun 2021

Next.js for Beginners - Full Course

Learn how to get started and get proficient with Next.js. Through building a full-stack recipe app with Next.js, Sanity.io, and Vercel, you'll learn how to set up dynamic routing, pre-render, pull content from external APIs, set up serverless functions, offer real-time content previews, and deploy your app on the web. ✏️ Your instructor for this course is Kapehe, devrel specialist at Sanity.io. 💻 Code: https://github.com/sanity-io/next-recipe-app 🔗 Sign up for Sanity.io here: https://www.sanity.io/ ⭐ Resources ⭐ 🔗 https://nextjs.org/docs 🔗 https://www.sanity.io/docs 🔗 https://www.vercel.com ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:52) What is Next.js ⌨️ (0:04:05) Tools: Node.js, VS Code, and the command line ⌨️ (0:05:15) Setting up Next.js ⌨️ (0:10:02) Setting the Sanity Studio CMS ⌨️ (0:53:12) Connecting Next.js with your content lake ⌨️ (1:04:54) Making a simple navigation bar in _app.js ⌨️ (1:10:45) Making your first page template in index.js ⌨️ (1:30:15) Setting up dynamic routes with [slug].js ⌨️ (1:36:14) Diving into data fetching and pre-rendering with getStaticPaths & getStaticProps ⌨️ (2:01:36) Create a like button with API routes and serverless functions ⌨️ (2:16:46) Adding live real-time preview with Sanity.io's content lake ⌨️ (2:25:11) Set up automatic deployment with GitHub and Vercel ⌨️ (2:35:18) Summary: What you have learned and next steps -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Advanced Computer Vision with Python - Full Course

01sAkU_NvOY | 27 May 2021

Advanced Computer Vision with Python - Full Course

Learn advanced computer vision using Python in this full course. You will learn state of the art computer vision techniques by building five projects with libraries such as OpenCV and Mediapipe. If you are a beginner, don't be afraid of the term advance. Even though the concepts are advanced, they are not difficult to follow. ✏️ This course was developed by Murtaza Hassan. Check out his Murtaza's Workshop YouTube Channel: https://www.youtube.com/channel/UCYUjYU5FveRAscQ8V21w81A 💻 Code coming soon. 🔗 Learn to build computer vision mobile apps from Murtaza: https://www.computervision.zone/courses/computer-vision-mobile-apps/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:18) Chapter 1 - Hand Tracking - Basics ⌨️ (0:26:57) Chapter 1 - Hand Tracking - Module ⌨️ (0:49:20) Chapter 2 - Pose Estimation - Basics ⌨️ (1:08:25) Chapter 2 - Pose Estimation - Module ⌨️ (1:28:25) Chapter 3 - Face Detection - Basics ⌨️ (1:52:38) Chapter 3 - Face Detection - Module ⌨️ (2:12:55) Chapter 4 - Face Mesh - Basics ⌨️ (2:33:09) Chapter 4 - Face Mesh - Module ⌨️ (2:52:10) Project 1 - Gesture Volume Control ⌨️ (3:27:45) Project 2 - Finger Counter ⌨️ (4:05:43) Project 3 - AI Personal Trainer ⌨️ (4:52:55) Project 4 - AI Virtual Painter ⌨️ (6:01:26) Project 5 - AI Virtual Mouse -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full Course

4OaHB0JbJDI | 26 May 2021

🎮 Easy JavaScript Game Development with Kaboom.js (Mario, Zelda, and Space Invaders) - Full Course

Learn how use JavaScript and Kaboom.js to create three classic video games. You will create games similar to Space Invaders, Super Mario Bros. and Legend of Zelda. Kaboom.js makes makes it easier and quicker to create games. ✏️ This course was developed by Ania Kubów. Check out her channel: https://www.youtube.com/c/AniaKubów ⭐️ Code ⭐️ 🔗 Space Invaders: https://replit.com/@AniaKubow/Kaboomjs-Space-Invaders 🔗 Mario: https://replit.com/@AniaKubow/Kaboomjs-Mario 🔗 Zelda: https://replit.com/@AniaKubow/Kaboomjs-Zelda ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:12) The basics ⌨️ (0:16:47) Space Invaders ⌨️ (0:47:32) Mario ⌨️ (1:45:15) Zelda ⌨️ (2:46:39) Sharing to the Replit App Store ⌨️ (2:48:03) Using any Code Editor 🎉 Thanks to Replit for providing a grant that made this course possible. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn CSS Media Queries by Building 3 Projects - Full Course

aook54SsfhY | 24 May 2021

Learn CSS Media Queries by Building 3 Projects - Full Course

Learn how to use CSS Media Queries, which are essential to creating websites responsive to different screen sizes. After learning the basics, you will learn how to use media queries to create three practical projects. 📄 Article version: https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/ ✏️ This course was created by Joy Shaheb. Check out his channel: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw 💻 GitHub Repository: https://github.com/JoyShaheb/Project-image-repo/tree/main/Media-Query-Project ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:44) Setup ⌨️ (0:21:08) Project-1 ⌨️ (0:21:10) @ media rule ⌨️ (0:22:35) And operator ⌨️ (0:24:06) Media Type ⌨️ (0:24:39) Max-Width ⌨️ (0:27:01) Min-Width ⌨️ (0:33:56) Project-2 Desktop ⌨️ (1:05:55) Project-2 Mobile ⌨️ (1:14:58) Project-3 Desktop ⌨️ (1:23:07) Project-3 Mobile ⌨️ (1:25:53) Conclusion 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Modern C++ by Building an Audio Plugin (w/ JUCE Framework) - Full Course

i_Iq4_Kd7Rc | 20 May 2021

Learn Modern C++ by Building an Audio Plugin (w/ JUCE Framework) - Full Course

In this tutorial you will learn modern C++ by building an audio plugin with the JUCE Framework. ✏️ This course was developed by Matkat Music. Check him out on YouTube and Instagram: 🔗 https://www.youtube.com/matkatmusic 🔗 https://www.instagram.com/matkatmusic 💻 Code: https://github.com/matkatmusic/SimpleEQ 💻 Download the completed plugin: https://www.programmingformusicians.com/simpleeq/ 🎉 Check out the PRM::C++ for musicians course: https://www.programmingformusicians.com/pfmcpp/ ⭐️ Extra Resources ⭐️ 🔗 Starting from scratch on MacOS: https://youtu.be/fpYp4nz7CsQ 🔗 Starting from scratch on Windows: https://youtu.be/JHTcLVOcnQ4 🔗 Configuring VisualStudio to run AudioPluginHost automatically on Windows: https://youtu.be/R1KgcfgVGQA ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Part 1 - Intro ⌨️ (0:02:29) Part 2 - Setting up the Project ⌨️ (0:16:51) Part 3 - Creating Audio Parameters ⌨️ (0:30:32) Part 4 - Setting up the DSP ⌨️ (0:38:55) Part 5 - Setting up Audio Plugin Host ⌨️ (0:44:28) Part 6 - Connecting the Peak Params ⌨️ (0:55:50) Part 7 - Connecting the LowCut Params ⌨️ (1:06:27) Part 8 - Refactoring the DSP ⌨️ (1:26:46) Part 9 - Adding Sliders to GUI ⌨️ (1:40:12) Part 10 - Draw the Response Curve ⌨️ (2:05:02) Part 11 - Build the Response Curve Component ⌨️ (2:10:44) Part 12 - Customize Slider Visuals ⌨️ (3:03:05) Part 13 - Response Curve Grid ⌨️ (3:27:03) Part 14 - Spectrum Analyzer ⌨️ (4:16:55) Part 15 - Bypass Buttons -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Angular 11 Tutorial - Code a Project from Scratch

LiOzTQAz13Q | 18 May 2021

Angular 11 Tutorial - Code a Project from Scratch

Learn how to create an Angular 11 project from scratch in this full course. It uses a public API to create a game database website. You will gain a great foundation for building Angular applications. You will learn how to how to set up a project using Angular CLI, how to create components, how to make http calls, how to implement http interceptors, how to make services. Also you will learn how to set up routes for your application, how to pass data with routes and between the components, we will use pipes for data formatting, various Angular directives like ngFor and ngIf, and more. ✏️ Course created by Slobodan Gajic. Check out his channel: https://www.youtube.com/channel/UCBu5ulO4d-d47lAVybpRTkw 💻 Code: https://github.com/bobangajicsm/ng-video-games-db 🔗 API details: https://rapidapi.com/accujazz/api/rawg-video-games-database/details ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:00) Installation of project and modules ⌨️ (0:04:28) Search bar component ⌨️ (0:06:13) Styling search bar ⌨️ (0:09:36) Creating home component ⌨️ (0:10:03) Creating routes ⌨️ (0:15:08) Styling home component ⌨️ (0:18:58) Creating http service ⌨️ (0:21:23) Creating typescript models ⌨️ (0:23:43) Creating http interceptors ⌨️ (0:28:13) Implementing home component ⌨️ (0:35:13) Implementing sort menu ⌨️ (0:40:28) Creating details component ⌨️ (0:47:13) Styling details component ⌨️ (0:57:43) Details tabs component ⌨️ (1:02:33) Styling tabs ⌨️ (1:04:43) Implementing data into tabs ⌨️ (1:10:38) Final review -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Kivy Course - Create Python Games and Mobile Apps

l8Imtec4ReQ | 12 May 2021

Kivy Course - Create Python Games and Mobile Apps

In this Kivy tutorial, you will learn to create games and applications with Python for every platform (Windows, Mac, iOS, Android). First you will learn how to use the Kivy library. You will create graphical user interfaces with buttons, labels, and images. You will learn how to implement many kinds of layouts to create interfaces that can adapt to every screen size from desktop to mobile. Then you will create a full game with Kivy and Python. The GALAXY project is a perspective game where you need to keep your spaceship on the track. ✏️ Course developed by Jonathan Roux. Check out his channel: https://www.youtube.com/channel/UCvRpzbxj9iKxFBLuh5qxfzw 💻 Source code and resources files: https://codewithjonathan.net/resourceskivy 🕹 Try GALAXY on your mobile: http://onelink.to/6w47wy ⭐️ Course Contents ⭐️ Introduction 0:00:00 Introduction 0:02:03 The GUI libraries with Python (tkinter, QT, pygame...) 0:02:44 The course curriculum 0:03:37 Prerequisites Setup 0:04:09 Project creation and installation of Kivy 0:13:03 Download the resources files The Lab project | 1 - Layouts 0:13:31 Introduction 0:16:55 Button and Label 0:23:51 BoxLayout 0:30:49 Size_hint and Pos_hint 0:37:18 What can we do with Kivy ? 0:39:23 Embed a layout 0:41:10 AnchorLayout 0:45:36 GridLayout 0:50:15 StackLayout 0:59:30 ScrollView 1:02:28 PageLayout 1:05:05 Conclusion 1:07:10 Layouts : a practical example The Lab project | 2 - Widgets 1:08:58 Introduction 1:10:39 Button click 1:15:42 Exercise : Create a counter 1:18:06 Custom font 1:20:09 Toggle Button 1:24:00 Exercise : Enable/disable the counter 1:25:41 Disabled button 1:27:52 Switch 1:29:55 Slider 1:32:13 Exercise : Display the value of the slider 1:35:38 Exercise : Enable the slider 1:37:34 Progress bar 1:39:05 TextInput 1:43:31 Images 1:46:56 Create an application with multiple screens ? The Lab project | 3 - Canvas 1:47:39 Introduction 1:51:34 Rectangle and ellipse 1:56:32 Line 1:58:28 Exercise : Cross 2:00:32 Lines (Circle, ellipse, rectangle) and colors 2:04:15 Canvas from the code 2:07:30 Move the rectangle 2:10:41 Exercise : borders of the screen 2:13:25 Ball and animation 2:19:19 Exercise : Make the ball rebound 2:23:05 Coordinates and RelativeLayout 2:28:56 Exercise : Flag The Galaxy project | V1 2:30:32 Introduction 2:37:40 Project creation 2:39:09 Perspective point 2:44:35 Vertical lines 2:55:11 Principle : Perspective transformation 3:01:21 Perspective transformation 3:11:34 Exercise : Re-center 3:14:37 Horizontal lines 3:21:52 Horizontal lines perspective 3:28:33 Forward movement 3:36:08 Delta time 3:40:34 Exercise : Lateral movement 3:44:01 Exercise : Key press 3:47:58 Keyboard The Galaxy project | V2 3:53:58 Introduction 3:55:02 Structure our code 3:57:41 Tiles and lines coordinates 4:05:24 Exercise : Line Y from index 4:07:26 Display a tile 4:13:30 Move the tile 4:16:22 Display several tiles 4:20:36 Tiles : infinite generation 4:28:10 Random land generation 4:34:16 Exercise : Do not exit the land 4:36:42 Exercise : Start with a straight line 4:38:49 Exercise : Display the ship 4:44:52 Exercise : Fix the game speed 4:49:13 Collisions The Galaxy project | V3 4:58:34 Introduction 4:59:34 « Game over » state 5:04:07 Create the menu 5:08:32 Start of the game 5:16:25 Restart the game 5:19:45 Finalise the menu 5:24:38 Exercise : Add the background image 5:26:15 Exercise : Score 5:31:11 Exercise : Add the sounds 5:40:22 Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Typography for Designers - Full Course from Treehouse

agbh1wbfJt8 | 11 May 2021

Typography for Designers - Full Course from Treehouse

Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create typographic hierarchy, laying out type, and creating responsive typography. ✏️ This course was developed by Hope Armstrong. Hope is a Senior Product Designer at Treehouse. Join Treehouse to access more great courses: https://join.teamtreehouse.com/treehouse-new-student/ ⭐️ Course Contents ⭐️ 👏 Thanks to JM G for creating these time codes. ⌨️ (0:00) Introduction: What is Typography? ⌨️ (4:11) Typography vs Lettering ⌨️ (4:58) Typeface vs Font ⌨️ (5:57) How Typography Affects User Experience (UX) ⌨️ (10:06) Elements of TypeFace ⌨️ (12:40) Serifs ⌨️ (13:20) Sans-serifs (Without serifs) ⌨️ (13:28) Letterform Contrast ⌨️ (13:54) Text Contrast in Comparison to the Background ⌨️ (14:40) Text Color Contrast ⌨️ (16:27) Typeface Genres (Types of Typefaces) ⌨️ (17:46) Serif Sub-genres ⌨️ (20:54) Sans-serifs Sub-genres ⌨️ (23:25) Scripts ⌨️ (24:39) Print Design vs Digital Design ⌨️ (27:00) Help Clients Understand the Benefit of Good Fonts ⌨️ (29:05) Fixed vs Fluid Layouts ⌨️ (30:28) Choosing and Using Typefaces ⌨️ (31:41) Installing Fonts ⌨️ (32:15) A word on Font Formats ⌨️ (34:45) Choosing a Text Typface ⌨️ (37:12) Counters (Enclosed whitespace in Text) ⌨️ (38:20) Typeface 'Mood' Matching the Content ⌨️ (41:37) Choosing a Display Typeface ⌨️ (46:35) Translating Text Typeface to Display Typeface ⌨️ (48:08) Weight, Styles & Sizes ⌨️ (48:33) Faux Bold & Italics vs True Bold & Italics ⌨️ (51:34) Font Weighting & Styles ⌨️ (53:14) Design Project using Figma (More time codes to come.) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Chrome DevTools - Crash Course

gTVpBbFWry8 | 06 May 2021

Chrome DevTools - Crash Course

Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. Learn how to use them to improve your productivity as a web developer. You will learn how to do things like troubleshoot and live-edit web pages. ✏️ This course was developed by Nabheet Madan. Check out his channel: https://www.youtube.com/channel/UCW8OSu54ONLbsdV30tB3sKQ In this course, you will learn about the following dev tools: - Elements - Source - Console - Network - Performance - Application - Security - Memory - Lighthouse 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenCV Tutorial - Develop Computer Vision Apps in the Cloud With Python

iXNsAYOTzgM | 04 May 2021

OpenCV Tutorial - Develop Computer Vision Apps in the Cloud With Python

Learn how to use OpenCV in the cloud with Python. OpenCV is a library of programming functions mainly aimed at real-time computer vision. You will learn how to create computer vision applications in the cloud on Google Colab. You will use AI and machine learning. 💻 Code: https://colab.research.google.com/drive/1xBPk9ix9J5RxZx3Fria1xXWneotetxnH?usp=sharing ✏️ This course was developed by Misbah Mohammed. Check out his channel: https://www.youtube.com/user/19daredevill ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:18) Lesson 1: Changing color profiles in an image ⌨️ (0:05:01) Image Properties ⌨️ (0:15:17) Lesson 2: Edge Detection ⌨️ (0:21:08) Erosion and Dilation ⌨️ (0:30:40) Lesson 3: Image Manipulation-Noise Removal ⌨️ (0:41:56) Lesson 4: Drawing Shapes and Writing Text on Images ⌨️ (1:00:10) Intermediate Exercise 1: Color Detection ⌨️ (1:21:05) Intermediate Exercise 2: Face Detection ⌨️ (1:37:52) Intermediate Exercise 3: Shape Detection ⌨️ (2:01:55) Project 1: Ball Tracking ⌨️ (2:29:43) Project 2: Face Recognition ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Azure Administrator Certification (AZ-104) - Full Course to PASS the Exam

10PbGbTUSAg | 03 May 2021

Azure Administrator Certification (AZ-104) - Full Course to PASS the Exam

The Azure Administrator is the most popular Azure certification because it provides the broadest amount of practical knowledge to manage Azure infrastructure and it allows you to pivot into any career path for Azure-based roles. By the end of this full course taught by an expert trainer, you will be ready to take the exam for the Azure Administrator Certification - and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co ⭐Course Contents⭐ 00:00 Getting Started Azure AD 19:45 Intro 21:43 Use Cases 22:44 AD vs AAD 23:37 Terminology 25:54 Tenant 26:42 AD DS 27:51 AD Connect 29:04 Users 30:04 Groups 30:53 Assign Access Rights 31:38 External Identities 32:17 Create a Tenant 35:14 Upgrade License 37:58 User and Groups 41:39 Guest Users 43:53 Mass Import 46:45 MFA 50:51 Self Service Rest Password 53:22 AD CheatSheet AD Device Management 57:31 Intro to Device Management 1:00:14 AD Registered Devices 1:01:57 Windows Hello 1:02:31 MDM and MAM 1:04:16 EMS 1:05:10 MS Authenticator App 1:05:50 AD Joined Devices 1:07:35 FIDO2 and Security Keys 1:09:41 Hybrid AD Joined Devices 1:11:24 Windows Autopilot 1:12:19 Device Management Cheatsheet Roles 1:13:38 Type of Roles 1:14:32 IAM Access Controls 1:16:04 Classic Administrator 1:17:14 RBAC 1:20:06 AD Roles 1:21:30 Roles 1:24:21 Policies vs RBAC 1:25:35 AD Roles vs RBAC 1:26:50 Roles CheatSheet Azure Policies 1:28:32 Intro 1:30:06 Non Compliant Resources 1:30:35 Policy Definition File 1:34:45 Configure Policy 1:41:06 Policies CheatSheet ARM 1:41:54 Intro 1:43:18 Use Case 1:44:26 Scoping 1:45:54 Subscriptions 1:47:00 Management Groups 1:48:05 Resource Groups 1:48:40 Resource Providers 1:49:49 Resource Tags 1:51:24 Resource Locks 1:52:04 Blueprints 1:54:06 Moving Resources 2:06:40 ARM CheatSheet ARM Templates 2:08:58 Intro to ARM Templates 2:11:53 ARM Template Skeleton 2:13:15 ARM Template Resources 2:14:32 ARM Template Parameters 2:16:02 ARM Template Functions 2:17:42 ARM Template Variables 2:18:44 ARM Template Output 2:19:36 Launch an ARM Template 2:30:12 ARM Template CheatSheet Storage Accounts 2:32:04 Intro to Storage Accounts 2:33:48 Storage Comparison 2:35:49 Core Storage Services 2:37:43 Performance Tiers 2:39:51 Access Tiers 2:43:37 Replication Data Redundancy 2:45:30 LRS ZRS 2:47:01 GRS GZRS 2:49:02 RAGRS_RA GZRS 2:49:44 Intro to Blob 2:50:51 Blob Types 2:51:45 Blob Moving Data 2:52:50 Intro to Files 2:54:05 Files Use Cases 2:57:31 Files Feature 3:01:21 File Sync 3:02:21 Storage Explorer 3:02:55 AZCopy 3:04:42 Import Export Service 3:07:10 SAS 3:10:09 Use AZCopy to copy files to Storage Accounts 3:26:14 Create a File Share with Files 3:37:22 Setup Files Sync 3:54:31 Storage Accounts CheatSheet VMs 4:02:22 Intro 4:05:15 Operation Systems 4:07:01 Cloud Init 4:08:55 Sizes 4:12:15 ACUs 4:13:48 MobileApp 4:14:38 VM Generations 4:17:26 3 Ways To Connect 4:19:29 SSH 4:20:41 RDP 4:21:25 Bastion 4:23:57 Windows Vs Linux 4:26:34 Update Management 4:28:25 Create a Bastion 4:33:23 Create a Windows VM and RDP 4:38:53 Create a Linux VM and SSH 4:53:15 VM Monitoring 5:27:55 VM CheatSheets Disks 5:31:25 Intro 5:32:56 Encryption 5:34:01 Disk Roles 5:35:42 Managed Disk Snapshots Managed Custom Image 5:37:07 Disk Types 5:40:35 Bursting 5:41:48 Attaching Partitioning and Mounting a Disk 6:01:36 Disks CheatSheet Application Gateway 6:06:20 Intro 6:08:47 Routing Rules 6:11:43 AGW CheatSheet Scale Sets 6:13:20 Intro to Scale Sets 6:14:18 Associate a Load Balancer 6:15:24 Scaling Policy 6:18:51 Health Monitoring 6:20:18 Advanced Features 6:21:22 Scale Sets CheatSheet App Service 6:23:06 Intro 6:25:02 Runtimes 6:26:32 Custom Containers 6:27:15 Deployment Slots 6:28:12 App Service Environment 6:30:49 Deployment 6:34:53 App Service Plan 6:38:11 WebJobs 6:39:37 Configure and Deploy App Service 6:48:52 Trigger a Deploy via Github Actions 6:56:24 Create Deployment Slots 7:07:44 Scaling App Service 7:14:02 App Services CheatSheet Availability Follow Along 7:16:53 Backup VM using Images 7:23:27 Review Availability Sets 7:26:03 Create a Scale Sets 7:31:07 Create an Application Gateway Monitor 7:37:36 Intro 7:38:06 The Pillars of Observability 7:39:18 Anatomy of Monitor 7:40:36 Sources Application 7:42:26 Sources Operation System 7:44:00 Sources Resources 7:44:57 Source Subscription 7:45:16 Sources Tenant 7:45:42 Sources Custom Sources 7:46:08 Data Stores 7:47:43 Log Analytics Workspaces 7:48:35 Log Analytics 7:49:12 Kusto 7:50:31 Kusto Entities 7:51:55 Scalar Data Types 7:54:33 Control Commands 7:55:51 Functions 7:57:30 Scalar Operators 7:59:35 Tabular Operators 8:01:11 Metrics Explorer 8:02:39 Alerts 8:04:22 Dashboards 8:05:04 Workbooks 8:06:21 Application Insights 8:09:54 Monitor CheatSheet 8:15:45 Backup 8:31:10 ACI 8:41:42 ACR 8:45:19 AKS 9:13:36 DNS 9:30:07 Networking 10:53:41 NSG 11:00:44 Virtual WAN 11:12:38 VNGs

Learn Docker - DevOps with Node.js & Express

9zUHg7xjIqQ | 29 Apr 2021

Learn Docker - DevOps with Node.js & Express

Learn the core fundamentals of Docker by building a Node/Express app with a Mongo & Redis database. We'll start off by keeping things simple with a single container, and gradually add more complexity to our app by integrating a Mongo container, and then finally adding in a redis database for authentication. We'll learn how to do things manually with the cli, then move on to docker compose. We'll focus on the challenges of moving from a development environment to a production environment. We'll deploy and Ubuntu VM as our production server, and utilize a container orchestrator like docker swarm to handle rolling updates. ✏️ Course developed by Sanjeev Thiyagarajan. Check out his channel: https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ ⭐️ Course Contents ⭐️ 0:00:14 Intro & demo express app 0:04:18 Custom Images with Dockerfile 0:10:34 Docker image layers & caching 0:20:26 Docker networking opening ports 0:26:36 Dockerignore file 0:31:46 Syncing source code with bind mounts 0:45:30 Anonymous Volumes hack 0:51:58 Read-Only Bind Mounts 0:54:58 Environment variables 0:59:16 loading environment variables from file 1:01:31 Deleting stale volumes 1:04:01 Docker Compose 1:21:36 Development vs Production configs Part 02: Working with multiple containers 1:44:47 Adding a Mongo Container 2:01:48 Communicating between containers 2:12:00 Express Config file 2:21:45 Container bootup order 2:32:26 Building a CRUD application 2:51:27 Sign up and Login 3:06:57 Authentication with sessions & Redis 3:34:36 Architecture Review 3:40:48 Nginx for Load balancing to multiple node containers 3:54:33 Express CORS Part 03: Moving to Prod 3:57:44 Installing docker on Ubuntu(Digital Ocean) 4:03:21 Setup Git 4:05:37 Environment Variables on Ubuntu 4:14:12 Deploying app to production server 4:18:57 Pushing changes the hard way 4:25:58 Rebuilding Containers 4:27:32 Dev to Prod workflow review 4:30:50 Improved Dockerhub workflow 4:46:10 Automating with watchtower 4:56:06 Why we need an orchestrator 5:03:32 Docker Swarm 5:16:13 Pushing changes to Swarm stack -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm

mrHNSanmqQ4 | 28 Apr 2021

MERN Stack Course - ALSO: Convert Backend to Serverless with MongoDB Realm

Learn how to create a full-stack web app using the MERN stack. The MERN stack is MongoDB, Express, React, and Node.js. Also, learn how to use MongoDB Realm to convert the backend to serverless and host the entire thing for free in the cloud. You will even learn how to host the React frontend for free. ✏️ Course developed by Beau Carnes. 💻 Code: https://github.com/beaucarnes/restaurant-reviews In the code, the "realm" directory has the code to use in the MongoDB Realm functions. 🔗 Learn more about MongoDB here: https://university.mongodb.com/?utm_campaign=new_students&utm_source=partner&utm_medium=referral ⭐️ Resources ⭐️ 🔗 MongoDB Basics Course: https://university.mongodb.com/courses/M001/about?utm_campaign=new_students&utm_source=partner&utm_medium=referral 🔗 MongoDB for JavaScript Developers Course: https://university.mongodb.com/courses/M220JS/about?utm_campaign=new_students&utm_source=partner&utm_medium=referral 🔗 Docs on query operators (MQL & Aggregation Framework): https://docs.mongodb.com/manual/reference/operator/ 🔗 MongoDB security best practices: https://www.mongodb.com/security-best-practices ⭐️ Course Contents ⭐️ ⌨️ (0:00:00)​ Introduction ⌨️ (0:02:40) MongoDB overview ⌨️ (0:03:48) Setup MongoDB Atlas Cloud Database ⌨️ (0:06:44) Load sample data into database ⌨️ (0:08:16) Create Node / Express backend ⌨️ (1:05:38) Create React frontend ⌨️ (2:02:58) Setup MongoDB Realm and replace backend ⌨️ (2:39:46) Host frontend on MongoDB Realm 🎉 MongoDB provided a grant that made this course possible. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenGL Course - Create 3D and 2D Graphics With C++

45MIykWJ-C4 | 27 Apr 2021

OpenGL Course - Create 3D and 2D Graphics With C++

Learn how to use OpenGL to create 2D and 3D vector graphics in this course. Course by Victor Gordan. Check out his channel: https://www.youtube.com/channel/UC8WizezjQVClpWfdKMwtcmw 💻 Code: https://github.com/VictorGordan/opengl-tutorials See top comment for more resources. ⭐️ Contents ⭐️ Introduction 0:00:00 Introduction to Course Install 0:00:00 Downloads 0:02:11 Setting Up VS Project 0:02:50 Generating GLFW 0:03:29 Build Solution GLFW 0:04:03 Importing Libraries 0:04:53 Configuring VS 0:06:02 Finishing up & Testing Window 0:06:36 Initializing GLFW 0:07:03 Configuring GLFW 0:08:26 Creating Window 0:09:53 While Loop 0:11:01 OpenGL Viewport 0:11:36 Buffer Explanation 0:12:55 Adding Color 0:14:03 Comments for Window Triangle 0:14:25 Graphics Pipeline 0:16:56 Shaders Source Code 0:17:24 Vertices 0:18:54 Vertex and Fragment Shaders 0:20:45 Shader Program 0:21:36 Vertex Buffer Object 0:24:35 Vertex Array Object 0:26:57 Cleaning Up 0:27:34 Rendering Loop 0:28:38 Comments for Triangle Index Buffer 0:29:24 Normal Triangle 0:29:47 Duplicate Vertices 0:30:06 Solution 0:30:26 Index Buffer 0:30:51 Implementation 0:32:22 Comments for Index Buffer Organizing 0:32:33 Introduction to Organizing 0:32:43 Shader Text Files 0:33:21 Shader Class 0:35:27 VBO Class 0:36:18 EBO Class 0:36:35 VAO Class 0:37:36 Adding Classes to Main.cpp 0:37:59 Comments for Organizing Shaders 0:38:34 Introduction to Shaders 0:38:44 Shaders Properties 0:38:57 Vertex Shader 0:40:01 Fragment Shader 0:40:17 Adding Colors 0:41:23 Modifying the VAO class 0:41:54 Vertex Attribute Pointer Explanation 0:43:09 linkAttrib Code 0:43:19 Interpolation 0:43:50 Uniforms 0:46:08 Error Checking Shaders 0:46:29 Comments for Shaders Textures 0:46:39 Types of Textures 0:46:54 stb Library 0:47:58 Square 0:48:14 Texture Sizes 0:48:37 Importing in an Image 0:49:19 Creating the Texture 0:49:43 Texture Units 0:50:19 Interpolation Types 0:51:11 Texture Mapping 0:52:27 Assigning the Image to the Texture 0:53:10 Errors 0:53:21 Mipmaps 0:53:50 Texture Coordinates 0:54:15 Vertex and Fragment Shaders 0:54:51 Finishing up 0:55:39 Texture Class 0:55:56 Comments for Textures Going 3D 0:56:01 Introduction to Going 3D 0:56:11 Correction 0:56:23 Matrices 0:56:57 GLM 0:57:26 Coordinate Types 0:58:35 Transformation Matrices 0:59:13 Matrix Initialization 0:59:41 View & Projection Matrices 1:01:16 Importing Matrices 1:01:53 Matrices Final Multiplication 1:02:07 Pyramid 1:02:41 Rotation & Timer 1:03:11 Depth Buffer 1:03:36 Comments for Going 3D Camera 1:04:11 Header File 1:05:04 Basic Camera Class Functions 1:05:54 Main File Changes 1:06:21 Vertex Shader Changes 1:06:43 Key Inputs 1:07:38 Mouse Inputs 1:09:21 Fixing Camera Jumps 1:09:49 Comments for Camera Lighting 1:10:13 Modify Camera 1:10:30 Light Cube 1:10:50 Light Color 1:12:03 Diffuse Lighting & Normals 1:15:36 Ambient Lighting 1:16:18 Specular Lighting 1:17:54 Comments for Lighting Specular Maps 1:18:15 Modify Texture Class 1:18:34 Plane With Texture 1:19:06 Specular Maps Theory 1:19:30 Implementing Specular Maps 1:20:06 Ending for Specular Maps Types of Light 1:20:16 Types of Light 1:20:26 Point Light 1:20:41 Intensity Attenuation 1:20:51 Inverse Square Law 1:21:03 CG Intensity Equation 1:21:36 Implementation of Attenuation 1:22:09 Directional Light 1:22:52 Spotlight 1:23:08 Light Cones 1:23:18 Cones Comparison 1:23:31 Cos vs Angle 1:23:45 Finishing the Spotlight 1:24:19 Comments for Types of Light Mesh Class 1:24:33 Introduction for Mesh Class 1:24:46 Mesh Definition 1:25:01 Mesh Class Header 1:25:58 Modify the VBO Class 1:27:06 Modify the EBO Class 1:27:16 Mesh Constructor 1:27:41 Rearrange Shader Layouts 1:28:10 Mesh Draw Function I 1:28:51 Modify the Texture Class 1:29:22 Mesh Draw Function II 1:29:54 Modify the Uniforms 1:30:20 Main.cpp Changes 1:31:06 Comments for Mesh Class Model Loading 1:31:28 Introduction for Model Loading 1:31:47 Small Note on 3D Models 1:32:27 JSON Library 1:32:41 Model Header 1:33:03 Model.cpp File 1:33:13 JSON File Structure 1:33:30 Getting the Binary Data 1:34:07 glTF File Structure 1:36:28 getFloats() and getIndices() 1:39:09 Grouping Functions 1:39:19 assembleVertices() 1:39:50 Modifying the Texture Class 1:40:22 getTextures() 1:41:50 loadMesh() 1:42:23 Matrix Transformations Explanation 1:42:54 traverseNode() Declaration 1:43:28 Modifying the Mesh Class 1:43:41 Modifying the Vertex Shader 1:44:15 traverseNode() Writing 1:45:18 Modifying the Main.cpp File 1:45:28 Examples of Models 1:46:01 Comments for Model Loading

Data Structures For Python Developers (w/ Flask) - Course

74NW-84BqbA | 22 Apr 2021

Data Structures For Python Developers (w/ Flask) - Course

Learn about basic data structure concepts by building a Flask API with Python. 💻 Code: https://github.com/selikapro/FlaskDS ✏️ Course created by Georgio Tunson. Check out his channel: https://www.youtube.com/channel/UC5UgemAz061hkjTFHOfxNpg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:02) Install Python & Flask ⌨️ (0:06:05) Database Setup & API Skeleton ⌨️ (0:20:22) Install Database Browser ⌨️ (0:29:51) Linked List ⌨️ (0:33:04) Install Postman ⌨️ (1:31:35) Hash Table ⌨️ (2:06:35) Binary Search Tree ⌨️ (2:40:12) Stacks and Queues Links for installing necessary dependencies: 🔗 Python Install: https://www.python.org/ 🔗 Flask Install: https://flask.palletsprojects.com/en/1.1.x/installation/ 🔗 Flask-SQLAlchemy: https://flask-sqlalchemy.palletsprojects.com/en/2.x/ 🔗 Sqlite3 DB Browser: https://sqlitebrowser.org/dl/ 🔗 Postman Install: https://www.postman.com/downloads/ 🔗 Dummy Data Script: https://github.com/selikapro/FlaskDS/blob/master/generate_dummy_data.py Video Resources: 🔗 Binary Search Explained: https://www.youtube.com/watch?v=UQ1_sQ0_E8M 🔗 Recursion Explained: https://www.youtube.com/watch?v=LrQjMY0eWC0 Georgio's Links: 🔗 Twitter: https://twitter.com/selikapro 🔗 Instagram: https://www.instagram.com/selikapro 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

UML Diagrams Full Course (Unified Modeling Language)

WnMQ8HlmeXc | 21 Apr 2021

UML Diagrams Full Course (Unified Modeling Language)

Learn about how to use UML diagrams to visualize the design of databases or systems. You will learn the most widely used Unified Modeling Language diagrams, their basic notation, and applications. UML diagrams are frequently used in software development. Course from Ave Coders. Check out their channel: https://www.youtube.com/channel/UCBvWPPieVSwyvfXvspW2vAg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:02:50) Overview of the main Diagrams in UML 2.0 ⌨️ (0:09:39) Class Diagram ⌨️ (0:17:43) Component Diagram ⌨️ (0:25:27) Deployment Diagram ⌨️ (0:31:49) Object Diagram ⌨️ (0:37:41) Package Diagram ⌨️ (0:45:07) Composite Structure Diagram ⌨️ (0:51:32) Profile Diagram ⌨️ (0:57:09) Use Case Diagram ⌨️ (1:04:29) Activity Diagram ⌨️ (1:10:08) State Machine Diagram ⌨️ (1:17:17) Sequence Diagram ⌨️ (1:26:12) Communications Diagram ⌨️ (1:33:57) Interaction Overview Diagram ⌨️ (1:37:11) Timing Diagram -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial

mDgEqoQUBgk | 19 Apr 2021

Create an Instagram Clone with React, Tailwind CSS, Firebase - Tutorial

Learn how to create an Instagram clone with React and JavaScript! This project uses React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth), Tailwind CSS, LoadTest, Lighthouse, Vercel, React Testing Library and Cypress E2E Testing. This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles. The sign-in page connects to Firebase when a user tries to sign in, and when a user signs up, Firebase auth is used to store the user in the Firebase auth database. After the application is built you will learn how to deploy it to Vercel. ✏️ Course created by Karl Hadwen. Check out his channel: https://www.youtube.com/c/CognitiveSurge 💻 Code: https://github.com/karlhadwen/instagram ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:05:37) Showcase ⌨️ (0:15:28) Create React App (yarn) ⌨️ (0:18:22) Project Folder Structure ⌨️ (0:20:26) Installing Dependencies ⌨️ (0:22:47) Refactoring unnecessary files, refactoring code ⌨️ (0:29:18) Install ESLint ⌨️ (0:33:06) Creating Folder Structure & Architecture ⌨️ (0:43:05) Setup Firebase ⌨️ (0:44:22) Firestore ⌨️ (0:46:44) Firestore Rules ⌨️ (0:48:43) Firestore (Collections & Docs) ⌨️ (0:51:00) Firebase Authentication ⌨️ (0:53:59) Realtime Database (Explanation) ⌨️ (0:54:45) createContext in firebase.js ⌨️ (1:02:34) Creating App in Firebase ⌨️ (1:09:15) Start working on Login Page ⌨️ (1:10:17) Install React Router Dom ⌨️ (1:18:15) Create Routes ⌨️ (1:21:51) Continue working on Login Page (Part 2) ⌨️ (1:26:35) Tailwind.css Introduction ⌨️ (1:31:34) Continue working on Login Page (Part 3) ⌨️ (1:32:35) Install more dependencies ⌨️ (1:36:30) Change how all scripts work ⌨️ (1:40:21) yarn add postcss -D ⌨️ (1:40:57) Create components folder ⌨️ (1:34:19) Tailwind.css setup ⌨️ (1:35:51) Completed Tailwind Setup, Continue working on Login Page (Part 4) ⌨️ (1:39:28) Interjection: Field Value ⌨️ (1:41:56) Continue working on Login Page ⌨️ (2:01:47) Tailwind.config ⌨️ (2:06:05) Login Functionality (with Firebase) ⌨️ (2:11:12) Signup Page ⌨️ (2:22:53) Check for user created is a duplicate ⌨️ (2:54:49) Not Found & Dashboard Page ⌨️ (3:01:11) Created Timeline Component ⌨️ (3:01:28) Created Sidebar Component ⌨️ (3:01:47) Created Header Component ⌨️ (3:04:14) use-auth-listener.js Hook ⌨️ (3:11:23) users.js UserContext ⌨️ (3:15:38) Back to Header Component ⌨️ (3:42:21) Working on Dashboard Page ⌨️ (3:45:59) Working on Sidebar Component ⌨️ (3:46:15) use-user.js hook ⌨️ (4:04:20) In user.js ⇒ Introduction to prop types ⌨️ (4:25:03) Created Timeline.js ⌨️ (4:25:43) Explanation on useMemo ⌨️ (4:27:45) Add WhyDidYouRender ⌨️ (4:29:53) Struggling with some issues ⌨️ (4:42:42) Finally Figuring out some problems with WhyDidYouRender ⌨️ (4:50:41) Working on suggestion.js (sidebar completed) ⌨️ (4:59:20) Get suggested profiles ⌨️ (5:16:28) Functionality: Remove followed user from suggestion ⌨️ (5:23:12) Functionality: Update user’s following & followers ⌨️ (5:34:18) Overview on Timeline ⌨️ (5:40:47) Creating Post Component ⌨️ (5:42:57) Creating more custom hooks (usePhotos) ⌨️ (6:04:16) Rendering out the photos (using React skeleton) ⌨️ (6:10:55) Start work on Post Component ⌨️ (6:15:18) Components within Post ⌨️ (6:16:03) Header Component ⌨️ (6:20:56) Image & Actions ⌨️ (6:27:32) Service call in Firebase ⌨️ (6:42:44) Show Comments ⌨️ (6:51:13) Add Comments ⌨️ (7:12:26) Adding Protected Routes ⌨️ (7:27:13) Profile ⌨️ (7:30:20) Lazy load explanation ⌨️ (7:45:23) Continue working on Profile Page ⌨️ (7:58:48) Header Component in Profile Page ⌨️ (8:02:14) Profile Specific Header ⌨️ (8:18:00) Get User Photos ⌨️ (8:37:52) Continue working on header ⌨️ (9:20:31) Information in header ⌨️ (9:37:09) Photos Component in Profile Page ⌨️ (9:50:07) Recap of everything we’ve done ⌨️ (9:52:55) Start of Review ⌨️ (9:55:33) Not found header ⌨️ (9:57:04) Review of usePhotos, useUsers, isUserLoggedIn, ProtectedRoute ⌨️ (9:58:35) Review of contexts: firebase.js and user.js ⌨️ (9:58:57) Review of Routes & Posts ⌨️ (10:01:31) loadtest (Npm install -g loadtest) ⌨️ (10:15:27) Create a production build ⌨️ (10:38:28) Deployment to Vercel done but with issues ⌨️ (10:51:47) Issues fixed ⌨️ (10:52:19) Lighthouse ⌨️ (11:02:27) Wrapping up ⌨️ (11:04:13) Changes and Refactoring (Fixing Bugs) ⌨️ (11:48:50) Quick Look at Paid Version ⌨️ (11:49:59) Cypress ⌨️ (11:54:08) Signing Off -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Django 3 Course - Python Web Framework (+ pandas, matplotlib, & more)

04L0BbAcCpQ | 16 Apr 2021

Django 3 Course - Python Web Framework (+ pandas, matplotlib, & more)

Learn Django, a Python web framework, in this full course. The course also covers pandas, matplotlib, JavaScript, ajax, xhtml2pdf, dropzone.js, and more! You will learn about: ➜ django concepts (models, views, templates, signals and more!) ➜ pandas dataframes ➜ matplotlib and seaborn integration ➜ pdf integration ➜ javascript ajax integration ➜ dropzone js for csv files ➜ working with base64 ➜ and more! ✏️ Course developed by Pyplane. Check out their channel: https://www.youtube.com/channel/UCQtHyVB4O4Nwy1ff5qQnyRw 💻 Source code and starter files: https://blog.pyplane.com/blog/django-report-app/ ⭐️ Coruse Contents ⭐️ ⌨️ (0:00:00​) intro ⌨️ (0:03:35​) django project setup part 1 ⌨️ (0:09:56​) django project setup part 2 ⌨️ (0:15:11​) django project setup part 3 ⌨️ (0:25:21​) customer model ⌨️ (0:30:49​) product model ⌨️ (0:36:30​) profile model + post_save signal ⌨️ (0:48:14​) sale model ⌨️ (1:12:05​) m2m_changed signal ⌨️ (1:19:15​) reports model ⌨️ (1:24:14​) first view and template ⌨️ (1:33:25​) working on the sales list ⌨️ (1:39:58​) navigating to the detail page ⌨️ (1:49:27​) creating the search form ⌨️ (1:58:15​) get the data from the search form ⌨️ (2:01:08​) first querysets and dataframes ⌨️ (2:17:05​) display dataframes in the templates ⌨️ (2:24:04​) dataframe for the positions ⌨️ (2:32:47​) get the sales id for position objects ⌨️ (2:38:00​) the apply function ⌨️ (2:49:01​) merge dataframes ⌨️ (2:54:57​) perform groupby ⌨️ (2:58:12​) working on the charts part 1 ⌨️ (3:02:58​) working on the charts part 2 ⌨️ (3:17:18​) hello world from the console ⌨️ (3:21:29​) adding the modal ⌨️ (3:29:04​) add the report form to the modal ⌨️ (3:35:45​) add the 'results by' field ⌨️ (3:50:02​) no data available alert ⌨️ (3:53:51​) add the chart to the modal ⌨️ (3:58:48​) create report objects ⌨️ (4:28:46​) adding alerts to the modal ⌨️ (4:33:27​) report list and detail page ⌨️ (4:41:35​) working on the report list ⌨️ (4:47:43​) working on the report detail ⌨️ (4:51:33​) first pdf ⌨️ (4:58:13​) the report pdf ⌨️ (5:04:19​) add dropzone + favicon ⌨️ (5:07:30​) working on the dropzone js part 1 ⌨️ (5:17:01​) working on the dropzone js part 2 ⌨️ (5:23:52​) uploading csvs ⌨️ (5:35:45​) first objects from file ⌨️ (5:49:27​) improving the dropzone ⌨️ (5:56:15​) dropzone js final touches ⌨️ (6:04:03​) adding my profile ⌨️ (6:09:42​) working on my profile ⌨️ (6:17:06​) authentication ⌨️ (6:31:14​) protecting the views ⌨️ (6:36:17​) adding the navbar ⌨️ (6:49:03​) the forgotten sale detail page ⌨️ (6:57:06​) outro + next steps 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Unity - Beginner's Game Development Course

gB1F9G0JXOo | 15 Apr 2021

Learn Unity - Beginner's Game Development Course

Learn to develop games using the Unity game engine in this complete course for beginners. This course will get you up and running with Unity. Free game assets included! ✏️ Course developed by Fahir from Awesome Tuts. Check out his channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw ⭐️ Resources ⭐️ 🔗 Unity Introduction Project Assets: http://cdn.freecodecamp.org/youtube/unity-course/Unity%20Introduction%20Project%20Assets.zip 🔗 Unity Introduction Project: http://cdn.freecodecamp.org/youtube/unity-course/Unity%20Introduction%20Project.zip 🔗 Monster Chase Game Assets: http://cdn.freecodecamp.org/youtube/unity-course/Monster%20Chase%20Assets.zip 🔗 Complete Monster Chase Game: http://cdn.freecodecamp.org/youtube/unity-course/Monster%20Chase.zip ⭐️ Course Contents ⭐️ ⌨️ (0:00:00)​ Introduction ⌨️ (0:00:48)​ Downloading Unity And Unity Hub ⌨️ (0:05:20)​ About Unity Versions And Creating A New Project ⌨️ (0:09:07)​ Introduction To Unity's Interface ⌨️ (0:22:10)​ Starting With Unity's Basics ⌨️ (0:29:47)​ Rigid Bodies And Colliders ⌨️ (0:38:19)​ Audio Source And UI Elements ⌨️ (0:45:47)​ Moving Our Character With Code ⌨️ (0:54:22)​ Introduction To Variables ⌨️ (1:06:14)​ Operations With Variables ⌨️ (1:19:01)​ Functions ⌨️ (1:34:22)​ Conditional Statements ⌨️ (1:49:29)​ Loops ⌨️ (1:58:41)​ Coroutines ⌨️ (2:04:39)​ Classes ⌨️ (2:16:46)​ Accessibility Modifiers(Data Encapsulation) ⌨️ (2:26:54)​ Inheritance ⌨️ (2:43:35)​ Getting Components ⌨️ (2:52:32)​ Monster Chase Game Intro ⌨️ (2:53:55)​ Importing Assets ⌨️ (3:02:22)​ Creating Player Animations ⌨️ (3:17:36)​ Sorting Layers And Order In Layer ⌨️ (3:24:04)​ Creating The Game Background ⌨️ (3:33:03)​ Player Movement ⌨️ (3:50:26)​ Animating The Player Via Code ⌨️ (4:03:34)​ Player Jumping ⌨️ (4:19:03)​ Camera Follow Player ⌨️ (4:30:42)​ Enemy Animations ⌨️ (4:39:40)​ Enemy Script ⌨️ (4:51:15)​ Enemy Spawner ⌨️ (5:15:15)​ Enemy Collision ⌨️ (5:31:55)​ The Collector Script ⌨️ (5:40:32)​ Unity's UI System ⌨️ (5:53:06)​ Creating Main Menu ⌨️ (6:02:34)​ Navigating Between Scenes ⌨️ (6:13:04)​ Selecting A Character ⌨️ (6:20:50)​ Static Variables ⌨️ (6:30:23)​ Singleton Pattern ⌨️ (6:41:35)​ Events And Delegates ⌨️ (7:13:11)​ Instantiating The Selected Character ⌨️ (7:17:59)​ Finishing Our Game 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How To Make a Website With WordPress - 2021 (Beginners Tutorial)

O79pJ7qXwoE | 13 Apr 2021

How To Make a Website With WordPress - 2021 (Beginners Tutorial)

Learn every step to make a WordPress website in this beginner's course. No coding necessary! You will learn how to get a domain name and hosting, install Wordpress, use a theme, customize the exact website you want, and more. ✏️ This course was developed by Beau Carnes. 🎉 Hostinger provided a grant that made this course possible. 🔗 Get a 10% discount at Hostinger with code "GETSTARTED": https://www.hostinger.com/getstarted ⭐️Resources ⭐️ 🔗 https://logomakr.com/ 🔗 https://www.pexels.com/ 🔗 https://unsplash.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:54) What is WordPress? ⌨️ (0:02:14) Getting a domain name and hosting from Hostinger ⌨️ (0:06:40) Using a domain from a different company with Hostinger ⌨️ (0:08:56) Understanding hosting dashboard ⌨️ (0:10:47) Installing WordPress ⌨️ (0:10:47) Logging into WordPress admin dashboard ⌨️ (0:13:47) Uninstalling default plugins ⌨️ (0:14:48) Dashboard overview ⌨️ (0:15:13) Updating Wordpress ⌨️ (0:15:47) Adding and modifying users ⌨️ (0:16:40) Updating Permalinks ⌨️ (0:17:40) Installing a WordPress theme (OceanWP) ⌨️ (0:20:05) Installing plugins ⌨️ (0:22:31) Installing a demo template ⌨️ (0:27:09) Backing up WordPress website ⌨️ (0:29:20) Begin customizing website ⌨️ (0:30:54) Creating custom logo ⌨️ (0:35:12) Update website general colors ⌨️ (0:36:39) Adding favicon ⌨️ (0:38:12) Begin editing website content ⌨️ (0:39:34) Adding custom element with Elementor ⌨️ (0:40:18) Editing text on website ⌨️ (0:43:50) Updating links ⌨️ (0:44:47) Change colors of individual elements ⌨️ (0:46:48) Adding pictures ⌨️ (0:50:15) Updating layout and look ⌨️ (0:55:08) Adding new sections to page ⌨️ (1:00:20) Updating pages ⌨️ (1:03:24) Updating menus ⌨️ (1:05:19) Creating new page ⌨️ (1:12:01) Setting homepage to be a blog ⌨️ (1:13:35) Updating blog entries page ⌨️ (1:17:43) Creating new blog post ⌨️ (1:21:42) Edit blog post display settings ⌨️ (1:23:28) Removing sample articles ⌨️ (1:24:39) Turn off comments ⌨️ (1:25:37) Begin editing contact page ⌨️ (1:26:30) Adding custom contact form ⌨️ (1:30:50) Updating website header ⌨️ (1:31:49) Updating social links ⌨️ (1:33:58) Updating website footer ⌨️ (1:43:09) Updating custom CSS ⌨️ (1:44:36) Updating scroll to top button ⌨️ (1:45:15) Conclusion 🎉 Thanks to our Champion supporters: 👾 Otis Morgan 👾 DeezMaster 👾 Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code s Snake Game with Python and Pygame 🐍 - Tutorial

8dfePlONtls | 08 Apr 2021

Code s Snake Game with Python and Pygame 🐍 - Tutorial

In this Python / Pygame tutorial you will build a snake and apple game. This Python project for beginners is perfect for you to get exposure on how you can build an end-to-end Python project after learning the basics of Python. ✏️ Course created by Dhaval Patel from codebasics. Check out his channel: https://www.youtube.com/c/codebasics 💻 Code: https://github.com/codebasics/python_projects/tree/main/1_snake_game 🎥 Watch the Hindi version of this course: https://youtu.be/k2zZp9Mbd8E ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro and create surface ⌨️ (0:21:03) Converting into OOP ⌨️ (0:31:48) Moving block with timer ⌨️ (0:37:10) Draw snake and apple ⌨️ (0:49:34) Snake eats apple, find score ⌨️ (1:07:33) Game over logic ⌨️ (1:20:07) Add background music,image ⌨️ (1:31:45) Convert python to exe 🎉 Thanks to our Champion supporters: Otis Morgan DeezMaster Katia Moran -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Scikit-learn Crash Course - Machine Learning Library for Python

0B5eIE_1vpU | 07 Apr 2021

Scikit-learn Crash Course - Machine Learning Library for Python

Scikit-learn is a free software machine learning library for the Python programming language. Learn how to use it in this crash course. ✏️ Course created by Vincent D. Warmerdam. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) introduction ⌨️ (0:03:08) introducing scikit-learn ⌨️ (0:34:36) preprocessing ⌨️ (0:53:36) metrics ⌨️ (1:24:49) meta-estimators ⌨️ (1:45:34) human-learn ⌨️ (2:06:17) wrap-up ⭐️ Code ⭐️ 💻 Full code: https://github.com/koaning/calm-notebooks 💻 Notebook per section: 🖥 introducing scikit-learn: https://github.com/koaning/calm-notebooks/blob/master/scikit-learn/scikit-learn.ipynb 🖥 preprocessing: https://github.com/koaning/calm-notebooks/blob/master/scikit-prep/scikit-prepare.ipynb 🖥 metrics: https://github.com/koaning/calm-notebooks/blob/master/scikit-metrics/scikit-metrics.ipynb 🖥 meta estimators: https://github.com/koaning/calm-notebooks/blob/master/scikit-meta/scikit-meta.ipynb 🖥 human-learn: https://github.com/koaning/calm-notebooks/blob/master/human-learn/human-learn.ipynb ⭐️ Other Recources ⭐️ 🔗 https://calmcode.io 🔗 scikit-learn docs: https://sklearn.org/index.html 🔗 spaCy course: https://www.youtube.com/watch?v=WnGPv6HnBok&list=PLBmcuObd5An559HbDr_alBnwVsGq-7uTF&ab_channel=Explosion 🔗 PyData Youtube channel: https://www.youtube.com/user/PyDataTV 🔗 algorithm whiteboard: https://www.youtube.com/watch?v=Czto6GzJah8&list=PL75e0qA87dlG-za8eLI6t0_Pbxafk-cxb&index=32&ab_channel=Rasa -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

Yg5zkd9nm6w | 06 Apr 2021

E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

Learn how to build an e-commerce website using Django and Vue from scratch. Django uses Python Vue uses JavaScript. Django Rest Framework is used to build the API and backend. The frontend is a separate Vue project. To handle the payments, we implement Stripe. ✏️ The course was developed by CodeWithStein. Check out his channel: https://www.youtube.com/c/CodeWithStein 🐦 CodeWithStein on twitter: https://twitter.com/codewithstein 💻 Code - Django: https://github.com/SteinOveHelset/djackets_django 💻 Code - Vue: https://github.com/SteinOveHelset/djackets_vue 🔗 Live demo: https://djackets.codewithstein.com/ 🔗 The files and commands I use on the server can be found in the repository here: https://github.com/SteinOveHelset/djackets_django/tree/main/extras ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:55) Demo ⌨️ (0:02:41) Install and setup (Django) ⌨️ (0:11:39) Install and setup (Vue) ⌨️ (0:15:49) Include Font Awesome ⌨️ (0:16:28) Set up the base template ⌨️ (0:22:55) Create django app and models for products ⌨️ (0:33:19) Create serializer and views for the products ⌨️ (0:39:50) Create simple front page (latest products) ⌨️ (0:45:40) View a product ⌨️ (0:55:57) Sette opp Vuex / State ⌨️ (0:57:27) Make it possible to add to cart ⌨️ (1:05:31) Implement a loading bar ⌨️ (1:08:59) Set document title (All pages) ⌨️ (1:09:58) Make it possible to view a category ⌨️ (1:21:07) Add search functionality ⌨️ (1:28:07) View cart ⌨️ (1:34:34) Change contents of cart ⌨️ (1:38:14) Make it possible to sign up ⌨️ (1:43:34) Make it possible to log in ⌨️ (1:48:38) Create a simple my account page ⌨️ (1:53:24) Proceed to checkout (Authentication) ⌨️ (1:58:59) Create a simple success page ⌨️ (2:14:29) Show my orders on the my account page ⌨️ (2:18:41) Deploy Django ⌨️ (2:40:39) Deploy Vue (Generate files locally, Send files to server, Set up nginx virtual host) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web App Testing with WebdriverIO - Crash Course

RJ2kwpzX8so | 02 Apr 2021

Web App Testing with WebdriverIO - Crash Course

WebdriverIO is an E2E automation framework built to automate modern web and mobile applications. It simplifies the interaction with your app and provides a set of plugins that help you create a scalable, robust and stable test suite. In this video, we will be covering - What is WebdriverIO? How you can set up WebdriverIO in your machine and how you can write and run E2E UI tests using WebdriverIO. At the end of the video, we will take existing tests and generate reports using the Allure Reporter. ✏️ Course created by Automation Bro. Check out their channel: https://www.youtube.com/automationbro 💻 Code - https://github.com/automationbro/webdriverio-v7 🔗 Node JS - https://nodejs.org/en/download/ 🔗 WebdriverIO - https://webdriver.io/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) WebdriverIO v7 Crash Course ⌨️ (01:03) What is WebdriverIO? ⌨️ (01:57) Advantages of using WebdriverIO ⌨️ (03:19) WebdriverIO Setup & Installation ⌨️ (09:31) Review Wdio.conf.js file ⌨️ (11:40) Review auto-generated tests ⌨️ (17:13) Create WebdriverIO test ⌨️ (22:14) Implement POM ⌨️ (24:43) Working with multiple elements ⌨️ (29:12) WebdriverIO Assertions ⌨️ (31:01) Waits in WedriverIO ⌨️ (43:59) Parallel testing with WebdriverIO ⌨️ (47:11) Generate Allure Report with WebdriverIO ⌨️ (51:20) Review what we covered Website - http://automationbro.com/ Twitter - https://twitter.com/AutomationBro -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Node.js and Express.js - Full Course

Oe421EPjeBE | 01 Apr 2021

Node.js and Express.js - Full Course

Learn how to use Node and Express in this comprehensive course. First, you will learn the fundamentals of Node and Express. Then, you will learn to build a complex Rest API. Finally, you will build a MERN app and other Node projects. ✏️ Course developed by John Smilga. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 💻 Code: https://github.com/john-smilga/node-express-course ⭐️ Course Contents ⭐️ ⌨️ (00:00​) Introduction ⌨️ (01:41​) What Is Node ⌨️ (02:56​) Course Requirements ⌨️ (04:16​) Course Structure ⌨️ (04:59​) Browser Vs Server ⌨️ (07:50​) Install Node ⌨️ (11:08​) Repl ⌨️ (13:27​) Cli ⌨️ (19:07​) Source Code ⌨️ (20:27​) Globals ⌨️ (29:34​) Modules Setup ⌨️ (32:46​) First Module ⌨️ (45:32​) Alternative Syntax ⌨️ (49:50​) Mind Grenade ⌨️ (53:47​) Built-In Module Intro ⌨️ (56:31​) Os Module ⌨️ (1:04:13​) Path Module ⌨️ (1:10:06​) Fs Module (Sync) ⌨️ (1:18:28​) Fs Module (Async) ⌨️ (1:27:32​) Sync Vs Async ⌨️ (1:34:29​) Http Intro ⌨️ (1:35:58​) Http Module (Setup) ⌨️ (1:40:53​) Http Module (More Features) ⌨️ (1:45:57​) NPM Info ⌨️ (1:50:19​) NPM Command ⌨️ (1:53:10​) First Package ⌨️ (2:02:52​) Share Code ⌨️ (2:09:04​) Nodemon ⌨️ (2:15:04​) Uninstall ⌨️ (2:17:53​) Global Install ⌨️ (2:23:22​) Package-Lock.Json ⌨️ (2:25:56​) Important Topics Intro ⌨️ (2:27:38​) Event Loop ⌨️ (2:30:47​) Event Loop Slides ⌨️ (2:37:46​) Event Loop Code Examples ⌨️ (2:47:07​) Async Patterns - Blocking Code ⌨️ (2:54:49​) Async Patterns - Setup Promises ⌨️ (3:00:35​) Async Patterns - Refactor To Async ⌨️ (3:06:05​) Async Patterns - Node's Native Option ⌨️ (3:12:41​) Events Info ⌨️ (3:14:44​) Events Emitter - Code Example ⌨️ (3:18:37​) Events Emitter - Additional Info ⌨️ (3:21:44​) Events Emitter - Http Module Example ⌨️ (3:25:10​) Streams Intro ⌨️ (3:26:18​) Streams - Read File ⌨️ (3:33:01​) Streams - Additional Info ⌨️ (3:35:05​) Streams - Http Example ⌨️ (3:40:29​) End Of Node Tutorial Module ⌨️ (3:40:46​) HTTP Request/Response Cycle ⌨️ (3:44:49​) Http Messages ⌨️ (3:55:52​) Starter Project Install ⌨️ (3:57:59​) Starter Overview ⌨️ (4:03:25​) Http Basics ⌨️ (4:15:09​) Http - Headers ⌨️ (4:24:50​) Http - Request Object ⌨️ (4:32:00​) Http - Html File ⌨️ (4:37:20​) Http - App Example ⌨️ (4:48:02​) Express Info ⌨️ (4:51:50​) Express Basics ⌨️ (5:03:05​) Express - App Example ⌨️ (5:14:31​) Express - All Static ⌨️ (5:18:13​) API Vs SSR ⌨️ (5:24:07​) JSON Basics ⌨️ (5:32:40​) Params, Query String - Setup ⌨️ (5:39:13​) Route Params ⌨️ (5:48:25​) Params - Extra Info ⌨️ (5:50:42​) Query String ⌨️ (6:07:31​) Additional Params And Query String Info ⌨️ (6:10:46​) Middleware - Setup ⌨️ (6:21:27​) APP.USE ⌨️ (6:28:31​) Multiple Middleware Functions ⌨️ (6:36:36​) Additional Middleware Info ⌨️ (6:43:26​) Methods - GET ⌨️ (6:49:01​) Methods - POST ⌨️ (6:52:53​) Methods - POST (Form Example) ⌨️ (7:05:31​) Methods - POST (Javascript Example) ⌨️ (7:21:22​) Install Postman ⌨️ (7:30:19​) Methods - PUT ⌨️ (7:41:43​) Methods - DELETE ⌨️ (7:50:05​) Express Router - Setup ⌨️ (8:05:36) Express Router - Controllers -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Java Beginner Course - Get Started Coding with Java!

7WiJGTPuVeU | 25 Mar 2021

Java Beginner Course - Get Started Coding with Java!

Learn how to start programming in Java in this beginners course. What you will learn: -The absolute basics of getting started with Java -Understand the components of the Java platform (JVM, JDK, JRE) -Be able to install the JDK and set it up to write Java programs -Be able to install an IDE to program in Java -Understand the basics of an IDE and the features it offers to help with Java programming -Appreciate foundational Java programming syntax that form the building blocks of Java programs -Have a feel and appreciation for Java and want to take it further! ✏️ This course was created by Matt Speake. Check out his other amazing courses: https://courses.javaeasily.com ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:04) Overview of Java ⌨️ (0:13:08) Java Platform Components ⌨️ (0:27:17) The Java Development Kit ⌨️ (0:40:04) The IDE (Integrated Development Environment) ⌨️ (0:57:07) Java Syntax Basics ⌨️ (1:12:47) Writing, Compiling, Running and Debugging a Java Program -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Six Quick Python Projects

SqvVm3QiQVk | 24 Mar 2021

Six Quick Python Projects

Improve your Python programming skills by coding six different Python projects. You will create a web scraping program, a bulk file renamer, a weather program, a countdown timer, a password generator, and a QR code encoder / decoder. ✏️ Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi ⭐️ Course Contents ⭐️ (00:00) Intro (00:37) Web Scraping Program (13:53) Renaming Bulk Files (24:54) Getting Weather Information (33:12) Countdown Timer (42:11) Password Generator (53:12) QR Code With Python Connect With Tomi: 🐦 Twitter: https://twitter.com/TomiTokko3 📄 Newsletter: https://www.codewithtomi.ml/p/newsletter.html (and get a python ebook for free) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pixel Effects with JavaScript and HTML Canvas - Tutorial

UoTxOVEecbI | 23 Mar 2021

Pixel Effects with JavaScript and HTML Canvas - Tutorial

Learn how to implement pixel effects using JavaScript. Make your website come to life with interactive animated logos or headers, or just practice fundamental JavaScript coding techniques with me on these fun examples. In this tutorial we will go from basics to advanced and create multiple different pixel effects with vanilla JavaScript and HTML canvas. The tutorial starts with a simple beginner friendly project, where we analyze image for pixel data and use it to color shift the image and turn it into grayscale. Then we use that basic knowledge in a powerful way to create many different advanced animations with vanilla JavaScript and HTML canvas, completely from scratch. ⭐️ Code ⭐️ 🔗Project 1 Smoke: https://codepen.io/franksLaboratory/details/ZEprPKx 🔗Project 2 Rainbow: https://codepen.io/franksLaboratory/pen/MWjBPgB 🔗Project 3 Fire: https://codepen.io/franksLaboratory/pen/XWjBPOx 🔗Project 4 Particle text with liquid filter applied: https://codepen.io/franksLaboratory/pen/VwKEeqR ✏️ Course created by Frank Dvorak. Check him out on YouTube and Twitter. 🎥 https://www.youtube.com/frankslaboratory 🐦 https://twitter.com/code_laboratory ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:00:55) Project 1 INTRODUCTION to pixel manipulation for beginners ⌨️ (00:02:30) How to bring image into HTML canvas project ⌨️ (00:05:15) How to analyze image for pixel data ⌨️ (00:11:58) How to turn image into grayscale ⌨️ (00:14:55) Project 2 BLACK AND WHITE PIXEL RAIN using image data ⌨️ (00:19:45) Particle system using JavaScript classes ⌨️ (00:25:18) Connect particle movement to pixel data ⌨️ (00:43:50) Project 3 PIXEL FLOW EFFECTS ⌨️ (00:53:12) HTML canvas gradients, filters and other experiments ⌨️ (01:04:48) Project 4 INTERACTIVE PARTICLE TEXT ⌨️ (01:13:50) Creating particles ⌨️ (01:21:33) Particle physics and mouse interactions ⌨️ (01:35:46) How to shape particles as letters ⌨️ (01:49:15) Constellations effect from particles.js with vanilla JavaScript -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Algorithms and Data Structures - Full Course for Beginners from Treehouse

8hly31xKli0 | 18 Mar 2021

Algorithms and Data Structures - Full Course for Beginners from Treehouse

In this course you will learn about algorithms and data structures, two of the fundamental topics in computer science. There are three main parts to this course: algorithms, data structures, and a deep dive into sorting and searching algorithms. By the end, you will understand what algorithms and data structures are, how they are measured and evaluated, and how they are used to solve problems. This course was developed by Treehouse teachers Pasan Premaratne and Jay McGavren. Join Treehouse to access more great courses: https://join.teamtreehouse.com/treehouse-new-student/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to Algorithms ⌨️ (1:57:44) Introduction to Data Structures ⌨️ (4:11:02) Algorithms: Sorting and Searching ⭐️ Code Snippets for Course ⭐️ 💻 Introduction to Algorithms: ⌨️ Algorithms in Code: 🔗 Linear Search Implementations: https://teamtreehouse.com/library/introduction-to-algorithms/algorithms-in-code/linear-search-implementations 🔗 Binary Search Implementations: https://teamtreehouse.com/library/introduction-to-algorithms/algorithms-in-code/binary-search-implementations 💻 Introduction to Data Structures ⌨️ Exploring Arrays: 🔗 Array Characteristics and Storage: https://teamtreehouse.com/library/introduction-to-data-structures/exploring-arrays/array-characteristics-and-storage 🔗 Operations on Arrays: https://teamtreehouse.com/library/introduction-to-data-structures/exploring-arrays/operations-on-arrays ⌨️ Building a Linked List: 🔗 Singly and Doubly Linked Lists: https://teamtreehouse.com/library/introduction-to-data-structures/building-a-linked-list/singly-and-doubly-linked-lists-2 🔗 Linked List Operations: https://teamtreehouse.com/library/introduction-to-data-structures/building-a-linked-list/linked-lists-operations ⌨️ The Merge Sort Algorithm: 🔗 Merge Sort Implementations: https://teamtreehouse.com/library/introduction-to-data-structures/the-merge-sort-algorithm/merge-sort-implementations 🔗 Alternate Versions of Merge Sort: https://teamtreehouse.com/library/introduction-to-data-structures/the-merge-sort-algorithm/alternate-versions-of-merge-sort ⌨️ Merge Sort and Linked Lists: 🔗 Implementing Merge Sort on Linked Lists: https://teamtreehouse.com/library/introduction-to-data-structures/merge-sort-and-linked-lists/implementing-merge-sort-on-linked-lists 💻 Algorithms: Sorting and Searching ⌨️ Sorting Algorithms: 🔗 Code for Bogosort: https://teamtreehouse.com/library/algorithms-sorting-and-searching/sorting-algorithms/code-for-bogosort 🔗 Code for Selection Sort: https://teamtreehouse.com/library/algorithms-sorting-and-searching/sorting-algorithms/code-for-selection-sort 🔗 Code for Quicksort: https://teamtreehouse.com/library/algorithms-sorting-and-searching/sorting-algorithms/code-for-quicksort 🔗 Code for Merge Sort: https://teamtreehouse.com/library/algorithms-sorting-and-searching/sorting-algorithms/code-for-merge-sort ⌨️ Searching Names: 🔗 Code for Linear Search: https://teamtreehouse.com/library/algorithms-sorting-and-searching/searching-names/code-for-linear-search 🔗 Code for Binary Search: https://teamtreehouse.com/library/algorithms-sorting-and-searching/searching-names/code-for-binary-search -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

User Authentication in Web Apps (Passport.js, Node, Express)

F-sFp_AvHc8 | 16 Mar 2021

User Authentication in Web Apps (Passport.js, Node, Express)

In this full course for beginners, you will learn how to implement user authentication from scratch in your web apps. You will learn how to use Passport.js in a Node / Express app. 💻 Starter Code 🔗 https://github.com/zachgoll/express-session-authentication-starter 🔗 https://github.com/zachgoll/express-jwt-authentication-starter ✏️ Course created by Zach Gollwitzer. Check out his channel: https://www.youtube.com/zachgollwitzer ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:04) Topics and Prerequisites ⌨️ (0:16:43) Intro to HTTP Headers and Cookies ⌨️ (0:34:23) Intro to Express Middleware ⌨️ (1:05:04) Intro to Express Sessions ⌨️ (1:31:10) Implementation of Passport Local Strategy ⌨️ (2:50:21) Intro to Public Key Cryptography ⌨️ (3:34:31) How do JWTs work? ⌨️ (4:16:58) Implementation of Passport JWT Strategy ⌨️ (5:17:29) Implementing a Custom JWT Auth Solution ⌨️ (5:46:20) JWT Strategy in Angular Front-End App -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn TypeScript - Full Course for Beginners

gp5H0Vw39yw | 15 Mar 2021

Learn TypeScript - Full Course for Beginners

Learn the TypeScript programming language in this crash course for beginners. By the end of this course you will understand all modern TypeScript features. ✏️ Created by Alexander Kochergin. Check out his channel: https://www.youtube.com/MonsterlessonsAcademy 💻 Code: https://github.com/monsterlessonsacademy/typescript-course ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:30) Do I need to learn Typescript? ⌨️ (05:02) How to install Typescript tools? ⌨️ (12:55) Typescript Type definitions introduction ⌨️ (22:02) Introduction to Interfaces in Typescript ⌨️ (31:22) Union & Type alias in Typescript ⌨️ (39:58) Any never void unknown in Typescript ⌨️ (49:57) Typescript Working with DOM ⌨️ (58:27) Creating classes in Typescript ⌨️ (1:09:37) Generics interfaces and functions in Typescript ⌨️ (1:27:17) How to use Enums in Typescript ⌨️ (1:34:07) Outro -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Database Systems - Cornell University Course (SQL, NoSQL, Large-Scale Data Analysis)

4cWkVbC2bNE | 11 Mar 2021

Database Systems - Cornell University Course (SQL, NoSQL, Large-Scale Data Analysis)

Learn about relational and non-relational database management systems in this course. This course was created by Professor Immanuel Trummer, PhD. He is an assistant professor for computer science at Cornell University. 🐦 Follow Professor Trummer on Twitter: https://twitter.com/ImmanuelTrummer 🎥 Watch part 2 of this course here (8 more hours): https://youtu.be/lxEdaElkQhQ You will learn how to query database systems via languages such as SQL (the structured query language). Then, you will see how database systems work internally, how they store and index data, how they process and optimize queries, and how they process transactions while providing guarantees such as isolation, atomicity, and durability (ACID guarantees). The course addresses questions of database design and discusses novel approaches to data management via NoSQL or NewSQL systems. Finally, the course will discuss about graph, stream, and spatial data, and about systems that are specialized for those data types. The lectures are from the Fall 2020 online lecture at Cornell by Prof. Trummer (www.itrummer.org). 🔗 Slides: http://cdn.freecodecamp.org/youtube/database-course-slides/database_course_slides.zip ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) The Structured Query Language (SQL) ⌨️ (3:04:52) Storing and Indexing Data ⌨️ (5:52:44) Relational Data Processing ⌨️ (10:40:23) Transaction Processing ⌨️ (https://youtu.be/lxEdaElkQhQ) Database Design ⌨️ (https://youtu.be/lxEdaElkQhQ) Beyond Relational Data ⭐️ Additional Reading ⭐️ About the first two thirds of the course are based on the textbook "Database Management Systems" by Raghu Ramakrishnan and Johannes Gehrke. The last third of the course discusses recently proposed systems, more details about them can be found in the corresponding research papers. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flask Course - Python Web Application Development

Qr4QMBUPxWo | 10 Mar 2021

Flask Course - Python Web Application Development

Learn the Flask Python web framework by building a market platform with an authentication system. 💻 Full code: https://github.com/jimdevops19/FlaskSeries 💻 Get code snippets used in the course: http://www.jimshapedcoding.com/courses/Flask%20Full%20Series ✏️ Course created by Jim from JimShapedCoding. Check out his channel: https://www.youtube.com/channel/UCU8d7rcShA7MGuDyYH1aWGg ⭐️ Course Contents ⭐️ ⌨️ P1 (0:00:00) Introduction ⌨️ P2 (0:20:37) Styling & Templates ⌨️ P3 (0:41:37) Sending data to Templates ⌨️ P4 (1:02:56) Template Inheritance ⌨️ P5 (1:21:14) Models and Databases ⌨️ P6 (1:51:13) Project Restructure ⌨️ P7 (2:05:41) Model Relationships ⌨️ P8 (2:25:37) Flask Forms ⌨️ P9 (2:51:58) Flask Validations ⌨️ P10 (3:14:05) Flashes & Advanced Validations ⌨️ P11 (3:41:04) User Authentication Part 1 ⌨️ P12 (3:59:56) User Authentication Part 2 ⌨️ P13 (4:34:16) Logout and Customizations ⌨️ P14 (4:51:25) Item Purchasing Part 1 ⌨️ P15 (5:18:39) Item Purchasing Part 2 ⌨️ P16 (5:54:13) Item Selling Useful Links: 🔗 Python Download - https://www.python.org/downloads/​ 🔗 Pycharm Download - https://www.jetbrains.com/pycharm/download/ 🔗 Flask Starter Template - https://flask.palletsprojects.com/en/1.1.x/quickstart/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Linux Server Course - System Configuration and Operation

WMy3OzvBWc0 | 09 Mar 2021

Linux Server Course - System Configuration and Operation

Linux has long been a favorite operating system for server administration because it’s a secure open-source O.S. that’s able to be both stable and flexible. This course will teach you how to configure servers running the Linux operating system, including the boot process, kernel modules, network connection parameters, and localization groups. Follow along with CBT Nuggets’ trainer Shawn Powers as he details every part of configuring, monitoring and supporting a server set-up that runs the Linux operating system. ⭐️ Course Contents ⭐️ (0:00:00) Introduction (0:00:34) Explain Linux Kernel and Boot Concepts (0:37:20) Configure and Verify Network Connections (1:17:13) Manage Storage in a Linux Environment (2:12:18) Install, Update, and Configure Software (2:32:40) Manage Users and Groups (3:02:32) Create, Modify, and Redirect Files (3:51:20) Manage Local Services (4:16:40) Summarize and Explain Server Roles (4:49:50) Automate and Schedule Jobs (5:06:30) Explain and Use Linux Devices ✏️ Course created by CBT Nuggets. Take the next step in building your sysadmin skills with their FREE System Administration course: http://cbt.gg/3q6A4mq 🔗 Sign up for a free trial to access CBT Nuggets’ entire training library: http://cbt.gg/2MAhdSX 🔗 CBT Nuggets YouTube: https://www.youtube.com/user/cbtnuggets 🔗 CBT Nuggets Twitter: https://twitter.com/CBTNuggets 🔗 CBT Nuggets LinkedIn: https://www.linkedin.com/company/cbt-nuggets -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Discord Bot with JavaScript - Host for Free in the Cloud

7rU_KyudGBY | 08 Mar 2021

Code a Discord Bot with JavaScript - Host for Free in the Cloud

Learn how to code a Discord bot using JavaScript / Node.js and host it for free in the cloud using Repl.it. You will also learn to use Repl.it's built-in database. 🔗 Get 3 months FREE of the Hacker Plan on Repl.it (first 1000 people): https://repl.it/claim?code=tryalwayson2103 This course was developed by Beau Carnes. 🎥 Code a Discord Bot with Python Video: https://youtu.be/SPTfmiYiuok 💻 Full code on repl.it: https://repl.it/@BeauCarnes/Encourage-Bot-JS 🔗 Online code editor: https://repl.it 🔗 Discord Home Page: https://discord.com/ 🔗 Discord Developer Portal: https://discord.com/developers/applications 🔗 Discord.js library: https://discord.js.org/ Need help with this tutorial? You can ask questions here: https://forum.freecodecamp.org/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:38) Creating a Discord Server ⌨️ (02:27) Creating a Bot User ⌨️ (06:23) Starting a Project in Repl.it ⌨️ (08:37) Coding a Basic Discord Bot ⌨️ (15:44) Improving the Bot ⌨️ (26:35) Using the Repl.it Database to Store Bot Settings ⌨️ (46:08) Testing the Bot ⌨️ (50:22) Creating a Web Server for the Bot ⌨️ (55:06) Connecting Uptime Robot So Bot Runs Continuously Special thanks to Repl.it for providing a grant that made this course possible. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a Twitter Clone with Vue.js, Quasar & Firebase for iOS, Android, Mac & Windows

la-0ulfn0_M | 05 Mar 2021

Create a Twitter Clone with Vue.js, Quasar & Firebase for iOS, Android, Mac & Windows

Learn how to create a beautiful, responsive, cross-platform Twitter app from SCRATCH and get it running and working on 5 different platforms: 👉 iOS 👉 Android 👉 Mac 👉 Windows 👉 Web Browser (SPA) YES - we'll be creating apps that can be deployed to all the different App Stores AND to the Web as well! All from a SINGLE Vue.js codebase - using Quasar Framework & Firebase! ✏️ Created by Danny Connell. Check out his YouTube Channel: https://www.youtube.com/c/MakeAppswithDanny 💻 Finished Source Code: https://github.com/dannyconnell/qwitter ⭐️ Course Contents ⭐️ ⌨️ (00:00​) Introduction ⌨️ (01:08​) What We’re Gonna Create ⌨️ (02:56​) What is Quasar Framework? ⌨️ (04:57​) Create a Quasar Project ⌨️ (07:43​) Quasar Folder Structure ⌨️ (10:47​) Create Layout with Layout Builder ⌨️ (12:55​) Header ⌨️ (15:51​) Left Drawer (Navigation) ⌨️ (26:05​) Right Drawer (Search Bar & News Feed) ⌨️ (31:08​) Mobile Header ⌨️ (35:45​) Pages & Routes ⌨️ (40:40​) About Page ⌨️ (42:23​) New Tweet Form ⌨️ (58:31​) Tweets List - Design ⌨️ (1:06:24​) Tweets List - Data ⌨️ (1:10:43​) Add a Tweet ⌨️ (1:12:55​) Delete a Tweet ⌨️ (1:16:34​) Animation ⌨️ (1:22:40​) Final Design Touches ⌨️ (1:28:19​) Firebase - Setup Cloud Firestore ⌨️ (1:38:21​) Firebase - Get & Display Tweets ⌨️ (1:45:59​) Firebase - Add New Tweet ⌨️ (1:48:59​) Firebase - Delete Tweet ⌨️ (1:56:07​) Firebase - Update Tweet (Like) ⌨️ (2:06:00​) Fix Final Issues ⌨️ (2:10:27​) Deploy to Mac (Electron) ⌨️ (2:14:34​) Deploy to Windows (Electron) ⌨️ (2:19:04​) Deploy to iOS (Cordova) ⌨️ (2:25:28​) Deploy to Android (Cordova) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS Basics for Beginners - Full Course

ulprqHHWlng | 04 Mar 2021

AWS Basics for Beginners - Full Course

This course will teach you AWS basics right through to advanced cloud computing concepts. Ideal for beginners - absolutely no cloud computing experience is required! There are lots of hands-on exercises using an AWS free tier account to give you practical experience with Amazon Web Services. Visual slides and animations will help you gain a deep understanding of Cloud Computing. This is the perfect course for Beginners to the Cloud who want to learn the fundamentals of AWS - putting you in the perfect position to launch your AWS Certification journey and career in cloud computing. 👍 Download the course code and files here: https://digitalcloud.training/aws-basics-for-beginners-course-downloads/ 👍 Access your free Guide to AWS Certifications (ebook) here: https://digitalcloud.training/aws-free-ebook-beginners-guide-to-aws-certification/ 🎥 Course developed by Neal Davis - Founder of Digital Cloud Training 🔗 Check out the Digital Cloud Training YouTube channel: https://www.youtube.com/c/digitalcloudtraining ⭐️ Course Contents ⭐️ (00:00:00) Course Introduction   Section 1 - AWS Basics (00:00:53) Introduction (00:01:19) Amazon Web Services Overview (00:04:26) AWS Global Infrastructure (00:07:35) AWS Pricing (00:15:37) Setup your AWS Free Tier Account (00:21:19) Create a Billing Alarm (00:27:34) IAM Overview (00:32:47) Create IAM User and Group (00:37:38) Amazon Virtual Private Cloud (VPC) (00:48:36) Security Groups and Network ACLs (00:58:40) AWS Public and Private Services (01:00:51) Install the AWS Command Line Interface   Section 2 - Amazon Elastic Compute Cloud (EC2) (01:02:08) Introduction (01:02:36) Amazon EC2 Overview (01:08:00) Launching an Amazon EC2 Instance (01:16:42) Connecting to Amazon EC2 Instances (01:27:48) Create a Website Using User Data (01:33:52) Using Access Keys with EC2 (01:34:50) Using IAM Roles with EC2 (01:39:05) Scale Elastically with Amazon EC2 Auto Scaling (01:47:47) Create a Target Tracking Scaling Policy (01:55:43) Add Load Balancing with Amazon ELB   Section 3 - AWS Storage Services (02:09:52) Introduction (02:10:28) AWS Storage Services Overview (02:12:40) Create an Attach EBS Volume (02:20:47) Instance Store Volumes (02:23:34) EBS Snapshots and AMIs (02:31:38) Create Amazon EFS File System (02:40:26) Amazon S3 Create Bucket and Make Public (02:47:32) Working with S3 Objects from the AWS CLI   Section 4 - AWS Databases (02:52:49) Introduction (02:53:28) Amazon RDS Overview (02:59:52) Create Amazon RDS Multi-AZ (03:10:35) Add an Amazon RDS Read Replica (03:16:18) Install WordPress on EC2 with RDS Database (03:23:56) Amazon DynamoDB   Section 5 - Automation on AWS (03:34:34) Introduction (03:35:34) How to Deploy Infrastructure Using AWS CloudFormation (03:37:36) Create Simple Stacks with AWS CloudFormation (03:47:52) Create Complex Stack with AWS CloudFormation (03:56:45) Deploy an Application Using AWS Elastic Beanstalk   Section 6 - DevOps on AWS (04:02:00) Introduction (04:02:43) Continuous Integration and Continuous Delivery (CI/CD) (04:05:55) AWS CodePipeline with AWS Elastic Beanstalk (04:15:26) Create AWS CodeStar Project   Section 7 - DNS Services and Content Delivery (04:25:47) Introduction (04:26:23) Amazon Route 53 Overview and Routing Policies (04:30:22) Register Domain Using Route 53 (04:35:44) Create Amazon CloudFront Distribution with S3 Static Website (04:44:30) Add an SSL/TLS Certificate and Route 53 Alias Record   Section 8 - Docker Containers and Serverless Computing (04:53:35) Introduction (04:54:34) Docker Containers on Amazon ECS (05:06:06) Serverless with AWS Lambda   Section 9 - Application Integration and Loose Coupling (05:13:12) Introduction (05:14:01) Amazon SNS and Amazon SQS (05:16:32) AWS Lambda to Amazon SQS Event Source Mapping (05:22:49) Serverless Application - Amazon SQS, SNS, and Lambda 🔗 Digital Cloud Training: https://digitalcloud.training/ 🔗 LinkedIn: https://www.linkedin.com/in/nealkdavis/ 🔗 Twitter: https://twitter.com/nealkdavis 🔗 Instagram: https://www.instagram.com/digitalcloudtraining/ 👍 AWS Cloud Practitioner - https://digitalcloud.training/amazon-aws-free-certification-training-cloud-practitioner/ 👍 AWS Solutions Architect Associate - https://digitalcloud.training/amazon-aws-free-certification-training-solutions-architect/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Postman Beginner's Course - API Testing

VywxIQ2ZXw4 | 01 Mar 2021

Postman Beginner's Course - API Testing

Postman has over 10 million users worldwide. This course will introduce you to Postman and is suited for beginners. You will learn how to build API requests with Postman, how to inspect responses and create workflows. The second part of the course will get into the most exciting feature of Postman: writing API tests and automating their execution. You will learn about the collection runner, Postman monitors and Newman. You will get hands-on experience and will have plenty opportunities to practice. The best way to learn is by doing the assignments. 📚 Course Notes: https://github.com/vdespa/introduction-to-postman-course 🎥 Course created by Valentin Despa, Developer Educator 🐦 Valentin on Twitter: @vdespa 📺 Valentin on YouTube: https://www.youtube.com/channel/UCUUl_HXJjU--iYjUkIgEcTw?sub_confirmation=1 ⭐️ Course Contents ⭐️ ⭐️ Unit 1 - Introduction to Postman ⌨️ Lesson 1 - Welcome (0:00:00​) ⌨️ Lesson 2 - What is Postman (0:01:12​) ⌨️ Lesson 3 - How to install Postman (0:03:06​) ⌨️ Lesson 4 - Your first request with Postman (0:04:45​) ⌨️ Lesson 5 - HTTP (0:07:07​) ⌨️ Lesson 6 - Postman collections and variables (0:11:10​) ⌨️ Lesson 7 - Query parameters (0:15:55​) ⌨️ Lesson 8 - Assignment (0:22:50​) ⌨️ Lesson 9 - Path variables (0:25:21) ⌨️ Lesson 10 - POST request / API Authentication (0:30:07) ⌨️ Lesson 11 - JSON format (0:41:21) ⌨️ Lesson 12 - Assignment (0:45:11) ⌨️ Lesson 13 - Random test data (0:47:32) ⌨️ Lesson 14 - Is Postman the right tool for me? (0:50:59) ⌨️ Lesson 15 - Viewing existing orders (0:52:16) ⌨️ Lesson 16 - Assignment (0:53:59) ⌨️ Lesson 17 - PATCH request (0:55:56) ⌨️ Lesson 18 - DELETE request (0:59:03) ⭐️ Unit 2 - Test automation with Postman ⌨️ Lesson 19 - Introduction to test automation (1:01:52) ⌨️ Lesson 20 - Your first API tests (1:02:52​) ⌨️ Lesson 21 - Assignment (1:14:55) ⌨️ Lesson 22 - Postman variables (1:19:20) ⌨️ Lesson 23 - Extracting data from the response (1:24:13) ⌨️ Lesson 24 - Assignment (1:36:51) ⌨️ Lesson 25 - Assignment (1:38:08) ⌨️ Lesson 26 - Collection runner (1:42:52) ⌨️ Lesson 27 - Request execution order (1:49:00) ⌨️ Lesson 28 - Postman monitors (1:53:32) ⌨️ Lesson 29 - Newman (1:57:45) ⌨️ Lesson 30 - HTML reports with Newman (2:01:58) ⌨️ Lesson 30 - CI/CD overview (2:05:28) ⌨️ Lesson 31 - Conclusion (2:08:24) -- Learn to code for free and get a developer job: https://www.freecodecamp.org​ Read hundreds of articles on programming: https://medium.freecodecamp.org​ And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React and Golang JWT Authentication - Tutorial

d4Y2DkKbxM0 | 26 Feb 2021

React and Golang JWT Authentication - Tutorial

Learn how to create a secure authentication system with React & Go using HttpOnly Cookies. ✏️ Course created by Scaleable Scripts. Check out their channel: https://www.youtube.com/c/ScalableScripts Code: 💻 https://github.com/scalablescripts/go-auth 💻 https://github.com/scalablescripts/react-auth ⭐️ Course Contents ⭐️ ⌨️ (00:00) Preview ⌨️ (01:51) Go Project Setup ⌨️ (03:50) Database ⌨️ (07:11) Folder Structure ⌨️ (10:26) Register ⌨️ (21:09) Login ⌨️ (34:34) Authenticated User ⌨️ (41:15) Logout ⌨️ (44:41) React Setup ⌨️ (45:51) Template ⌨️ (50:25) Routes & Components ⌨️ (56:33) Register ⌨️ (01:04:40) Login ⌨️ (01:08:03) Authenticated User ⌨️ (01:11:53) Logout ⌨️ (01:17:19) Final Changes -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create an Arkanoid Game with TypeScript - Tutorial

7bejSTim38A | 25 Feb 2021

Create an Arkanoid Game with TypeScript - Tutorial

Learn how to build a game with vanilla Typescript. Build the classic Arkanoid game with types, classes, modules and modern code in Typescript. Use modules thanks to Parcel that bundles and builds the code. 💻 Starter files and finished project: https://github.com/weibenfalk/typescript-arkanoid ✏️ Course developed by Thomas Weibenfalk. Check out his channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Serverless Functions Course - Create a Serverless API

DiwS9VTMFv0 | 24 Feb 2021

Serverless Functions Course - Create a Serverless API

Serverless functions and computing allows you to build and run applications and services without thinking about servers. Learn how to implement your own serverless functions in this complete course. ✏️ Course developed by John Smilga. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA 💻 Code (Starter) - https://github.com/john-smilga/serverless-functions-starter 💻 Code (Complete) - https://github.com/john-smilga/serverless-functions-complete-project ⭐️ Course Contents ⭐️ ⌨️ (0:00:00)​ Intro ⌨️ (0:01:17)​ Serverless Functions Info ⌨️ (0:07:25)​ Services Info ⌨️ (0:09:31)​ Front-End ⌨️ (0:11:11)​ Requirements ⌨️ (0:12:55)​ Text Editor ⌨️ (0:13:54)​ Starter Project ⌨️ (0:14:53)​ Install Starter ⌨️ (0:17:21)​ Starter Overview ⌨️ (0:32:12)​ First Function ⌨️ (0:41:30)​ Function Syntax Overview ⌨️ (0:51:36)​ Status Codes ⌨️ (0:59:20)​ First Example ⌨️ (1:11:44)​ Redirects And Auto Imports ⌨️ (1:22:43)​ Basic Api Intro ⌨️ (1:26:12)​ Basic API Function ⌨️ (1:32:00)​ Basic Api Front-End ⌨️ (1:44:34)​ Deploy Intro ⌨️ (1:45:46)​ Continuous Deployment ⌨️ (1:55:07)​ CORS Errors Fixed ⌨️ (2:01:49)​ Free Requests Info ⌨️ (2:03:40)​ Airtable Info ⌨️ (2:08:54)​ Airtable Signup ⌨️ (2:14:17)​ Setup Products ⌨️ (2:20:10)​ Airtable API ⌨️ (2:26:30)​ Fetch Products From Airtable ⌨️ (2:37:06)​ ENV VARS ⌨️ (2:42:10)​ Display Products ⌨️ (2:53:33)​ Single Product Function ⌨️ (3:08:48)​ Single Product Front-End ⌨️ (3:20:39)​ Combine In One Function ⌨️ (3:25:38)​ ENV VARS Netlify ⌨️ (3:30:03)​ React App Intro ⌨️ (3:33:16)​ Setup React Starter ⌨️ (3:37:43)​ Basic Example ⌨️ (3:48:11)​ Serverless Function ⌨️ (3:53:41)​ Airtable Products ⌨️ (4:00:51)​ Single Product - React Router ⌨️ (4:07:33)​ Single Product Page ⌨️ (4:17:04) Deploy React App -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Visualization with D3, JavaScript, React - Full Course [2021]

2LhoCfjm8R4 | 22 Feb 2021

Data Visualization with D3, JavaScript, React - Full Course [2021]

Learn Data Visualization with D3, JavaScript, and React in this 17-hour course. Part 2: https://youtu.be/H2qPeJx1RDI 🎥 Created by Curran Kelleher. His channel: https://www.youtube.com/channel/UCSwd_9jyX4YtDYm9p9MxQqw ⭐️Sections/Code⭐️ 00:00 Datavis 2020 Introduction 05:22 What is Data Visualization 14:30 Week 1 Q & A 22:49 Finding Visualizations 29:17 Introduction to Web Technologies 39:11 Let's Make a Face Part I (HTML, CSS, SVG) 💻 https://vizhub.com/curran/e54aba86481147a482f339763d4fc598 💻 https://vizhub.com/curran/fbf0dfea4bcc41f898f3ab9f10c4a279 57:02 Let's Make a Face Part II (React) 💻 https://vizhub.com/curran/fbf0dfea4bcc41f898f3ab9f10c4a279 💻 https://vizhub.com/curran/3a00f5c877ac4e30b7269c17f29d2e4d 1:14:57 Let's Make a Face Part III (React & D3) 💻 https://vizhub.com/curran/3a00f5c877ac4e30b7269c17f29d2e4d 💻 https://vizhub.com/curran/4297411eba0a4287a70f5da9dab5fd87 1:26:53 Let's Make a Face Part IV (React Components & ES6) 💻 https://vizhub.com/curran/4297411eba0a4287a70f5da9dab5fd87 💻 https://vizhub.com/curran/e6714750d49b4158868b08e8e19d7060 1:37:05 Let's Make a Face Part V multiple files with ES6 modules 💻 https://vizhub.com/curran/4297411eba0a4287a70f5da9dab5fd87 💻 https://vizhub.com/curran/be34ae5bb6ef438b9047b0c717d5315c 1:47:01 Let's Make a Face Part VI (Compartmentalizing Complexity) 💻 https://vizhub.com/curran/be34ae5bb6ef438b9047b0c717d5315c 💻 https://vizhub.com/curran/7da62f462dfd42fd8784384264a28365 1:58:57 Coronavirus Dataviz Hackathon Part I (Coronavirus Dataviz) 2:08:48 Preparing Data for Visualization 2:18:46 Loading Data with Fetch, Promises, Aync & Await 💻 https://vizhub.com/curran/6ec4f3dd10ac4fcdb5f759d38e7ceefa 2:29:11 Interaction With React 💻 https://vizhub.com/curran/3a00f5c877ac4e30b7269c17f29d2e4d?edit=files&file=index.js 💻 https://vizhub.com/curran/9827ad65ee864431a94c95794b191cb2?edit=files&file=index.js 2:48:28 Parsing CSV Data with D3 💻 https://vizhub.com/curran/6ec4f3dd10ac4fcdb5f759d38e7ceefa 2:57:18 Loading Data in React 💻 https://vizhub.com/curran/f6b3cffc0c784b8bb9d6f758671b1be0 3:08:40 Inputs for Visualization: Data & Tasks 3:19:32 Iterating Fast with Vega Lite API 💻 https://vizhub.com/curran/7392ee124c8249b884e735abf6da8df4 💻 https://vizhub.com/curran/717a939bb09b4b3297b62c20d42ea6a3 3:50:33 Marks & Channels 4:26:43 Visualizing Data with React & D3 💻 https://vizhub.com/curran/1e2e55a2c06b478586a7ea8e1403b13e 4:43:08 Making a Bar Chart with React & D3 💻 https://vizhub.com/curran/72d56b59a206431090081f2b9ab14873 4:57:51 Margins and Axes 💻 https://vizhub.com/curran/b9069ad0a02c4ab5b29f0b8dcb447396 5:17:23 Refactoring a Bar Chart 💻 https://vizhub.com/curran/4624fb61b2e34c208bad8e211eea90e9 5:29:00 Stylized Bar Chart 💻 https://vizhub.com/curran/32dfc8d2393844c6a5b9d199d9a35946 5:53:13 Making a Scatter Plot 💻 https://vizhub.com/curran/3d631093c2334030a6b27fa979bb4a0d 6:15:29 Working with Time 💻 https://vizhub.com/curran/73bcdb68be6b4500b03827c9d58defba 6:23:37 Making a Line Chart 💻 https://vizhub.com/curran/f1c25845b6324832957d3bac6f10ba69 6:37:29 Preparing Geospatial Data 💻 https://mapshaper.org/ 6:45:35 Making a World Map with React & D3 💻 https://vizhub.com/curran/295f06f6efd749f0acc19b69a37687a6 7:11:24 Menus with React 💻 https://vizhub.com/curran/6d60bcc26780476f9169f1a39cfacbc5 7:27:40 Scatter Plot with Menus 💻 https://vizhub.com/curran/f149be87d69e40d88d567d36c224fc04 7:45:57 Polished Scatter Plot with Menus 💻 https://vizhub.com/curran/e3f5f029b82f44a084d73806feafc577 8:06:23 Scatter Plot with Color 💻 https://vizhub.com/curran/9b881e62cb2442ea928eb89b42dda013 8:13:24 Making a Color Legend 💻 https://vizhub.com/curran/16f7a618a7f84a5085b0fff6a78b4444 8:28:27 Interactive Color Legend 💻 https://vizhub.com/curran/8b699c4000704216a709adfeb38f2411 8:46:49 Points on a Map 💻 https://vizhub.com/curran/4a94ec9d1cd348d394e69e9083b86684 8:58:35 Using Size 💻 https://vizhub.com/curran/118d7f70085246a58dc7a374fd957c20 9:12:02 Missing Migrants 💻 https://vizhub.com/curran/73bcdb68be6b4500b03827c9d58defba 💻 https://vizhub.com/curran/6a46b0e07499423a91eb72d46b7431f2 9:23:26 Missing Migrants Part II: Aggregation by Month 💻 https://vizhub.com/curran/e1b252a7e4b0455093444008dfd968c1 9:47:34 Missing Migrants Part III: On a Map 💻 https://vizhub.com/curran/2d82ff9133fa4b5c8cb3ccade8e8ab90 9:56:46 Multiple Views 💻 https://vizhub.com/curran/018be07cf0a4435ba09c0d8b32d04b28 10:09:23 Why Use Modules 10:11:48 Multiple Views Cleanup 💻 https://vizhub.com/curran/1c80f00843da4307b5e2f6d56db01011 10:32:17 Multiple Views with Brushing 💻 https://vizhub.com/curran/88b33d525e7f494c85bfc39f5d4e2266 10:58:34 React Performance Optimization 💻 https://vizhub.com/curran/a95f227912474d4a9bbe88a3c6c33ab9 11:20:10 Choropleth Map 💻 https://vizhub.com/curran/ed32a7ae82e14e35aa38c9416740b38a 11:30:11 Log Scales 💻 https://vizhub.com/curran/88bb1e7d70af4587991386a19acc2be9 More in Part 2: https://youtu.be/H2qPeJx1RDI

Data Analysis with Python Course - Numpy, Pandas, Data Visualization

GPVsHOlRBBI | 18 Feb 2021

Data Analysis with Python Course - Numpy, Pandas, Data Visualization

Learn the basics of Python, Numpy, Pandas, Data Visualization, and Exploratory Data Analysis in this course for beginners. This was originally presented as a live course. By the end of the course, you will be able to build an end-to-end real-world course project and earn a verified certificate of accomplishment. There are no prerequisites for this course. Learn more and register for a certificate of accomplishment here: http://zerotopandas.com This full course video includes 6 lectures (all in this video): • Introduction to Programming with Python • Next Steps with Python • Numerical Computing with Numpy • Analyzing Tabular Data with Pandas • Visualization with Matplotlib and Seaborn • Exploratory Data Analysis - A Case Study 💻 Code References • First steps with Python: https://jovian.ai/aakashns/first-steps-with-python • Variables and data types: https://jovian.ai/aakashns/python-variables-and-data-types • Conditional statements and loops: https://jovian.ai/aakashns/python-branching-and-loops • Functions and scope: https://jovian.ai/aakashns/python-functions-and-scope • Working with OS & files: https://jovian.ai/aakashns/python-os-and-filesystem • Numerical computing with Numpy: https://jovian.ai/aakashns/python-numerical-computing-with-numpy • 100 Numpy exercises: https://jovian.ai/aakashns/100-numpy-exercises • Analyzing tabular data with Pandas: https://jovian.ai/aakashns/python-pandas-data-analysis • Matplotlib & Seaborn tutorial: https://jovian.ai/aakashns/python-matplotlib-data-visualization • Data visualization cheat sheet: https://jovian.ai/aakashns/dataviz-cheatsheet • EDA on StackOverflow Developer Survey: https://jovian.ai/aakashns/python-eda-stackoverflow-survey • Opendatasets python package: https://github.com/JovianML/opendatasets • EDA starter notebook: https://jovian.ai/aakashns/zerotopandas-course-project-starter ⭐️ Course Contents ⭐️ 0:00:00 Course Introduction Lecture 1 0:01:42 Python Programming Fundamentals 0:02:40 Course Curriculum 0:05:24 Notebook - First Steps with Python and Jupyter 0:08:30 Performing Arithmetic Operations with Python 0:11:34 Solving Multi-step problems using variables 0:20:17 Combining conditions with Logical operators 0:22:22 Adding text using Markdown 0:23:50 Saving and Uploading to Jovian 0:26:38 Variables and Datatypes in Python 0:31:28 Built-in Data types in Python 1:07:19 Further Reading Lecture 2 1:08:46 Branching Loops and Functions 1:09:02 Notebook - Branching using conditional statements and loops in Python 1:09:24 Branching with if, else, elif 1:15:25 Non Boolean conditions 1:19:00 Iteration with while loops 1:28:57 Iteration with for loops 1:36:27 Functions and scope in Python 1:36:53 Creating and using functions 1:42:24 Writing great functions in Python 1:45:38 Local variables and scope 2:08:19 Documentation functions using Docstrings 2:11:40 Exercise - Data Analysis for Vacation Planning Lecture 3 2:17:17 Numercial Computing with Numpy 2:18:00 Notebook - Numerical Computing with Numpy 2:26:09 From Python Lists to Numpy Arrays 2:29:09 Operating on Numpy Arrays 2:34:33 Multidimensional Numpy Arrays 3:03:41 Array Indexing and Slicing 3:17:49 Exercises and Further Reading 3:20:50 Assignment 2 - Numpy Array Operations 3:29:16 100 Numpy Exercises 3:31:25 Reading from and Writing to Files using Python Lecture 4 4:02:59 Analysing Tabular Data with Pandas 4:03:58 Notebook - Analyzing Tabular Data with Pandas 4:16:33 Retrieving Data from a Data Frame 4:32:00 Analyzing Data from Data Frames 4:36:27 Querying and Sorting Rows 5:01:45 Grouping and Aggregation 5:11:26 Merging Data from Multiple Sources 5:26:00 Basic Plotting with Pandas 5:38:27 Assignment 3 - Pandas Practice Lecture 5 5:52:48 Visualization with Matplotlib and Seaborn 5:54:04 Notebook - Data Visualization with Matplotlib and Seaborn 6:06:43 Line Charts 6:11:27 Improving Default Styles with Seaborn 6:16:51 Scatter Plots 6:28:14 Histogram 6:38:47 Bar Chart 6:50:00 Heatmap 6:57:08 Displaying Images with Matplotlib 7:03:37 Plotting multiple charts in a grid 7:15:42 References and further reading 7:20:17 Course Project - Exploratory Data Analysis Lecture 6 7:49:56 Exploratory Data Analysis - A Case Study 7:50:55 Notebook - Exploratory Data Analysis - A case Study 8:04:36 Data Preparation and Cleaning 8:19:37 Exploratory Analysis and Visualization 8:54:02 Asking and Answering Questions 9:22:57 Inferences and Conclusions 9:25:00 References and Future Work 9:29:41 Setting up and running Locally 9:34:21 Project Guidelines 9:45:00 Course Recap 9:48:01 What to do next? 9:49:10 Certificate of Accomplishment 9:50:11 What to do after this course? 9:52:16 Jovian Platform ✏️ This course is taught by Aakash N S, co-founder, and CEO of Jovian. Jovian's YouTube channel: https://youtube.com/jovianml

Build a Robinhood-Style Android App to Track COVID-19 Cases - Kotlin Tutorial

4gMDR69DB6A | 16 Feb 2021

Build a Robinhood-Style Android App to Track COVID-19 Cases - Kotlin Tutorial

Learn how to create an Android app with Kotlin that uses core UI components from the Robinhood stock trading app. Instead of tracking stocks, this app will track COVID-19 cases. The app displays key metrics around the growth of coronavirus, including the number of positive cases, negative cases, and deaths per day. We use data from The COVID Tracking Project (https://covidtracking.com/api). 💻 Code: https://github.com/rpandey1234/Covid19Tracker. 🔗 Follow Rahul on Twitter: https://twitter.com/rpandey1234 🔗 Follow Rahul on YouTube: https://www.youtube.com/rpandey1234 If you're encountering an issue with views not being resolved in the Kotlin file, you should get a reference to the view with findViewById at the top of MainActivity. See this video for more: https://youtu.be/tiI5T17AD54, or checkout this article: https://proandroiddev.com/migrating-the-deprecated-kotlin-android-extensions-compiler-plugin-to-viewbinding-d234c691dec7. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (03:41) Retrieving data from the API ⌨️ (21:43) Building the layout ⌨️ (31:25) Render the spark line chart ⌨️ (40:13) Add chart interaction ⌨️ (54:26) Add colors and state spinner ⌨️ (1:11:01) Ticker view + radio button styling ⌨️ (1:23:47) Color update + conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

c9Wg6Cb_YlU | 10 Feb 2021

UI / UX Design Tutorial – Wireframe, Mockup & Design in Figma

Learn the process of UI / UX design. In this tutorial you will learn how a professional designer builds a full website design from scratch following the process of user experience and user interface. The video covers wireframing, prototyping, and designing in Figma. This course was developed by Adrian Twarog. Check out his channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ ⭐️ Sections ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:27) Wireframing ⌨️ (30:58) UI Layout ⌨️ (1:06:38) Mockup -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Project - Ameritrade API Stock Screener

HXGtLIoiv3Q | 09 Feb 2021

Python Project - Ameritrade API Stock Screener

Learn how to use the Ameritrade API and program a stock screener with Pandas and Python. ✏️ Course developed by Sam Focht from Python Basics. Check out his channel: https://www.youtube.com/channel/UCHeNxWGbq_0v2lNCgWplNGQ Register for the TD Ameritrade API here: https://developer.tdameritrade.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build Three Django Projects - Python Course

qPtScmB8CgA | 05 Feb 2021

Build Three Django Projects - Python Course

Improve your Django skills by building 3 complete projects. In this course you will lean how to use Python and Django to build a URL shortener, a to-do list, and an English dictionary. Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi Here are the projects you will create: 1. A URL Shortener 💻 https://github.com/tomitokko/django_url_shortner 2. A To-do List Web App 💻 https://github.com/tomitokko/todo-list-app-with-django 3. An English Dictionary 💻 https://github.com/tomitokko/english-dictionary-with-django -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Object Oriented Programming (OOP) in C++ Course

wN0x9eZLix4 | 02 Feb 2021

Object Oriented Programming (OOP) in C++ Course

Object Oriented Programming (OOP) is commonly used when writing code with C++. In this crash course, you will learn what OOP is and how to implement it using C++. This course was developed by Saldina Nurak (CodeBeauty). Check out her channel: https://www.youtube.com/c/CodeBeauty ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:54) Introduction to OOP ⌨️ (0:03:17) Classes and objects ⌨️ (0:10:40) Access modifiers ⌨️ (0:17:26) Constructors ⌨️ (0:29:39) Encapsulation ⌨️ (0:39:50) Abstraction ⌨️ (0:52:23) Inheritance ⌨️ (1:15:43) Polymorphism ⌨️ (1:28:26) Outro ⌨️ (1:29:01) Bloopers -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

freeCodeCamp.org Curriculum Expansion: Math + Machine Learning + Data Science

xZbU6bCZFYo | 02 Feb 2021

freeCodeCamp.org Curriculum Expansion: Math + Machine Learning + Data Science

Support our campaign here: https://www.freecodecamp.org/news/p/4476d664-eb83-47c9-8328-903a78865c8f#the-2021-data-science-curriculum-pledge-drive View the Curriculum Design Sheets (these are very much a work in progress): https://docs.google.com/spreadsheets/d/1KXEJvgnAziiePMp2Ovf_ssDqCFFWYuycXWBNp91k3qM/edit?usp=sharing If you're a math / CS professor or Data Science practitioner, we'd appreciate your feedback / ideas for this curriculum: https://docs.google.com/forms/d/e/1FAIpQLScLiGgmYh2DxdTmPxS141J5knuOtcYN9ulOtBwsRbkuVwXRRQ/viewform?usp=sf_link Follow Quincy on Twitter: https://twitter.com/ossia Follow Eric on Twitter: https://twitter.com/erictleung Follow Tom on Twitter: https://twitter.com/moTness Follow Darrell Silver (who's 100%-matching all donations) on Twitter: https://twitter.com/darrellsilver

Data Structures - Full Course Using C and C++

B31LgI4Y4DQ | 27 Jan 2021

Data Structures - Full Course Using C and C++

Learn about data structures in this comprehensive course. We will be implementing these data structures in C or C++. You should have a good understanding of pointers in C. If you need to learn about pointers, watch this course: https://www.youtube.com/watch?v=zuegQmMdy8M ✏️ Course developed by Harsha and Animesh from MyCodeSchool. 🔗 Read all about their amazing story here: https://www.freecodecamp.org/news/mycodeschool-youtube-channel-history/ 🔗 Check out the MyCodeSchool channel: https://www.youtube.com/user/mycodeschool 🔗 Check out the MyCodeSchool website: http://mycodeschool.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to data structures ⌨️ (0:06:33) Data Structures: List as abstract data type ⌨️ (0:19:40) Introduction to linked list ⌨️ (0:36:50) Arrays vs Linked Lists ⌨️ (0:49:05) Linked List - Implementation in C/C++ ⌨️ (1:03:02) Linked List in C/C++ - Inserting a node at beginning ⌨️ (1:15:50) Linked List in C/C++ - Insert a node at nth position ⌨️ (1:31:04) Linked List in C/C++ - Delete a node at nth position ⌨️ (1:43:32) Reverse a linked list - Iterative method ⌨️ (1:57:21) Print elements of a linked list in forward and reverse order using recursion ⌨️ (2:11:43) Reverse a linked list using recursion ⌨️ (2:20:38) Introduction to Doubly Linked List ⌨️ (2:27:50) Doubly Linked List - Implementation in C/C++ ⌨️ (2:43:09) Introduction to stack ⌨️ (2:51:34) Array implementation of stacks ⌨️ (3:04:42) Linked List implementation of stacks ⌨️ (3:15:39) Reverse a string or linked list using stack. ⌨️ (3:32:03) Check for balanced parentheses using stack ⌨️ (3:46:14) Infix, Prefix and Postfix ⌨️ (3:59:14) Evaluation of Prefix and Postfix expressions using stack ⌨️ (4:14:00) Infix to Postfix using stack ⌨️ (4:32:17) Introduction to Queues ⌨️ (4:41:35) Array implementation of Queue ⌨️ (4:56:33) Linked List implementation of Queue ⌨️ (5:10:48) Introduction to Trees ⌨️ (5:26:37) Binary Tree ⌨️ (5:42:51) Binary Search Tree ⌨️ (6:02:17) Binary search tree - Implementation in C/C++ ⌨️ (6:20:52) BST implementation - memory allocation in stack and heap ⌨️ (6:33:55) Find min and max element in a binary search tree ⌨️ (6:39:41) Find height of a binary tree ⌨️ (6:46:50) Binary tree traversal - breadth-first and depth-first strategies ⌨️ (6:58:43) Binary tree: Level Order Traversal ⌨️ (7:10:05) Binary tree traversal: Preorder, Inorder, Postorder ⌨️ (7:24:33) Check if a binary tree is binary search tree or not ⌨️ (7:41:01) Delete a node from Binary Search Tree ⌨️ (7:59:27) Inorder Successor in a binary search tree ⌨️ (8:17:23) Introduction to graphs ⌨️ (8:34:05) Properties of Graphs ⌨️ (8:49:19) Graph Representation part 01 - Edge List ⌨️ (9:03:03) Graph Representation part 02 - Adjacency Matrix ⌨️ (9:17:46) Graph Representation part 03 - Adjacency List -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Android Studio Tutorial - Build a GPS App

_xUcYfbtfsI | 26 Jan 2021

Android Studio Tutorial - Build a GPS App

Learn how to create a GPS Android App. You will learn how to use FusedLocationProviderClient, Google Play services, Location Provider, and other parts of a GPS-aware application. 💻 Starting XML file: https://github.com/shadsluiter/gpsDemoStarting/blob/master/activity_main.xml ✏️ Course developed by Shad Sluiter. Check out his channel: https://www.youtube.com/user/shadsluiter -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Shopping Cart with React and TypeScript - Tutorial

sfmL6bGbiN8 | 21 Jan 2021

Build a Shopping Cart with React and TypeScript - Tutorial

Learn the fundamentals and how to build a ReactJS shopping cart with Typescript, Material UI, Styled Components and React-Query. This tutorial uses a free open API for dummy data to the items in the shop. React-Query hooks is used for fetching the data from the API. Styled Components is used in combination with Material UI to customize the styles. 💻 Code: https://github.com/weibenfalk/react-shopping-cart ✏️ Course created by Thomas Weibenfalk. Check out his channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Basics of SQL Injection - Penetration Testing for Ethical Hackers

2nXOxLpeu80 | 19 Jan 2021

Basics of SQL Injection - Penetration Testing for Ethical Hackers

SQL injection is common hacking technique used retrieve or destroy data from a database without permission. It is considered one of the top web application security risks. In this course, you will learn how SQL injection works so you are able to defended against this hacker attack in your own web applications. ✏️ This course was developed by Sagar Bansal. Check out his channel: https://www.youtube.com/channel/UCdsl8fYtJM2Mw-HueDy2G4Q ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:33) What is SQL Injection ⌨️ (0:06:56) Lab Setup ⌨️ (0:11:04) Basics of SQL ⌨️ (0:16:33) Classic Injection Bypass ⌨️ (0:26:01) Types of SQL Injection ⌨️ (0:30:21) Union Based SQL Injection ⌨️ (0:41:08) Error Based SQL Injection ⌨️ (0:53:27) Boolean Based SQL Injection ⌨️ (1:03:04) Time-Based SQL Injection ⌨️ (1:11:39) Semi-Automated SQL Injection ⌨️ (1:24:02) Fully Automated SQL Injection ⌨️ (1:37:11) Defending Against SQL Injections -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

aoQ6S1a32j8 | 13 Jan 2021

How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course

Learn how to build a responsive website from scratch with HTML, CSS, and JavaScript. ✏️ This course was created by Jessica Chan. 🔗 Jessica's YouTube Channel: https://www.youtube.com/thecodercoder 🔗 Jessica's Twitter: https://twitter.com/thecodercoder 💻 Starter files from Fontend Mentor: https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN 💻 Source code on GitHub: https://github.com/thecodercoder/fem-easybank 🔗 Responsive Design for Beginners course: https://coder-coder.com/responsive/ ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (0:30) Part 1: Setup and Navigation Bar ⌨️ (49:52) Part 2: Animated Hamburger Menu ⌨️ (1:21:28) Part 3: Animated Mobile Menu ⌨️ (1:43:56) Part 4: Responsive Hero ⌨️ (2:39:24) Part 5: 4-Column Features (flexbox) ⌨️ (3:16:58) Part 6: 4-Column Articles (CSS grid) ⌨️ (4:04:56) Part 7: Footer -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Java Testing - JUnit 5 Crash Course

flpmSXVTqBI | 12 Jan 2021

Java Testing - JUnit 5 Crash Course

JUnit 5 is one of the most popular frameworks for testing Java applications. In this crash course, you will learn about Junit 5 and how to use it to write unit tests for your Java programs. ✏️ Course created by Programming Techie. Check out their channel: https://www.youtube.com/channel/UCD20RZV_WHQImisCW2QZwDw 💻 Source Code for Starter Project: https://github.com/SaiUpadhyayula/contact-manager-starter 💻 Source Code for Completed Project: https://github.com/SaiUpadhyayula/contact-manager 🔗 Written Tutorial: https://programmingtechie.com/2020/12/26/junit-5-complete-tutorial/ 🔗 Maven Tutorial: https://www.youtube.com/watch?v=JhSBS2OpGdU ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:28) What is JUnit? ⌨️ (01:09) JUnit Architecture ⌨️ (02:19) First JUnit Test ⌨️ (08:26) Testing Exceptions using assertThrows() ⌨️ (10:10) Understanding JUnit Test Lifecycle ⌨️ (13:42) Conditional Executions ⌨️ (15:11) Assumptions ⌨️ (16:58) Repeated Tests ⌨️ (18:48) Parameterized Tests ⌨️ (23:47) Nested Tests ⌨️ (25:22) Disabled Tests -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build 12 Data Science Apps with Python and Streamlit - Full Course

JwSS70SZdyM | 07 Jan 2021

Build 12 Data Science Apps with Python and Streamlit - Full Course

Learn how to build interactive and data-driven web apps in Python using the Streamlit library. ✏️ Course developed by Chanin Nantasenamat (aka Data Professor). Check out his YouTube channel for more data science tutorials: http://youtube.com/dataprofessor 🔗 And Medium blog posts for more data science tutorials: https://medium.com/@chanin.nantasenamat ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (2:54) 1. Simple Stock Price ⌨️ (13:24) 2. Simple Bioinformatics DNA Count ⌨️ (29:44) 3. EDA Basketball ⌨️ (50:39) 4. EDA Football ⌨️ (1:00:48) 5. EDA SP500 Stock Price ⌨️ (1:24:03) 6. EDA Cryptocurrency ⌨️ (1:50:47) 7. Classification Iris ⌨️ (1:58:58) 8. Classification Penguins ⌨️ (2:16:08) 9. Regression Boston Housing ⌨️ (2:27:53) 10. Regression Bioinformatics Solubility ⌨️ (2:54:27) 11. Deploy to Heroku ⌨️ (3:04:37) 12. Deploy to Streamlit Sharing ⭐️ Code ⭐️ 💻 1. Simple Stock Pric https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_1_simple_stock_price 💻 2. Simple Bioinformatics DNA Coun https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_2_simple_bioinformatics_dna 💻 3. EDA Basketbal https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_3_eda_basketball 💻 4. EDA Footbal https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_4_eda_football 💻 5. EDA SP500 Stock Pric https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_5_eda_sp500_stock 💻 6. EDA Cryptocurrenc https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_6_eda_cryptocurrency 💻 7. Classification Iri https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_7_classificatio_iris 💻 8. Classification Penguin https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_8_classification_penguins 💻 9. Regression Boston Housin https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_9_regression_boston_housing 💻 10. Regression Bioinformatics Solubilit https://github.com/dataprofessor/streamlit_freecodecamp/tree/main/app_10_regression_bioinformatics_solubility 💻 11. Deploy to Heroku https://github.com/dataprofessor/penguins-heroku ⭐️ More ways to connect with Chanin Nantasenamat ⭐️ ✅ Website: http://dataprofessor.org/ ✅ Newsletter: http://newsletter.dataprofessor.org ✅ Twitter: https://twitter.com/thedataprof/ ✅ FaceBook: http://facebook.com/dataprofessor/ ✅ Instagram: https://www.instagram.com/data.professor/ ✅ LinkedIn: https://www.linkedin.com/in/chanin-nantasenamat/ ✅ GitHub: https://github.com/dataprofessor/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Complete Android App with Firebase - Full Course with Kotlin

rfdQHOB3jCU | 05 Jan 2021

Build a Complete Android App with Firebase - Full Course with Kotlin

In this course, you'll build an Android app in Kotlin which allows users to update their status using only emoji 😇🐼❤️. The app combines various Firebase services (Authentication, Cloud Functions, and Firestore) to allow users to update and view emoji-only statuses. The user is able to create or sign in to their account with Google. ➤ Published app: https://play.google.com/store/apps/details?id=edu.stanford.rkpandey.emojistory ➤ Kotlin Code in Github: https://github.com/rpandey1234/EmojiStatus ➤ JavaScript Code in Github: https://github.com/rpandey1234/EmojiStatusCloud 🔗 Follow Rahul on Twitter: https://twitter.com/rpandey1234 🔗 Follow Rahul on YouTube: https://www.youtube.com/rpandey1234 Fix to allow other kinds of emoji in the EditText: https://github.com/rpandey1234/EmojiStatus/commit/5d1eb217bbc6294f8a7ff5515f9138ef2e9417b5 Helpful documentation ➤ Android guide for Firebase authentication: https://firebase.google.com/docs/auth/android/google-signin ➤ Cloud function trigger when a user authenticates: https://firebase.google.com/docs/functions/auth-events ➤ Working with Firestore: https://firebase.google.com/docs/firestore/quickstart ➤ Read about Android and emojis (Unicode): https://blog.emojipedia.org/androids-emoji-problem/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:07) App architecture ⌨️ (09:05) Firebase Authentication logic ⌨️ (29:25) User sign up Cloud Function ⌨️ (42:31) Display user emoji list ⌨️ (57:13) Update emoji status ⌨️ (1:07:15) Restrict input to emoji -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Image Generation using GANs | Deep Learning with PyTorch: Zero to GANs | Part 6 of 6

QpR4QEv5Urk | 02 Jan 2021

Image Generation using GANs | Deep Learning with PyTorch: Zero to GANs | Part 6 of 6

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbm5dir5TLEy2aZQMG7cHEZp Code and Resources: 🔗 Generative Adversarial Networks in PyTorch: https://jovian.ai/aakashns/06b-anime-dcgan 🔗 Generative Adversarial Networks using MNSIT: https://jovian.ai/aakashns/06-mnist-gan 🔗 Tensorflow 2.1 port of Pytorch - Zero to GANs: https://jovian.ai/kartik.godawat/collections/tf-zero-to-gan 🔗 Discussion forum: https://jovian.ai/forum/t/lecture-6-image-generation-using-generative-adversarial-networks-gans/13775 Topics covered in this video: * Generative modeling and applications of GANs * Training generator and discriminator networks * Generating fake digits & anime faces with GANs This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

20 Award-Winning JavaScript Games – Js13kGames 2020 Winners

GKOgm5-GbUA | 31 Dec 2020

20 Award-Winning JavaScript Games – Js13kGames 2020 Winners

Js13kGames is a JavaScript coding competition where people create games UNDER 13 kilobytes. Learn about the competition and see this year's winners in this video. This video was made by Ania Kubow in collaboration with JS13KGames. You can find Ania here: 🔗 YouTube: https://www.youtube.com/aniakubow 🔗 Twitter: https://www.twitter.com/ania_kubow 🔗 Instagram: https://www.instagram.com/aniakubow ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction by Ania Kubow ⌨️ (0:02:28) A word from Andzej Mazur - founder of JS13KGames ⌨️ (0:03:39) A word from Beau at freeCodeCamp.org ⌨️ (0:04:32) 1st place - Ninja vs EVILCORP by Rémi Vansteelandt ⌨️ (0:09:10) 2nd place - Edge Not Found by Tom Hermans ⌨️ (0:14:00) 3rd place - CHOCH by kostik1337 & lampysprites ⌨️ (0:19:14) 4th place - Track not found?! by xem ⌨️ (0:23:31) 5th place - Stolen Sword by Ian Chiao ⌨️ (0:28:39) 6th place - The Last Spartan by Michael Ferron ⌨️ (0:30:29) 7th place - FOURFOLD by Saud ⌨️ (0:31:45) 8th place - I want to google the game by Mark Vasilkov ⌨️ (0:35:28) 9th place - Highway 404 by Jerome Lecomte ⌨️ (0:39:38) 10th place - MINIPUNK by Cody Ebberson ⌨️ (0:41:56) 11th place - Searching for 04 by Nicklas Löf / Snukey ⌨️ (0:50:13) 12th place - Johnny Smiter III by Paul Brunt ⌨️ (0:52:10) 13th place - Island Not Found by Ben & Salvatore ⌨️ (0:54:02) 14th place - You have found by Mark Knol ⌨️ (0:55:40) 15th place - 404kph by jaburns ⌨️ (0:58:36) 16th place - WIZARD WITH A SHOTGUN by Elliot Nelson ⌨️ (1:16:46) 17th place - Connection by Federico Tibaldo ⌨️ (1:02:30) 18th place - Sojuz 404 by Markus Fisch ⌨️ (1:04:35) 19th place - Symmetry Not Found by sirxemic ⌨️ (1:06:45) 20th place - NoteCraft by KilledByAPixel As promised, here are the links of where you can find each Game Developer and their Game code: 🏆 1st Place Ninja vs EVILCORP by Rémi Vansteelandt 🔗 Game link: https://js13kgames.com/entries/ninja-vs-evilcorp 🐦 Twitter: https://twitter.com/remvst 🏆 2nd Place Edge Not Found by Tom Hermans 🔗 Game link: https://js13kgames.com/entries/edge-not-found 🐦 Twitter: https://twitter.com/auroriax 🏆 3rd Place CHOCH by kostik1337 & lampysprites 🔗 Game link: https://js13kgames.com/entries/choch 🐦 Twitter: https://twitter.com/kostik13337 🏆 4th place Track not found?! by xem 🔗 Game link: https://js13kgames.com/entries/track-not-found 🐦 Twitter: https://twitter.com/maximeeuziere 🏆 5th place Stolen Sword by Ian Chiao 🔗 Game link: https://js13kgames.com/entries/stolen-sword 🐦 Twitter: https://twitter.com/chiaogu 🏆 6th place The Last Spartan by Michael Ferron 🔗 Game link: https://js13kgames.com/entries/the-last-spartan 🐦 Twitter: https://twitter.com/ferronsays 🏆 7th place FOURFOLD by Saud 🔗 Game link: https://js13kgames.com/entries/fourfold 🐦 Twitter: https://twitter.com/rotttencandy 🏆 8th place I want to google the game by Mark Vasilkov 🔗 Game link: https://js13kgames.com/entries/i-want-to-google-the-game 🐦 Twitter: :https://twitter.com/mvasilkov 🏆 9th place Highway 404 by Jerome Lecomte 🔗 Game link: https://js13kgames.com/entries/highway-404 🐦 Twitter: https://twitter.com/herebefrogs 🏆 10th place MINIPUNK by Cody Ebberson 🔗 Game link: https://js13kgames.com/entries/minipunk 🐦 Twitter: https://twitter.com/codyebberson 🏆 11th place Searching for 04 by Nicklas Löf / Snukey 🔗 Game link: https://js13kgames.com/entries/searching-for-04 🐦 Twitter : https://twitter.com/nicklaslof 🏆 12th place Johnny Smiter III by Paul Brunt 🔗 Game link: https://js13kgames.com/entries/johnny-smiter-iii 🐦 Twitter: https://twitter.com/super_eggbert 🏆 13th place Island Not Found by Ben & Salvatore 🔗 Game link: https://js13kgames.com/entries/island-not-found 🐦 Twitter: https://twitter.com/super_eggbert 🏆 14th place You have found by Mark Knol 🔗 Game link: https://js13kgames.com/entries/you-have-found 🐦 Twitter: https://twitter.com/mknol 🏆 15th place 404kph by jaburns 🔗 Game link: https://js13kgames.com/entries/404kph 🐦 Twitter: https://twitter.com/jaburnsnet 🏆 16th place WIZARD WITH A SHOTGUN by Elliot Nelson 🔗 Game link: https://js13kgames.com/entries/wizard-with-a-shotgun 🐦 Twitter: https://twitter.com/7tonshark 🏆 17th place Connection by Federico Tibaldo 🔗 Game link: https://js13kgames.com/entries/connection 🐦 Twitter: https://twitter.com/fedetibaldo 🏆 18th place Sojuz 404 by Markus Fisch 🔗 Game link: https://js13kgames.com/entries/sojuz-404 🐦 Twitter: https://twitter.com/markusfisch 🏆 19th place Symmetry Not Found by sirxemic 🔗 Game link: https://js13kgames.com/entries/symmetry-not-found 🐦 Twitter: https://twitter.com/sirxemic 🏆 20th place NoteCraft by KilledByAPixel 🔗 Game link: https://js13kgames.com/entries/notecraft 🐦 Twitter: https://twitter.com/KilledByAPixel ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster

Pointers in C / C++ [Full Course]

zuegQmMdy8M | 29 Dec 2020

Pointers in C / C++ [Full Course]

Pointers in C and C++ are often challenging to understand. In this course, they will be demystified, allowing you to use pointers more effectively in your code. The concepts you learn in this course apply to both C and C++. ✏️ Course developed by Harsha and Animesh from MyCodeSchool. 🔗 Read all about their amazing story here: https://www.freecodecamp.org/news/mycodeschool-youtube-channel-history/ 🔗 Check out the MyCodeSchool channel: https://www.youtube.com/user/mycodeschool ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to pointers in C/C++ ⌨️ (0:10:29) Working with pointers ⌨️ (0:22:05) Pointer types, pointer arithmetic, void pointers ⌨️ (0:33:01) Pointers to Pointers in C/C++ ⌨️ (0:42:21) Pointers as function arguments - call by reference ⌨️ (0:56:36) Pointers and arrays ⌨️ (1:05:18) Arrays as function arguments ⌨️ (1:18:10) Character arrays and pointers - part 1 ⌨️ (1:32:49) Character arrays and pointers - part 2 ⌨️ (1:42:49) Pointers and 2-D arrays ⌨️ (1:55:07) Pointers and multidimensional arrays ⌨️ (2:11:50) Pointers and dynamic memory - stack vs heap ⌨️ (2:29:14) Dynamic memory allocation in C - malloc calloc realloc free ⌨️ (2:36:48) Pointers as function returns in C/C++ ⌨️ (3:02:01) Function Pointers in C / C++ ⌨️ (3:13:57) Function pointers and callbacks ⌨️ (3:29:16) Memory leak in C/C++ ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course

1hPgQWbWmEk | 22 Dec 2020

Build an Instagram Clone with React Native, Firebase Firestore, Redux, Expo - Full Course

Learn how to build an Instagram clone using React Native, Firebase Firestore, Firebase storage, Redux, and Expo. The app includes an authentication system, database, storage, and more. 💻 Code: https://github.com/SimCoderYoutube/InstagramClone ✏️ Course from SimCoder. Check out their channel: https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog ⭐️ Links ⭐️ 🔗 https://firebase.google.com/docs/auth/web/start 🔗 https://reactjs.org/docs/getting-started.html 🔗 https://expo.io/ 🔗 Redux tutorial: https://youtu.be/CVpUuw9XSjY ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:28) Setting up React Native Expo ⌨️ (0:16:34) Auth System With Firebase and React Native ⌨️ (0:56:33) Save Data Using Firebase And Redux ⌨️ (1:29:05) Handling Navigation on React Native ⌨️ (1:49:43) Using Camera And Image Gallery With React Native ⌨️ (2:12:57) Saving An Image Post Using Firebase Firestore and Firebase storage ⌨️ (2:42:38) Displaying User Profile With Firebase Firestore ⌨️ (3:11:57) Search User By Similar Name with Firebase Firestore ⌨️ (3:36:00) Follow System Using Firestore And React Native ⌨️ (3:55:42) Post Feed System With Firebase and React Native ⌨️ (4:27:48) Logout Firebase Auth And Redux React Native ⌨️ (4:35:24) Adding User Comments To Posts W/ Firebase Firestore ⌨️ (5:14:00) Like System Using Firestore ⌨️ (5:47:25) Redesign Release ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster

Python Microservices Web App (with React, Django, Flask) - Full Course

0iB5IPoTDts | 21 Dec 2020

Python Microservices Web App (with React, Django, Flask) - Full Course

Using Python microservices allows you to break up your apps into smaller parts that communicate with each other. This can make it simpler to scale the application based on the traffic. Also, the separation of concerns makes it easier to work on just one part of the app at a time. 💻 Code - Python Microservices: https://github.com/scalablescripts/python-microservices 💻 Code - React: https://github.com/scalablescripts/react-crud ✏️ Course developed by Scalable Scripts. Check out their channel: https://www.youtube.com/watch?v=SzsPe_QX__c ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What are Microservices? ⌨️ (0:02:29) Project Introduction ⌨️ (0:05:29) Django Setup ⌨️ (0:06:31) Adding Docker Files ⌨️ (0:12:32) Connect Django with MySQL with Docker ⌨️ (0:19:12) Models & Serializers ⌨️ (0:23:11) Rest APIs with ViewSets ⌨️ (0:35:07) User Endpoint with APIView ⌨️ (0:37:53) Flask Setup with Docker ⌨️ (0:42:13) Connect Flask with Mysql ⌨️ (0:44:00) Models ⌨️ (0:47:41) Flask Migrations ⌨️ (0:51:44) RabbitMQ ⌨️ (0:52:15) Django Producer and Consumer ⌨️ (0:57:54) Flask Producer and Consumer ⌨️ (0:59:25) Queue Service ⌨️ (1:04:18) Data Consistency ⌨️ (1:14:36) Internal Http Requests ⌨️ (1:18:06) Finishing the python apps ⌨️ (1:25:51) React Setup ⌨️ (1:42:04) Products CRUD ⌨️ (2:08:44) Completing the Main App ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Augmentation, Regularization, and ResNets | Deep Learning with PyTorch: Zero to GANs | 5 of 6

JN7-ZBFYSCU | 19 Dec 2020

Data Augmentation, Regularization, and ResNets | Deep Learning with PyTorch: Zero to GANs | 5 of 6

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbm5dir5TLEy2aZQMG7cHEZp Code and Resources: 🔗 Classifying CIFAR10 images using ResNet and Regularization techniques in PyTorch: https://jovian.ai/aakashns/05b-cifar10-resnet 🔗 Image Classification using Convolutional Neural Networks in PyTorch: https://jovian.ai/aakashns/05-cifar10-cnn 🔗 Discussion forum: https://jovian.ai/forum/t/lecture-5-data-augmentation-regularization-and-resnets/13772 Topics covered in this video: * Improving the dataset using data normalization and data augmentation * Improving the model using residual connections and batch normalization * Improving the training loop using learning rate annealing, weight decay, and gradient clip * Training a state of the art image classifier from scratch in 10 minutes This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: Jordan Jackson Connects the Dots

csIEMIoN0oQ | 18 Dec 2020

How to Build a Career in Tech: Jordan Jackson Connects the Dots

Jason Lengstorf interviews Jordan Jackson. Jordan Jackson started learning to code using freeCodeCamp.org while he was in the United States Air Force. Now he is a software engineer at Twitter. Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. Follow him on Twitter here: https://twitter.com/jlengstorf -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Webhooks for Beginners - Full Course

41NOoEz3Tzc | 17 Dec 2020

Webhooks for Beginners - Full Course

What are webhooks? Webhooks allow different web applications and services to communicate with each other. In this course for beginners, you will learn everything you need to know about webhooks. You will learn to implement webhooks with and without code. 💻 Teacher notes and code: https://github.com/twiliodeved/webhooks-course ✏️ Course developed by Craig Dennis, who is a Developer Educator at Twilio. ⭐️ Course Contents ⭐️ Unit 1 - Integration ⌨️ Video 1 - Welcome (00:00:00) ⌨️ Video 2 - Defining Events, Handlers, and Hooks (00:04:51) ⌨️ Video 3 - Lightbulb moment (00:09:12) ⌨️ Video 4 - Finding Inspiration (00:17:11) Unit 2 - Capturing Data from a Webhook ⌨️ Video 1 - Diving into Webhooks (00:23:33) ⌨️ Video 2 - Explore the Request (00:28:28) ⌨️ Video 3 - Using the Data (00:37:34) ⌨️ Video 4 - Developing Locally (00:46:32) ⌨️ Video 5 - Opening a Tunnel (00:57:34) ⌨️ Video 6 - Serverless (01:17:17) Unit 3 - Hooking it altogether ⌨️ Video 1 - Introducing the projects (01:34:52) ⌨️ Video 2 - Text Affirmation (01:38:33) ⌨️ Video 3 - Setting up the flow (01:44:45) ⌨️ Video 4 - Handle things locally (01:56:34) ⌨️ Video 5 - Deploying your serverless function (02:11:46) ⌨️ Video 6 - That’s a Wrap (02:22:53) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Java Android App using REST API - Network Data in Android Course

xPi-z3nOcn8 | 16 Dec 2020

Java Android App using REST API - Network Data in Android Course

Learn how to build an Android app with Java that handles JSON data from a REST API service. The app uses the Volley library to create a weather app using API data. This course includes advice on building a RequestQueue, designing a Singleton, and using callbacks for async network communications. You will also learn to use the Volley library methods JsonArrayRequest and JsonArrayObject to parse a JSON file. ✏️ Course developed by Shad Sluiter. Check out his YouTube channel: https://www.youtube.com/user/shadsluiter ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) REST API explained: JSON vs XML ⌨️ (0:14:04) Introduction to the Android Weather App ⌨️ (0:17:32) Design the Layout ⌨️ (0:29:16) Button onClick Listeners ⌨️ (0:35:52) Request JSON Data with Volley ⌨️ (1:01:44) Singleton Request Queue in Volley ⌨️ (1:09:20) Callbacks for Async Requests ⌨️ (1:31:06) Fetch One JSONObject from an Array ⌨️ (1:45:56) JSONArrayRequest with Volley ⌨️ (1:59:14) Fetch JASONArray with Volley ⌨️ (2:08:16) Get Forecast by City Name ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a Discord Bot with Python - Host for Free in the Cloud

SPTfmiYiuok | 15 Dec 2020

Code a Discord Bot with Python - Host for Free in the Cloud

Learn how to code a Discord bot using Python and host it for free in the cloud using Repl.it. Along the way, you will learn to use Repl.it's built-in database and create a Discord bot that uses webhooks to connect with GitHub. This course was developed by Beau Carnes. 🔗 Online code editor: https://repl.it 🔗 Discord Home Page: https://discord.com/ 🔗 Discord Developer Portal: https://discord.com/developers/applications 💻 Python server code for bot: https://gist.github.com/beaucarnes/51ec37412ab181a2e3fd320ee474b671 💻 Full code on repl.it: https://repl.it/@BeauCarnes/Encourage-Bot ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:18) Creating a Discord Server ⌨️ (01:52) Creating a Bot User ⌨️ (06:05) Starting a Project in Repl.it ⌨️ (09:33) Coding a Basic Discord Bot ⌨️ (20:14) Improving the Bot ⌨️ (33:35) Using the Repl.it Database to Store Bot Settings ⌨️ (56:09) Testing the Bot ⌨️ (58:42) Creating a Web Server for the Bot ⌨️ (1:03:36) Connecting Uptime Robot So Bot Runs Continuously ⌨️ (1:05:21) Creating a GitHub Discord Bot Using Webhooks Special thanks to Repl.it for providing a grant that made this course possible. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Image Classification with Convolutional Neural Networks | Deep Learning with PyTorch: Zero to GANs |

d9QHNkD_Pos | 12 Dec 2020

Image Classification with Convolutional Neural Networks | Deep Learning with PyTorch: Zero to GANs |

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbm5dir5TLEy2aZQMG7cHEZp Code and Resources: 🔗 Image Classification using Convolutional Neural Networks: https://jovian.ai/aakashns/05-cifar10-cnn 🔗 Classifying images of everyday objects using a neural network: https://jovian.ai/aakashns/03-cifar10-feedforward 🔗 Discussion forum: https://jovian.ai/forum/t/lecture-4-image-classification-with-convolutional-neural-networks/13766 Topics covered in this video: * Working with the 3-channel RGB images from the CIFAR10 dataset * Introduction to Convolutions, kernels & features maps * Underfitting, overfitting, and techniques to improve model performance This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: April Speight Connects the Dots

1jsr5okmlZ0 | 11 Dec 2020

How to Build a Career in Tech: April Speight Connects the Dots

Jason Lengstorf interviews April Speight. April Speight is a Sr. Cloud Advocate on the Spatial Computing technical team at Microsoft. She is the author of Bite-Size Python: An Introduction to Python Programming. She finds passion in helping others learn and transition into a career in the tech industry. Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. Follow him on Twitter here: https://twitter.com/jlengstorf -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

12 Beginner Python Projects - Coding Course

8ext9G7xspg | 09 Dec 2020

12 Beginner Python Projects - Coding Course

⭐️ Course Contents ⭐️ ⌨️ (1:40) 1. Madlibs ⌨️ (6:54) 2. Guess the Number (computer) ⌨️ (13:17) 3. Guess the Number (user) ⌨️ (21:14) 4. Rock Paper Scissors ⌨️ (24:25) 5. Hangman ⌨️ (35:53) 6. Tic-Tac-Toe ⌨️ (59:59) 7. Tic-Tac-Toe AI ⌨️ (1:15:53) 8. Binary Search ⌨️ (1:27:16) 9. Minesweeper ⌨️ (1:51:55) 10. Sudoku Solver ⌨️ (2:05:34) 11. Photo Manipulation in Python ⌨️ (2:31:49) 12. Markov Chain Text Composer ⭐️ Code ⭐️ 💻 Madlibs / Rock Paper Scissors / Binary Search: https://github.com/kying18/beginner-projects 💻 Guess the Number: https://github.com/kying18/guess-the-number 💻 Hangman: https://github.com/kying18/hangman 💻 Tic-Tac-Toe + AI: https://github.com/kying18/tic-tac-toe 💻 Minesweeper: https://github.com/kying18/minesweeper 💻 Sudoku: https://github.com/kying18/sudoku 💻 Photo Editing in Python: https://github.com/kying18/pyphotoshop 💻 Markov Chain Composer: https://github.com/kying18/graph-composer ⭐️ More ways to connect with Kylie Ying ⭐️ Twitch KylieYing: https://www.twitch.tv/kylieying Twitter @kylieyying: https://twitter.com/kylieyying Instagram @kylieyying: https://www.instagram.com/kylieyying/ Website: https://www.kylieying.com ⭐️ Music Credits ⭐️ Alan Walker - Fade [NCS Release]: https://www.youtube.com/watch?v=bM7SZ5SBzyY Alan Walker - Force [NCS Release]: https://www.youtube.com/watch?v=xshEZzpS4CQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reactathon Conference Live Stream - Day Three

Sz7SImkdIpo | 09 Dec 2020

Reactathon Conference Live Stream - Day Three

freeCodeCamp is excited to livestream one of the top React conferences in the world -- Reactathon! Full details: https://www.freecodecamp.org/news/reactathon-2020-conference-live-youtube/ Reactathon is known as the San Francisco React Conference, and takes place each year in March in downtown San Francisco, CA. This year, however, they had to postpone the event due to the crisis, and are now taking it online! The event takes place over three days on Dec 7, 8, and 9 from 9:00am PST - 2:00pm PST. You can see the full schedule at https://reactathon.com You can watch this live stream for free but there is more great content available if you register for the live interactive event at https://hopin.to/events/reactathon-2020-online Today’s livestream features talks from: 👉 Becca Bailey - Software Engineer, Formidable 👉 Lee Robinson - Solutions Architect, Vercel 👉 Brian Leroux - Co-founder & CTO, arc.codes & begin.com 👉 Cassidy Williams - Principal Developer Experience Engineer, Netlify 👉 Syntax.fm Live with Wes Bos & Scott Tolinski See the full schedule + talk descriptions at https://reactathon.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reactathon Conference Live Stream - Day Two

pkNzU-5oDiA | 08 Dec 2020

Reactathon Conference Live Stream - Day Two

freeCodeCamp is excited to livestream one of the top React conferences in the world -- Reactathon! Full details: https://www.freecodecamp.org/news/reactathon-2020-conference-live-youtube/ Reactathon is known as the San Francisco React Conference, and takes place each year in March in downtown San Francisco, CA. This year, however, they had to postpone the event due to the crisis, and are now taking it online! The event takes place over three days on Dec 7, 8, and 9 from 9:00am PST - 2:00pm PST. You can see the full schedule at https://reactathon.com You can watch this live stream for free but there is more great content available if you register for the live interactive event at https://hopin.to/events/reactathon-2020-online Today’s livestream features talks from: 👉 Kent C Dodds - Software Engineer & Teacher, KentCDodds.com 👉 Tejas Kumar - Head of Vetting, G2i 👉 Daria Caraway - Software Engineer, Workday 👉 Naomi Meyer - Software Engineer, Adobe 👉 David Khourshid - Software Engineer, Microsoft See the full schedule + talk descriptions at https://reactathon.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Main Function, Door Game, and More - Python Basics with Sam

mvXDQNNcDu4 | 08 Dec 2020

Python Main Function, Door Game, and More - Python Basics with Sam

Learn the basics of Python live from Sam Focht. In today's stream, you will learn about second conversion, automating file naming, finding specific files, and more. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SAP UI5 / Fiori - Full Course

C9cK2Z2JDLg | 07 Dec 2020

SAP UI5 / Fiori - Full Course

Learn SAP UI5 and Fiori in this full course for beginners. SAP UI5 is a development framework used to build front-end applications with HTML5, JavaScript, XML, OData and JSON. SAP Fiori is a set of design principles to help developers plan and build UI5 applications 🎥 Couse developed by Brandon Caulfield. Check out his Code With Brandon YouTube channel: https://www.youtube.com/channel/UC4JplOwVNqdsiQqSl8o5_Uw 💻 GitHub Repo for the Video Steps - https://github.com/brandoncaulfield/sap-ui5-walkthrough/commits/main?before=26f804cea86ce1fd92e22d9f287fec7f273ca46f+35&branch=main ⭐ Steps ⭐ ⌨️ (0:00) Intro ⌨️ (4:26) Prerequisites ⌨️ (11:00) STEP 1: Hello World! ⌨️ (12:48) Step 2: Bootstrap ⌨️ (19:37) Step 3: Controls ⌨️ (23:59) Step 4: XML Views ⌨️ (30:46) Step 5: Controllers ⌨️ (39:37) Step 6: Modules ⌨️ (41:08) Step 7: JSON Model ⌨️ (49:22) Step 8: Translatable Texts ⌨️ (1:00:08) Step 9: Component Configuration ⌨️ (1:13:06) Step 10: Descriptor for Applications ⌨️ (1:26:50) Step 11: Pages and Panels ⌨️ (1:32:30) Step 12: Shell Control as Container ⌨️ (1:34:23) Step 13: Margins and Paddings ⌨️ (1:38:51) Step 14: Custom CSS and Theme Colors ⌨️ (1:47:01) Step 15: Nested Views ⌨️ (1:54:41) Step 16: Dialogs and Fragments ⌨️ (2:08:27) Step 17: Fragment Callbacks ⌨️ (2:15:34) Step 18: Icons ⌨️ (2:18:44) Step 19: Reuse Dialogs ⌨️ (2:39:36) Step 20: Aggregation Binding ⌨️ (2:51:00) Step 21: Data Types ⌨️ (3:01:27) Step 22: Expression Binding ⌨️ (3:05:32) Step 23: Custom Formatters ⌨️ (3:17:31) Step 24: Filtering ⌨️ (3:27:06) Step 25: Sorting and Grouping ⌨️ (3:29:16) Step 26: Remote OData Service ⌨️ (3:33:18) Step 27: Mock Server Configuration ⌨️ (3:46:58) Step 28: Unit Test with QUnit ⌨️ (3:52:05) Step 29: Integration Test with OPA ⌨️ (3:57:42) Step 30: Debugging Tools ⌨️ (4:01:53) Step 31: Routing and Navigation ⌨️ (4:23:26) Step 32: Routing with Parameters ⌨️ (4:35:46) Step 33: Routing Back and History ⌨️ (4:40:38) Step 34: Custom Controls ⌨️ (4:47:26) Step 35: Responsiveness ⌨️ (5:08:14) Step 36: Device Adaptation ⌨️ (5:24:32) Step 37: Content Density ⌨️ (5:32:22) Step 38: Accessibility ⌨️ (5:44:49) Outro 🔗 UI5 CLI - https://sap.github.io/ui5-tooling/ 🔗 CORS issue link: https://sapui5.hana.ondemand.com/#/topic/5bb388fc289d44dca886c8fa25da466e.html -- Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reactathon Conference Live Stream - Day One

KgTW0xfyr9A | 07 Dec 2020

Reactathon Conference Live Stream - Day One

freeCodeCamp is excited to livestream one of the top React conferences in the world -- Reactathon! Full details: https://www.freecodecamp.org/news/reactathon-2020-conference-live-youtube/ Reactathon is known as the San Francisco React Conference, and takes place each year in March in downtown San Francisco, CA. This year, however, they had to postpone the event due to the crisis, and are now taking it online! The event takes place over three days on Dec 7, 8, and 9 from 9:00am PST - 2:00pm PST. You can see the full schedule at https://reactathon.com You can watch this live stream for free but there is more great content available if you register for the live interactive event at https://hopin.to/events/reactathon-2020-online Today’s livestream features talks from: 👉 Guillermo Rauch - Founder & CEO, Vercel 👉 Lydia Hallie - Independent Software Engineer, theAvocoder.com 👉 Swizec Teller - Senior Software Engineer, Tia 👉 Alex Krolick - Senior Software Engineer, Box 👉 Bryan Manuele - Software Engineer, Flexport 👉 Jana Beck - Data Visualization Engineer, Stitch Fix 👉 Shawn Swyx Wang - Senior Developer Advocate, AWS See the full schedule + talk descriptions at https://reactathon.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Training Deep Neural Networks on a GPU | Deep Learning with PyTorch: Zero to GANs | Part 3 of 6

Qn5DDQn0fx0 | 05 Dec 2020

Training Deep Neural Networks on a GPU | Deep Learning with PyTorch: Zero to GANs | Part 3 of 6

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbm5dir5TLEy2aZQMG7cHEZp Code and Resources: Feedforward neural networks: https://jovian.ai/aakashns/04-feedforward-nn Neural networks (minimal): https://jovian.ai/aakashns/fashion-feedforward-minimal Data Visualization Cheatsheet: https://jovian.ai/aakashns/dataviz-cheatsheet Discussion forum: https://jovian.ai/forum/t/lecture-3-training-deep-neural-networks-on-a-gpu/13762 Topics covered in this video: * Working with cloud GPU platforms like Kaggle & Colab * Creating a multilayer neural network using nn.Module * Activation function, non-linearity, and universal approximation theorem * Moving datasets and models to the GPU for faster training This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: Tara Z. Manicsic Connects the Dots

TTerxQRfcFc | 04 Dec 2020

How to Build a Career in Tech: Tara Z. Manicsic Connects the Dots

Jason Lengstorf interviews Tara Z. Manicsic. Tara is an Angular Developer Experience Engineer at Netlify. She is a lifelong student, teacher, and maker. She has spent her career using JavaScript on both back-end and front-end to create applications. Follow her on Twitter here: https://twitter.com/tzmanics Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. Follow him on Twitter here: https://twitter.com/jlengstorf -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Algorithmic Trading Using Python - Full Course

xfzGZB4HhEE | 04 Dec 2020

Algorithmic Trading Using Python - Full Course

Learn how to perform algorithmic trading using Python in this complete course. Algorithmic trading means using computers to make investment decisions. Computer algorithms can make trades at a speed and frequency that is not possible by a human. After learning the basics of algorithmic trading, you will learn how to build three algorithmic trading projects. 💻 Code: https://github.com/nickmccullum/algorithmic-trading-python ✏️ Course developed by Nick McCullum. Learn more about Nick here: https://nickmccullum.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Algorithmic Trading Fundamentals & API Basics ⌨️ (0:17:20) Building An Equal-Weight S&P 500 Index Fund ⌨️ (1:38:44) Building A Quantitative Momentum Investing Strategy ⌨️ (2:54:02) Building A Quantitative Value Investing Strategy Note that this course is meant for educational purposes only. The data and information presented in this video is not investment advice. One benefit of this course is that you get access to unlimited scrambled test data (rather than live production data), so that you can experiment as much as you want without risking any money or paying any fees. This course is original content created by freeCodeCamp. This content was created using data and a grant provided by IEX Cloud. Any opinions or assertions contained herein do not represent the opinions or beliefs of IEX Cloud, its third-party data providers, or any of its affiliates or employees.

Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges

oBt53YbR9Kk | 03 Dec 2020

Dynamic Programming - Learn to Solve Algorithmic Problems & Coding Challenges

Learn how to use Dynamic Programming in this course for beginners. It can help you solve complex programming problems, such as those often seen in programming interview questions about data structures and algorithms. This course was developed by Alvin Zablan from Coderbyte. Coderbyte is one of the top websites for technical interview prep and coding challenges. 🔗 Improve your coding and interview skills: https://coderbyte.com/ This course uses images and animations to help you visualize problems and important concepts. After understanding problems conceptually, you will learn how to solve them in JavaScript using Dynamic Programming. Even though JavaScript is used in this course, you will learn concepts and knowledge that you can apply to other programming languages. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) course introduction ⌨️ (00:03:30) fib memoization ⌨️ (00:38:39) gridTraveler memoization ⌨️ (01:04:52) memoization recipe ⌨️ (01:09:56) canSum memoization ⌨️ (01:29:29) howSum memoization ⌨️ (01:52:06) bestSum memoization ⌨️ (02:12:45) canConstruct memoization ⌨️ (02:38:36) countConstruct memoization ⌨️ (02:47:30) allConstruct memoization ⌨️ (03:10:53) fib tabulation ⌨️ (03:22:17) gridTraveler tabulation ⌨️ (03:34:32) tabulation recipe ⌨️ (03:37:59) canSum tabulation ⌨️ (03:53:01) howSum tabulation ⌨️ (04:07:21) bestSum tabulation ⌨️ (04:20:50) canConstruct tabulation ⌨️ (04:38:06) countConstruct tabulation ⌨️ (04:50:23) allConstruct tabulation ⌨️ (05:07:44) closing thoughts ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build and Publish an Android App - Full Course with Kotlin

C2DBDZKkLss | 01 Dec 2020

Build and Publish an Android App - Full Course with Kotlin

Learn how to create and publish an Android app from scratch. In this beginner's course, you will learn to use Kotlin to build and publish a customizable memory game that can save content to Firebase cloud storage. Play one of the predefined games, or play a custom game created by you or a friend! Create your own memory game by choosing photos from your phone. This project was initially inspired by Paul Hegarty’s iPhone calls (CS193P) taught at Stanford. ➤ Published app: https://play.google.com/store/apps/details?id=com.rkpandey.mymemory ➤ Code in Github: https://github.com/rpandey1234/MyMemory 🔗 Follow Rahul on Twitter: https://twitter.com/rpandey1234 🔗 Follow Rahul on YouTube: https://www.youtube.com/rpandey1234 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro + app overview ⌨️ (0:05:40) Create the main layout ⌨️ (0:19:43) Setup the RecyclerView to show memory cards ⌨️ (0:37:15) Add the BoardSize enum + create icons ⌨️ (0:51:45) Create the memory card and game classes ⌨️ (1:01:39) Implement the game logic ⌨️ (1:20:20) Display game info ⌨️ (1:27:45) Add menu options for game control ⌨️ (1:41:59) Use an intent to navigate to the CreateActivity ⌨️ (1:58:04) Build the image grid in the creation flow ⌨️ (2:11:55) Choose image intent ⌨️ (2:30:03) Image upload preparation ⌨️ (2:39:07) Upload to Firebase Storage ⌨️ (2:59:43) Save the memory game to Firebase ⌨️ (3:16:00) Play memory with custom images ⌨️ (3:34:30) Add menu option to download a game ⌨️ (3:45:53) Style updates ⌨️ (3:56:33) Creating a release build ⌨️ (4:04:09) Publishing your app to Google Play ⌨️ (4:19:53) Concept Review ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Find Freelance Jobs

Z63TxAJotgQ | 30 Nov 2020

How to Find Freelance Jobs

Learn about freelance jobs and how to find them both online and in your city. ⭐️ Course Contents ⭐️ ⌨️ (02:10) What is freelancing? ⌨️ (11:31) Tasks to complete prior to beginning marketing. ⌨️ (25:00) Getting clients online ⌨️ (38:20) Getting clients in your city Resources Mentioned In Video: 🔗 https://html5up.net/ 🔗 https://www.google.com/intl/en_us/business/ 🔗 https://www.vistaprint.com/ 🔗 https://voice.google.com/ 🔗 https://www.bni.com/ Prior Videos: 🎥 Ultimate Freelancing Guide for Web Developers: https://www.youtube.com/watch?v=4TIvB8zDFio 🎥 Making Money as a Freelance Developer: https://www.youtube.com/watch?v=fsTzLgra5dQ 🎥 Taxes for Freelancers & Startups: https://youtu.be/AtIB_3_DZUk ✏️ This video was created by Luke Ciciliano. He is a web developer who writes on issues related to business & entrepreneurship. Luke’s business and Twitter urls are below: 🔗 https://www.modern-website.design/ 🔗 https://twitter.com/Luke_Ciciliano Stock Video Attribution: ‣ Video by Lukasz Radziejewski from Pexels ‣ Video by Pressmaster from Pexels ‣ Video by Pavel Danilyuk from Pexels ‣ Video by Craig Dennis from Pexels ‣ Video by Ketut Subiyanto from Pexels

PyTorch Images and Logistic Regression | Deep Learning with PyTorch: Zero to GANs | Part 2 of 6

uuuzvOEC0zw | 28 Nov 2020

PyTorch Images and Logistic Regression | Deep Learning with PyTorch: Zero to GANs | Part 2 of 6

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com Code and Resources: Logistic regression: https://jovian.ai/aakashns/03-logistic-regression Image Classification with Logistic Regression: https://jovian.ai/aakashns/mnist-logistic-minimal House Price Prediction: https://jovian.ai/aakashns/housing-linear-minimal Discussion forum: https://jovian.ai/forum/c/pytorch-zero-to-gans/lecture-2-working-with-images-logistic-regress/64 Topics covered in this video: * Working with images from the MNIST dataset * Training and validation dataset creation * Softmax function and categorical cross entropy loss * Model training, evaluation, and sample predictions This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: Kurt Kemple Connects the Dots

4fq8QlpEMec | 27 Nov 2020

How to Build a Career in Tech: Kurt Kemple Connects the Dots

Jason Lengstorf interviews Kurt Kemple. Kurt Kemple is developer relations manager at Apollo. Kurt is very passionate about GraphQL, the JAMstack, livestreaming, mental health, fitness, and investing in community. Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Redis Course - In-Memory Database Tutorial

XCsS_NVAa1g | 25 Nov 2020

Redis Course - In-Memory Database Tutorial

Redis is an in-memory data structure store often used as a database. Learn how to use Redis in this crash course for beginners. Course developed by Daily Code Buffer. Check out their channel: https://www.youtube.com/dailycodebuffer ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (02:26) Installing Redis ⌨️ (04:01) Redis Strings ⌨️ (11:24) Redis Lists ⌨️ (22:16) Redis Sets ⌨️ (29:46) Redis Sorted Sets ⌨️ (37:01) Redis HyperLogLog ⌨️ (39:43) Redis Hashes ⌨️ (45:23) Redis Transactions ⌨️ (48:47) Redis PubSub ⌨️ (56:25) Redis Scripts ⌨️ (01:05:20) Redis Connection & Security ⌨️ (01:11:09) Redis Geospatial ⌨️ (01:22:11) Redis Benchmark ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Undo Mistakes With Git Using the Command Line

lX9hsdsAeTk | 24 Nov 2020

How to Undo Mistakes With Git Using the Command Line

Git offers lots of different ways to undo, revert, recover and fix your mistakes. In this course, we'll look at the bad things that can happen to you - and how Git can save your neck. ✏️ This course was created by Tobias Günther from Tower. Tower creates a powerful Git desktop GUI for Mac and Windows. You can download it here: https://www.git-tower.com Note: This course focuses on using Git with the command line. You do not need Tower or any other GUI software to follow along. ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:54) Hosted by Tower ⌨️ (01:29) Git as your safety net ⌨️ (02:50) Discard all local changes in a file ⌨️ (04:28) Please be careful: discarding local changes cannot be undone! ⌨️ (05:03) Restoring deleted files ⌨️ (06:10) Discard chunks / lines in a file ⌨️ (10:22) Discarding all local changes ⌨️ (11:42) Fixing the last commit ⌨️ (14:53) What "rewriting history" means ⌨️ (15:54) Reverting a commit in the middle ⌨️ (18:48) Resetting to an old revision ⌨️ (21:48) Resetting a file to an old revision ⌨️ (23:59) The Reflog ⌨️ (24:38) Recovering deleted commits ⌨️ (27:46) Recovering deleted branches ⌨️ (31:22) Moving a commit to a new branch ⌨️ (33:55) Moving a commit to a different branch ⌨️ (35:57) Interactive Rebase: an overview of what you can do ⌨️ (37:54) Interactive Rebase: how it works in general ⌨️ (38:36) Editing old commit messages with Interactive Rebase ⌨️ (41:29) Deleting commits with Interactive Rebase ⌨️ (43:20) Squashing multiple commits into one with Interactive Rebase ⌨️ (46:00) Adding changes to an old commit with Interactive Rebase ⌨️ (51:54) Splitting/editing an old commit with Interactive Rebase ⌨️ (54:01) Reminder: don't rewrite commits that you have already shared! ⌨️ (54:38) First Aid Kit for Git: a set of short videos and a cheat sheet, free to download (www.bit.ly/git-first-aid-kit) ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

PyTorch Basics and Gradient Descent | Deep Learning with PyTorch: Zero to GANs | Part 1 of 6

5ioMqzMRFgM | 21 Nov 2020

PyTorch Basics and Gradient Descent | Deep Learning with PyTorch: Zero to GANs | Part 1 of 6

“Deep Learning with PyTorch: Zero to GANs” is a beginner-friendly online course offering a practical and coding-focused introduction to deep learning using the PyTorch framework. Learn more and register for a certificate of accomplishment here: http://zerotogans.com/ Code and Resources: PyTorch basics: https://jovian.ai/aakashns/01-pytorch-basics Linear regression: https://jovian.ai/aakashns/02-linear-regression Machine learning: https://jovian.ai/aakashns/machine-learning-intro Discussion forum: https://jovian.ai/forum/c/pytorch-zero-to-gans/lecture-1-pytorch-basics-linear-regression/63 Topics covered in this video: Introduction to machine learning and Jupyter notebooks PyTorch basics: tensors, gradients, and autograd Linear regression & gradient descent from scratch Using PyTorch modules: nn.Linear & nn.functional This course is taught by Aakash N S, co-founder & CEO of Jovian - a data science platform and global community. - YouTube: https://youtube.com/jovianml - Twitter: https://twitter.com/jovianml - LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: Cassidy Williams (@cassidoo) Connects the Dots

qsBfyUzZhTc | 20 Nov 2020

How to Build a Career in Tech: Cassidy Williams (@cassidoo) Connects the Dots

Jason Lengstorf interviews Cassidy Williams. Cassidy Williams is a Principal Developer Experience Engineer at Netlify. She often makes silly videos on the internet, plus she enjoy building mechanical keyboards and playing music in her free time. Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Linear Algebra - Full College Course

JnTa9XtvmfI | 19 Nov 2020

Linear Algebra - Full College Course

Learn Linear Algebra in this 20-hour college course. Watch the second half here: https://youtu.be/DJ6YwBN7Ya8 This course is taught by Dr. Jim Hefferon, a professor of mathematics at St Michael's College. 📔 The course follows along with Dr. Hefferon's Linear Algebra text book. The book is available for free: http://joshua.smcvt.edu/linearalgebra/book.pdf 📚 Access additional course resources at: https://hefferon.net/linearalgebra/ 🔗 Stephen Chew's Learning How to Learn series: https://www.youtube.com/watch?v=htv6eap1-_M&list=PL85708E6EA236E3DB 🔗 3Blue1Brown's Linear Algebra series: https://www.youtube.com/watch?v=fNk_zzaMoSs&list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to Linear Algebra by Hefferon ⌨️ (0:04:35) One.I.1 Solving Linear Systems, Part One ⌨️ (0:26:08) One.I.1 Solving Linear Systems, Part Two ⌨️ (0:40:56) One.I.2 Describing Solution Sets, Part One ⌨️ (0:54:21) One.I.2 Describing Solution Sets, Part Two ⌨️ (1:02:48) One.I.3 General = Particular + Homogeneous ⌨️ (1:18:33) One.II.1 Vectors in Space ⌨️ (1:35:08) One.II.2 Vector Length and Angle Measure ⌨️ (1:51:31) One.III.1 Gauss-Jordan Elimination ⌨️ (2:00:00) One.III.2 The Linear Combination Lemma ⌨️ (2:44:32) Two.I.1 Vector Spaces, Part One ⌨️ (3:08:12) Two.I.1 Vector Spaces, Part Two ⌨️ (3:33:01) Two.I.2 Subspaces, Part One ⌨️ (3:58:16) Two.I.2 Subspaces, Part Two ⌨️ (4:23:43) Two.II.1 Linear Independence, Part One ⌨️ (4:45:11) Two.II.1 Linear Independence, Part Two ⌨️ (5:03:57) Two.III.1 Basis, Part One ⌨️ (5:23:55) Two.III.1 Basis, Part Two ⌨️ (5:42:34) Two.III.2 Dimension ⌨️ (6:03:24) Two.III.3 Vector Spaces and Linear Systems ⌨️ (6:25:09) Three.I.1 Isomorphism, Part One ⌨️ (6:54:08) Three.I.1 Isomorphism, Part Two ⌨️ (7:21:47) Three.I.2 Dimension Characterizes Isomorphism ⌨️ (7:43:43) Three.II.1 Homomorphism, Part One ⌨️ (8:14:52) Three.II.1 Homomorphism, Part Two ⌨️ (8:30:24) Three.II.2 Range Space and Null Space, Part One ⌨️ (9:00:17) Three.II.2 Range Space and Null Space, Part Two. ⌨️ (9:20:57) Three.II Extra Transformations of the Plane ⌨️ (9:52:06) Three.III.1 Representing Linear Maps, Part One. ⌨️ (10:13:18) Three.III.1 Representing Linear Maps, Part Two ⌨️ (10:34:18) Three.III.2 Any Matrix Represents a Linear Map ⌨️ (10:58:32) Three.IV.1 Sums and Scalar Products of Matrices ⌨️ (11:19:14) Three.IV.2 Matrix Multiplication, Part One ⌨️ (11:39:44) Three.IV.2 Matrix Multiplication, Part Two The following sections are in the second video: https://youtu.be/DJ6YwBN7Ya8 ⌨️ Three.IV.3 Mechanics of Matrix Multiplication ⌨️ Three.IV.4 Matrix Inverse, Part One ⌨️ Three.IV.4 Matrix Inverse, Part Two ⌨️ Three.V.1 Changing Vector Representations ⌨️ Three.V.2 Changing Map Representations, Part One ⌨️ Three.V.2 Changing Map Representations, Part Two ⌨️ Three.VI Projection ⌨️ Four.I.1 Determinants ⌨️ Four.I.3 Permutation Expansion, Part One ⌨️ Four.I.3 Permutation Expansion, Part Two ⌨️ Four.I.4 Determinants Exist (optional) ⌨️ Four.II.1 Geometry of Determinants ⌨️ Four.III.1 Laplace's formula for the determinant ⌨️ Five.I.1 Complex Vector Spaces ⌨️ Five.II.1 Similarity ⌨️ Five.II.2 Diagonalizability ⌨️ Five.II.3 Eigenvalues and Eigenvectors, Part One ⌨️ Five.II.3 Eigenvalues and Eigenvectors, Part Two ⌨️ Five.II.3 Geometry of Eigenvalues and Eigenvectors -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Scraping with Python - Beautiful Soup Crash Course

XVv6mJpFOb0 | 18 Nov 2020

Web Scraping with Python - Beautiful Soup Crash Course

Learn how to perform web scraping with Python using the Beautiful Soup library. ✏️ Tutorial by JimShapedCoding. Check out his YouTube Channel: https://www.youtube.com/channel/UCU8d7rcShA7MGuDyYH1aWGg ⭐️ Course Contents ⭐️ Local HTML Scraping: ⌨️ (00:00) Basic HTML Structure, HTML Tags Explanation ⌨️ (05:35) Packages Installation, ⌨️ (07:23) Scraping Usage, Local files ⌨️ (12:41) Beautiful Soup find & find_all() methods ⌨️ (16:22) Web Browser Inspect tool ⌨️ (18:30) Grab all Prices, Basic Scraping Project Website Scraping: ⌨️ (24:48) Using the Requests Library to see a Website's HTML ⌨️ (30:10) Scraping a Production Website, Best practices for pulling info ⌨️ (44:05) Looping through similar soup.find_all() objects Features addition: ⌨️ (48:26) Prettifying the Jobs paragraph ⌨️ (54:05) Jobs Filtration by owned skills ⌨️ (57:45) Setting up the Project to scrape every 10 minutes ⌨️ (1:01:53) Storing the jobs paragraph in text files ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Solving Python Challenges - Python Basics with Sam

iVajTZgMk4M | 17 Nov 2020

Solving Python Challenges - Python Basics with Sam

Learn the basics of Python live from Sam Focht. In today's stream, you will learn about second conversion, automating file naming, finding specific files, and more. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ASP.NET Core Crash Course - C# App in One Hour

BfEjDD8mWYg | 16 Nov 2020

ASP.NET Core Crash Course - C# App in One Hour

Learn how to create a web database app in ASP.NET Core using Visual Studio and the C# language. This tutorial will show you how to : - Use the MVC (Model View Controller) design pattern. - Configure database tables using the Entity framework. - Setup of classes as models. Customize Razor forms. - Create methods inside a controller. - Style an ASP.NET page with CSS. - Use Bootstrap classes. - Create a search function to filter database results. ✏️ Course developed by Shad Sluiter. Check out his YouTube channel: https://www.youtube.com/user/shadsluiter ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Career in Tech: Henri Helvetica Connects the Dots

VtCUn3mY-L8 | 13 Nov 2020

How to Build a Career in Tech: Henri Helvetica Connects the Dots

Jason Lengstorf interviews Henri Helvetica. Henri Helvetica is a freelance developer who has turned his interests to a passionate mix of site performance engineering and user experience. Jason Lengstorf works at Netlify and hosts Learn With Jason. He is trying his very best to follow his own advice. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass

y51Cv4wnsPw | 12 Nov 2020

Web App Tutorial - JavaScript, Mobile First, Accessibility, Persistent Data, Sass

In this tutorial, we will build a to-do list app with HTML, SASS / CSS, and Vanilla Javascript. Our to-do list web app will be responsive with mobile first in mind. The to do list app will also be built with accessibility (A11y) in mind for keyboard navigation and screen readers. We will also use the Web Storage API to create a persistent data store so our list items reappear any time we visit the web app. 📺 Tutorial by Dave Gray. Check out his YouTube Channel: https://www.youtube.com/DaveGrayTeachesCode ⭐️ Course Contents ⭐️ ⌨️ (0:04) Introduction / App Outline ⌨️ (1:24) HTML foundation ⌨️ (12:24) SASS / CSS styles ⌨️ (50:05) JavaScript Classes ⌨️ (57:25) JavaScript Functions ⌨️ (1:41:53) Testing the Accessibility features ⌨️ (1:45:56) Code clean up and enhancements for A11y ⌨️ (1:59:40) Testing the fixes & enhancements for the app ⌨️ (2:00:55) Wrap-up: How do you want to improve the to do list app? 📚 Further Reading: 🔗 Official SASS website: https://sass-lang.com/guide ✅ Follow Dave here: 🔗 Twitter: https://twitter.com/yesdavidgray 🔗 Reddit: https://www.reddit.com/user/DaveOnEleven 🔗 LinkedIn: https://www.linkedin.com/in/davidagray -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Put a Website Online - Creation, Domain, Hosting, DNS

NQP89ish9t8 | 11 Nov 2020

How to Put a Website Online - Creation, Domain, Hosting, DNS

Learn how to get your website online with a custom URL and website hosting. In this course, you will first learn how to create a simple website using HTML, CSS, and JavaScript, starting with a website template. (If you already have a website—great! Just skip this section and go to the next one.) Then, you will learn how to get a custom URL. Finally, you will learn how to host your website files and make your custom URL point to your website files. You will learn two different ways to host your website, including a way to host your website for free! This course was created by Beau Carnes. 🔗 Get a .TECH domain name: https://get.tech 🔗 Learn more about HTML and CSS: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnSe1qUNMG7AbPmjIG54u88 ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:34) Creating a website ⌨️ (38:41) Getting a custom URL ⌨️ (42:45) Getting web hosting ⌨️ (48:25) Creating a custom email address ⌨️ (48:25) Updating Nameservers ⌨️ (51:35) Hosting for free with GitHub Pages ⌨️ (56:08) Updating DNS Settings ⌨️ (59:15) Conclusion ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster This course was made possible in part by a grant from Radix, who own the .tech TLD.

Learn Ruby on Rails - Full Course

fmyvWz5TUWg | 09 Nov 2020

Learn Ruby on Rails - Full Course

Learn Ruby on Rails in this full course for beginners. Ruby on Rails is a is a server-side web application framework used for creating full stack web apps. 🔗 Code: https://github.com/flatplanet/railsfriends 🎥 Course created by Codemy.com. Check out their YouTube channel: https://www.youtube.com/c/Codemycom ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and Installation ⌨️ (0:28:12) First Webpage and MVC Overview ⌨️ (0:42:41) Application Partial Links and New Pages ⌨️ (1:03:17) CRUD Scaffold ⌨️ (1:21:33) Style App with Bootstrap ⌨️ (2:02:15) Style Devise Views ⌨️ (2:26:39) Associations ⌨️ (2:45:41) More Associations ⌨️ (3:06:34) Style Modifications ⌨️ (3:21:57) Fun With the Controller ⌨️ (3:30:17) Git, GitHub, and Heroku ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Visual Studio Code Full Course - VS Code for Beginners

UTQp6mvhb0Y | 04 Nov 2020

Visual Studio Code Full Course - VS Code for Beginners

Master Visual Studio Code (VS Code) and increase your programming productivity. You will learn the basics of VS Code along with tips and tricks to become a super user. You will also learn how to install and use common extensions for JavaScript, Python, and PHP. ✏️ Course from Bitfumes. Check out the Bitfumes YouTube channel: https://www.youtube.com/bitfumes ⭐️ Famous Themes ⭐️ 🔸 Tokyo Night 🔸 Github Theme 🔸 Material Theme 🔸 Darcula, Dracula 🔸 Shades of Purple ⭐️ Extensions Reviewed ⭐️ ✅ Python ✅ ES6 for javascript ✅ React extensions ✅ BetterPHPUnit ✅ php intelliphense ✅ Confirm quit ✅ chrome debuggerphp-cs-fixer ✅ bracket pair colorizer ✅ cdnjs ✅ vuln ✅ eslint ✅ npm intellisense ✅ colonizer ✅ EmojiSense ✅ Placode ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Course Intro ⌨️ (00:02:37) Install and Setup ⌨️ (00:09:58) Material Theme ⌨️ (00:19:45) Some Awesome Themes ⌨️ (00:24:16) Minimal Screen (Hide sidebar & Activity Bar) ⌨️ (00:38:03) Line Height & Cursor ⌨️ (00:42:47) Master Explorer ⌨️ (00:51:03) Power of Breadcrumbs ⌨️ (01:00:26) Code Snippets ⌨️ (01:10:02) Tab Mastery ⌨️ (01:17:51) Select code with Keyboard ⌨️ (01:31:00) Goto Line and code folding with keyboard ⌨️ (01:38:35) Multicursor with Keyboard ⌨️ (01:44:38) Format on Save, Whitespace and Wrap code ⌨️ (01:49:21) Terminal Mastery ⌨️ (02:01:03) Firacode Font and Ligature ⌨️ (02:06:39) Split Editors ⌨️ (02:08:24) Refactoring with vscode ⌨️ (02:13:08) HTML & emmets ⌨️ (02:22:51) css and bootstrap ⌨️ (02:28:11) Git support on vscode ⌨️ (02:34:57) Emoji Sense ⌨️ (02:36:55) Share code on twitter ⌨️ (02:38:57) Markdown Mastery ⌨️ (02:47:37) Intellisense for JavaScript ⌨️ (02:53:19) Add any cdn from cdnjs ⌨️ (02:55:34) Bracket Pair Colorizer ⌨️ (02:57:16) Javascript with eslint, prettier, Intellisense & chrome debugger ⌨️ (03:23:45) Python Jupytor notebook, eslint, prettier, debugger & intellisense ⌨️ (03:40:48) PHP, Laravel, PHP-cs-fixer ⌨️ (04:01:51) vscode confirm quit ⌨️ (04:03:21) vscode setting sync native ⌨️ (04:10:36) vscode setting sync extension ⌨️ (04:16:58) Gradient Cursor & vscode css ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

OpenCV Course - Full Tutorial with Python

oXlwWbU8l2o | 03 Nov 2020

OpenCV Course - Full Tutorial with Python

Learn everything you need to know about OpenCV in this full course for beginners. We'll start all the way from the very basics (reading images and video, image transformations, drawing on images) to the more advanced concepts (color spaces, edge detection, and thresholding). Towards the end, we'll be building a Deep Computer Vision model to detect between the characters in "The Simpsons". ⭐️ Code ⭐️ 🔗Github link: https://github.com/jasmcaus/opencv-course 🔗Caer: https://github.com/jasmcaus/caer ✏️ Course from Jason Dsouza. Check out his YouTube channel: https://www.youtube.com/jasmcaus ⭐️ Course Contents ⭐️ ⌨️ (0:00:00): Introduction ⌨️ (0:01:07): Installing OpenCV and Caer Section #1 - Basics ⌨️ (0:04:12): Reading Images & Video ⌨️ (0:12:57): Resizing and Rescaling Frames ⌨️ (0:20:21): Drawing Shapes & Putting Text ⌨️ (0:31:55): 5 Essential Functions in OpenCV ⌨️ (0:44:13): Image Transformations ⌨️ (0:57:06): Contour Detection Section #2 - Advanced ⌨️ (1:12:53): Color Spaces ⌨️ (1:23:10): Color Channels ⌨️ (1:31:03): Blurring ⌨️ (1:44:27): BITWISE operations ⌨️ (1:53:06): Masking ⌨️ (2:01:43): Histogram Computation ⌨️ (2:15:22): Thresholding/Binarizing Images ⌨️ (2:26:27): Edge Detection Section #3 - Faces: ⌨️ (2:35:25): Face Detection with Haar Cascades ⌨️ (2:49:05): Face Recognition with OpenCV's built-in recognizer Section #4 - Capstone ⌨️ (3:11:57): Deep Computer Vision Check out Jason's Deep Learning Crash Course for Beginners: https://www.youtube.com/watch?v=VyWAvY2CF9c ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Random Password Generator - Python Basics with Sam

3j6v4wBZWR8 | 03 Nov 2020

Random Password Generator - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Microsoft Excel Tutorial for Beginners - Full Course

Vl0H-qTclOg | 28 Oct 2020

Microsoft Excel Tutorial for Beginners - Full Course

Lean how to use Microsoft Excel from the beginning by creating 6 real-world projects. Most of the content applies to Google Sheets as well. You will learn how to - enter data, - navigate through a spreadsheet, - create formulas to solve problems, - create charts and graphs, - understand relative vs absolute references, - import and export data, - implement VLOOKUP, - use pivot tables, - split and concatenate text, - and more. ✏️ Course developed by Shad Sluiter. Check out his YouTube channel: https://www.youtube.com/user/shadsluiter ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:14) Payroll ⌨️ (0:39:35) Gradebook ⌨️ (0:57:22) Decision Factors ⌨️ (1:04:40) Sales Database ⌨️ (1:23:13) Car Inventory ⌨️ (1:59:29) Problem Solving Templates ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code 15 React Projects - Complete Course

a_7Z7C_JCyo | 27 Oct 2020

Code 15 React Projects - Complete Course

Improve your skills with the React JavaScript library by building 15 projects using React. 🔗 Code: https://github.com/john-smilga/react-projects 🔗 React Course: https://www.youtube.com/watch?v=4UZrsTqkcW4 ✏️ Course from John Smilga of the Coding Addict channel. Check out his channel: https://www.youtube.com/codingaddict ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:34) Starter Project Setup ⌨️ (0:07:18) 1-Birthday Intro ⌨️ (0:07:54) 1-Birthday Setup ⌨️ (0:13:31) 1-Birthday Complete ⌨️ (0:19:41) 2-Tours Intro ⌨️ (0:20:41) 2-Tours Fetch Data ⌨️ (0:32:04) 2-Tours Display Data ⌨️ (0:37:40) 2-Tours Toggle Button ⌨️ (0:43:17) 2-Tours Remove Tour ⌨️ (0:50:13) 3-Reviews Intro ⌨️ (0:50:36) 3-Reviews Info And React Icons ⌨️ (0:56:46) 3-Reviews Setup ⌨️ (1:05:39) 3-Reviews Prev And Next Person ⌨️ (1:12:14) 3-Reviews Random Person ⌨️ (1:17:22) 4-Accordion Intro ⌨️ (1:17:36) 4-Accordion Complete ⌨️ (1:27:27) 5-Menu Intro ⌨️ (1:28:16) 5-Menu Display Items ⌨️ (1:36:08) 5-Menu Manual Approach ⌨️ (1:40:59) 5-Menu All Button ⌨️ (1:43:34) 5-Menu Dynamic Approach ⌨️ (1:52:06) 6-Tabs Intro ⌨️ (1:52:52) 6-Tabs Setup ⌨️ (2:00:09) 6-Tabs Display First Job ⌨️ (2:06:42) 6-Tabs Buttons ⌨️ (2:13:40) 7-Slider Intro ⌨️ (2:14:07) 7-Slider Setup ⌨️ (2:24:59) 7-Slider Manual Setup ⌨️ (2:32:44) 7-Slider Setup Classes ⌨️ (2:40:12) 7-Slider Prev And Next ⌨️ (2:43:32) 7-Slider First And Last, Autoslide ⌨️ (2:50:53) 8-Lorem-Ipsum Intro ⌨️ (2:52:24) 8-Lorem-Ipsum Structure ⌨️ (3:00:32) 8-Lorem-Ipsum Complete ⌨️ (3:08:49) 9-Color-Generator Intro ⌨️ (3:10:33) 9-Color-Generator Structure ⌨️ (3:19:11) 9-Color-Generator Get Values, Error ⌨️ (3:26:05) 9-Color-Generator Single Color ⌨️ (3:42:34) 9-Color-Generator Copy To Clipboard ⌨️ (3:51:39) 10-Grocery-Bud Intro ⌨️ (3:53:10) 10-Grocery-Bud Structure ⌨️ (4:03:46) 10-Grocery-Bud Add Items ⌨️ (4:13:21) 10-Grocery-Bud Alert ⌨️ (4:23:06) 10-Grocery-Bud Clear List ⌨️ (4:25:18) 10-Grocery-Bud Remove Item ⌨️ (4:29:58) 10-Grocery-Bud Edit Item ⌨️ (4:37:12) 10-Grocery-Bud Local Storage ⌨️ (4:41:27) 11-Navbar Intro ⌨️ (4:42:07) 11-Navbar Structure ⌨️ (4:50:59) 11-Navbar Links Data ⌨️ (5:00:14) 11-Navbar Simple Toggle ⌨️ (5:03:10) 11-Navbar Class Toggle ⌨️ (5:07:20) 11-Navbar UseRef Approach ⌨️ (5:16:22) 12-Sidebar Intro ⌨️ (5:17:13) 12-Sidebar Structure ⌨️ (5:26:15) 12-Sidebar Global Context ⌨️ (5:36:39) 12-Sidebar Complete ⌨️ (5:44:46) 13-Stripe Intro ⌨️ (5:47:06) 13-Stripe Context Boilerplate ⌨️ (5:56:31) 13-Stripe Navbar ⌨️ (6:03:31) 13-Stripe Hero ⌨️ (6:06:18) 13-Stripe Sidebar ⌨️ (6:13:48) 13-Stripe Submenu ⌨️ (6:18:16) 13-Stripe Location ⌨️ (6:28:02) 13-Stripe Submenu Links ⌨️ (6:37:34) 13-Stripe Hide Submenu ⌨️ (6:41:55) 14-Cart Intro ⌨️ (6:42:44) 14-Cart Setup Overview ⌨️ (6:50:25) 14-Cart UseReducer Setup ⌨️ (6:57:16) 14-Cart Clear Cart ⌨️ (7:02:06) 14-Cart Remove Item ⌨️ (7:06:35) 14-Cart Increase ⌨️ (7:11:40) 14-Cart Decrease ⌨️ (7:15:41) 14-Cart Get Totals ⌨️ (7:27:23) 14-Cart Fetch Data ⌨️ (7:32:31) 14-Cart Toggle Functionality ⌨️ (7:39:57) 15-Cocktails Intro ⌨️ (7:41:13) 15-Cocktails Additional Info ⌨️ (7:41:51) 15-Cocktails Setup Overview ⌨️ (7:44:49) 15-Cocktails Router Setup ⌨️ (7:50:15) 15-Cocktails Navbar ⌨️ (7:53:20) 15-Cocktails Error About ⌨️ (7:56:28) 15-Cocktails Context Setup ⌨️ (8:06:54) 15-Cocktails API Overview ⌨️ (8:10:29) 15-Cocktails Fetch Drinks ⌨️ (8:20:51) 15-Cocktails Display List ⌨️ (8:26:17) 15-Cocktails Search Form ⌨️ (8:32:49) 15-Cocktails Single Cocktail Page ⌨️ (8:53:23) Hosting - Drag And Drop ⌨️ (8:58:45) Hosting - Continuous Deployment ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Use PHP to Create an MVC Framework - Full Course

6ERdu4k62wI | 22 Oct 2020

Use PHP to Create an MVC Framework - Full Course

Learn how to use PHP to build an MVC framework from scratch. You will get an understanding of how frameworks are made. The framework you build is not production-ready. During this project we will learn many things: - How to work with file system - How to work with databases - How to use Abstraction in real projects - How to implement custom routing - How to install third party packages using composer - How to create reusable composer package - and many other important things ✏️ This course was developed by Zura Sekhniashvili (The Codeholic). Check out his YouTube channel: https://www.youtube.com/thecodeholic 💻 Code: https://github.com/thecodeholic/php-mvc-framework ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:01:29) Show features ⌨️ (00:03:57) Demo of the Framework ⌨️ (00:07:40) Create Application and Router ⌨️ (00:14:17) Enable autoloading using composer ⌨️ (00:19:20) Implement Routing ⌨️ (00:32:31) Create project structure ⌨️ (00:36:03) Implement views & layouts ⌨️ (01:00:54) Implement Controllers ⌨️ (01:12:49) Sanitize $_POST data ⌨️ (01:18:19) Start Registration ⌨️ (01:24:54) Implement second layout ⌨️ (01:29:56) Implement Models ⌨️ (01:41:18) Implement Validation using models ⌨️ (02:00:21) Implement form Widget ⌨️ (02:21:01) Migrations & Connection to Database ⌨️ (02:29:53) .env file & Application Config ⌨️ (02:38:59) Implement Migrations ⌨️ (03:04:21) Implement ActiveRecord & Finish Registration ⌨️ (03:23:56) Restrict registration with the same email ⌨️ (03:32:49) Implement Session Flash messages ⌨️ (03:49:44) Implement Input labels ⌨️ (03:59:43) Implement Login ⌨️ (04:29:26) Hide Login/Register buttons When user is authorized ⌨️ (04:35:15) Create protected routes ⌨️ (04:57:45) Create View component & implement page titles ⌨️ (05:06:55) Improve form widget with abstraction ⌨️ (05:20:55) Make core installable composer package ⌨️ (05:47:18) Create second website to use the same core ⌨️ (05:52:18) Add new feature to core and release new version ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Docker and Kubernetes - Full Course for Beginners

Wf2eSG3owoA | 22 Oct 2020

Docker and Kubernetes - Full Course for Beginners

Learn the fundamentals of Docker and Kubernetes in this complete hand-on course. First, you will learn about creating docker images, running docker containers, docker volumes, container registry and docker architecture. Next, you will learn about Kubernetes architecture, Kubernetes pods, services, config maps all the way to Kubernetes deployments. You will learn the differences between Docker and Kubernetes, allowing you to start using these two technologies with confidence. ✏️ Course from Amigoscode and Techworld with Nana. 🔗 Subscribe to the Amigoscode YouTube channel: http://bit.ly/2HpF5V8 🔗 Subscribe to the Techworld with Nana YouTube channel: https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA ⭐️ Course Contents ⭐️ 🌟 Introduction to Docker 🌟 ⌨️ (0:00) Introduction ⌨️ (2:34) Course Overview ⌨️ (5:03) What is Docker ⌨️ (9:34) Installing Docker ⌨️ (12:56) Verify Installation 🌟 Images, Containers, and Ports 🌟 ⌨️ (15:36) Images & Containers ⌨️ (17:06) Pulling NGINX Image ⌨️ (21:12) Running Containers ⌨️ (25:48) Exposing Ports ⌨️ (30:01) Exposing Multiple Ports ⌨️ (31:38) Managing Containers ⌨️ (39:37) Naming Containers 🌟 Volumes 🌟 ⌨️ (45:38) Volumes ⌨️ (49:47) Volumes Between Host and Container ⌨️ (57:53) Customize Website ⌨️ (1:00:48) Volumes Between Containers 🌟 Building Images 🌟 ⌨️ (1:04:03) Dockerfile ⌨️ (1:06:10) Creating Dockerfile ⌨️ (1:11:55) Docker Build 🌟 Project: Build an Image for an API 🌟 ⌨️ (1:19:16) Node JS and Express JS ⌨️ (1:25:50) Dockerfile for our API ⌨️ (1:31:57) Running Containers for our API 🌟 Caching and Layers 🌟 ⌨️ (1:35:02) .dockerignore ⌨️ (1:40:17) Caching and Layers ⌨️ (1:45:32) Caching and Layers Part 2 🌟 Reducing Image Size 🌟 ⌨️ (1:51:39) Alpine ⌨️ (1:54:30) Pulling Alpine Images ⌨️ (2:00:02) Using Alpine 🌟 Tags and Versioning 🌟 ⌨️ (2:06:28) Tags and Versions ⌨️ (2:09:31) Using Tags with Versions ⌨️ (2:13:35) Running Containers and Tags ⌨️ (2:17:23) Tagging Override ⌨️ (2:20:22) Tagging Own Images ⌨️ (2:25:06) Running Containers with Different Tags 🌟 Image Registries 🌟 ⌨️ (2:29:58) Docker Registry ⌨️ (2:32:58) Create Docker Hub Repo ⌨️ (2:35:31) Pushing Images to Docker Hub ⌨️ (2:41:32) Pulling Own Images 🌟 Debugging Containers 🌟 ⌨️ (2:46:06) Docker Inspect ⌨️ (2:49:30) Docker Logs ⌨️ (2:53:51) Docker Exec 🌟 Introduction to Kubernetes 🌟 ⌨️ (2:57:30) Kubernetes ⌨️ (2:58:35) Course Overview ⌨️ (2:59:03) What is Kubernetes 🌟 Kubernetes Architecture & Components 🌟 ⌨️ (3:02:28) Kubernetes Architecture ⌨️ (3:07:01) Pod, Service & Ingress ⌨️ (3:12:51) Config Map and Secret ⌨️ (3:16:05) Volumes ⌨️ (3:18:06) Deployments and Stateful Sets ⌨️ (3:23:25) Components Summary 🌟 Developing Locally 🌟 ⌨️ (3:24:23) Minikube and kubectl ⌨️ (3:28:06) Installing Minikube and kubectl ⌨️ (3:34:06) Create Deployment ⌨️ (3:37:17) Debugging Pods ⌨️ (3:40:21) kubectl apply -f ⌨️ (3:44:48) kubectl commands summary 🌟 Project: MongoDB and Mongo Express 🌟 ⌨️ (3:45:42) Deploying MongoDB and Mongo Express ⌨️ (3:48:00) MongoDB Pod ⌨️ (3:52:01) Secret ⌨️ (3:58:16) MongoDB Internal Service ⌨️ (4:03:08) Deployment Service and Config Map ⌨️ (4:09:56) Mongo Express External Service ⌨️ (4:16:03) Congrats! You made it to the end 🎉 🔗 Visit Amigoscode.com for more courses | http://bit.ly/2JgGW0w 🔗 Follow Amigoscode on Instagram | http://bit.ly/2TSkA9w 🔗 Join Amigoscode Closed Facebook Group | http://bit.ly/2FbuIkx ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Practical Deep Learning for Coders - Full Course from fast.ai and Jeremy Howard

0oyCUWLL_fU | 21 Oct 2020

Practical Deep Learning for Coders - Full Course from fast.ai and Jeremy Howard

Practical Deep Learning for Coders is a course from fast.ai designed to give you a complete introduction to deep learning. This course was created to make deep learning accessible to as many people as possible. The only prerequisite for this course is that you know how to code (a year of experience is enough), preferably in Python, and that you have at least followed a high school math course. This course was developed by Jeremy Howard and Sylvain Gugger. Jeremy has been using and teaching machine learning for around 30 years. He is the former president of Kaggle, the world's largest machine learning community. Sylvain Gugger is a researcher who has written 10 math textbooks. 🔗 Course website with questionnaires, set-up guide, and more: https://course.fast.ai/ Lessons 7 and 8 are in a second video: https://youtu.be/HL7LOfyf6bc ⭐️ Course Contents ⭐️ (See next section for book & code.) ⌨️ (0:00:00) Lesson 1 - Your first modules ⌨️ (1:22:55) Lesson 2 - Evidence and p values ⌨️ (2:53:59) Lesson 3 - Production and Deployment ⌨️ (5:00:20) Lesson 4 - Stochastic Gradient Descent (SGD) from scratch ⌨️ (7:01:56) Lesson 5 - Data ethics ⌨️ (9:09:46) Lesson 6 - Collaborative filtering ⌨️ (https://youtu.be/HL7LOfyf6bc) Lesson 7 - Tabular data ⌨️ (https://youtu.be/HL7LOfyf6bc) Lesson 8 - Natural language processing ⭐️ Book chapters and code on Google Colab ⭐️ 🔗 Full book (or use links below to go directly to a chapter on Google Colab): https://github.com/fastai/fastbook NB: Chapter 2 contains widgets, which unfortunately are not supported by Colab. Also, in some places we use a file upload button, which is also not supported by Colab. For those sections, either skip them, or use a different platform such as Gradient (Colab is the only platform which doesn't support widgets). 💻 Intro to Jupyter: https://colab.research.google.com/github/fastai/fastbook/blob/master/app_jupyter.ipynb 💻 Chapter 1, Intro: https://colab.research.google.com/github/fastai/fastbook/blob/master/01_intro.ipynb 💻 Chapter 2, Production: https://colab.research.google.com/github/fastai/fastbook/blob/master/02_production.ipynb 💻 Chapter 3, Ethics: https://colab.research.google.com/github/fastai/fastbook/blob/master/03_ethics.ipynb 💻 Chapter 4, MNIST Basics: https://colab.research.google.com/github/fastai/fastbook/blob/master/04_mnist_basics.ipynb 💻 Chapter 5, Pet Breeds: https://colab.research.google.com/github/fastai/fastbook/blob/master/05_pet_breeds.ipynb 💻 Chapter 6, Multi-Category: https://colab.research.google.com/github/fastai/fastbook/blob/master/06_multicat.ipynb 💻 Chapter 7, Sizing and TTA: https://colab.research.google.com/github/fastai/fastbook/blob/master/07_sizing_and_tta.ipynb 💻 Chapter 8, Collab: https://colab.research.google.com/github/fastai/fastbook/blob/master/08_collab.ipynb 💻 Chapter 9, Tabular: https://colab.research.google.com/github/fastai/fastbook/blob/master/09_tabular.ipynb 💻 Chapter 10, NLP: https://colab.research.google.com/github/fastai/fastbook/blob/master/10_nlp.ipynb 💻 Chapter 11, Mid-Level API: https://colab.research.google.com/github/fastai/fastbook/blob/master/11_midlevel_data.ipynb 💻 Chapter 12, NLP Deep-Dive: https://colab.research.google.com/github/fastai/fastbook/blob/master/12_nlp_dive.ipynb 💻 Chapter 13, Convolutions: https://colab.research.google.com/github/fastai/fastbook/blob/master/13_convolutions.ipynb 💻 Chapter 14, Resnet: https://colab.research.google.com/github/fastai/fastbook/blob/master/14_resnet.ipynb 💻 Chapter 15, Arch Details: https://colab.research.google.com/github/fastai/fastbook/blob/master/15_arch_details.ipynb 💻 Chapter 16, Optimizers and Callbacks: https://colab.research.google.com/github/fastai/fastbook/blob/master/16_accel_sgd.ipynb 💻 Chapter 17, Foundations: https://colab.research.google.com/github/fastai/fastbook/blob/master/17_foundations.ipynb 💻 Chapter 18, GradCAM: https://colab.research.google.com/github/fastai/fastbook/blob/master/18_CAM.ipynb 💻 Chapter 19, Learner: https://colab.research.google.com/github/fastai/fastbook/blob/master/19_learner.ipynb 💻 Chapter 20, conclusion: https://colab.research.google.com/github/fastai/fastbook/blob/master/20_conclusion.ipynb -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Tkinter Calculator - Python Basics with Sam

PkLwJicRI8s | 20 Oct 2020

Tkinter Calculator - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flutter App with Firebase Authentication and Firestore Tutorial - Crypto Wallet

fi2WkznwWbc | 19 Oct 2020

Flutter App with Firebase Authentication and Firestore Tutorial - Crypto Wallet

Learn how to create a full stack Flutter application using Firebase authentication, Firestore, and open source APIs. You will learn to hook up APIs into a Flutter application, use Firebase authentication, and implement CRUD operations with Firestore. The app you will build is a cryptocurrency wallet app. You will be able to keep track of how much currency you have, convert it to US dollars, and remove coins from the wallet. ✏️ Course developed by Bo Bleyl. Check out his YouTube channel: https://www.youtube.com/channel/UCIV0tE4cC3Ufk44-KVZqv7w 💻 Code: https://github.com/Bobleyl/crypto_wallet_demo/tree/freecodecamp ⭐️ Course Contents ⭐️ ⌨️ (01:25) Firebase Setup ⌨️ (09:18) Flutter Setup ⌨️ (10:39) Build App ⌨️ (1:11:01) API & Firestore Hookup -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Docker and Kubernetes - Full Course for Beginners

t8GbPocwQW0 | 15 Oct 2020

Docker and Kubernetes - Full Course for Beginners

Learn the fundamentals of Docker and Kubernetes in this complete hand-on course. First, you will learn about creating docker images, running docker containers, docker volumes, container registry and docker architecture. Next, you will learn about Kubernetes architecture, Kubernetes pods, services, config maps all the way to Kubernetes deployments. You will learn the differences between Docker and Kubernetes, allowing you to start using these two technologies with confidence. ✏️ Course from Amigoscode and Techworld with Nana. 🔗 Subscribe to the Amigoscode YouTube channel: http://bit.ly/2HpF5V8 🔗 Subscribe to the Techworld with Nana YouTube channel: https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA ⭐️ Course Contents ⭐️ 🌟 Introduction to Docker 🌟 ⌨️ (0:00) Introduction ⌨️ (2:34) Course Overview ⌨️ (5:03) What is Docker ⌨️ (9:34) Installing Docker ⌨️ (12:56) Verify Installation 🌟 Images, Containers, and Ports 🌟 ⌨️ (15:36) Images & Containers ⌨️ (17:06) Pulling NGINX Image ⌨️ (21:12) Running Containers ⌨️ (25:48) Exposing Ports ⌨️ (30:01) Exposing Multiple Ports ⌨️ (31:38) Managing Containers ⌨️ (39:37) Naming Containers 🌟 Volumes 🌟 ⌨️ (45:38) Volumes ⌨️ (49:47) Volumes Between Host and Container ⌨️ (57:53) Customize Website ⌨️ (1:00:48) Volumes Between Containers 🌟 Building Images 🌟 ⌨️ (1:04:03) Dockerfile ⌨️ (1:06:10) Creating Dockerfile ⌨️ (1:11:55) Docker Build 🌟 Project: Build an Image for an API 🌟 ⌨️ (1:19:16) Node JS and Express JS ⌨️ (1:25:50) Dockerfile for our API ⌨️ (1:31:57) Running Containers for our API 🌟 Caching and Layers 🌟 ⌨️ (1:35:02) .dockerignore ⌨️ (1:40:17) Caching and Layers ⌨️ (1:45:32) Caching and Layers Part 2 🌟 Reducing Image Size 🌟 ⌨️ (1:51:39) Alpine ⌨️ (1:54:30) Pulling Alpine Images ⌨️ (2:00:02) Using Alpine 🌟 Tags and Versioning 🌟 ⌨️ (2:06:28) Tags and Versions ⌨️ (2:09:31) Using Tags with Versions ⌨️ (2:13:35) Running Containers and Tags ⌨️ (2:17:23) Tagging Override ⌨️ (2:20:22) Tagging Own Images ⌨️ (2:25:06) Running Containers with Different Tags 🌟 Image Registries 🌟 ⌨️ (2:29:58) Docker Registry ⌨️ (2:32:58) Create Docker Hub Repo ⌨️ (2:35:31) Pushing Images to Docker Hub ⌨️ (2:41:32) Pulling Own Images 🌟 Debugging Containers 🌟 ⌨️ (2:46:06) Docker Inspect ⌨️ (2:49:30) Docker Logs ⌨️ (2:53:51) Docker Exec 🌟 Introduction to Kubernetes 🌟 ⌨️ (2:57:30) Kubernetes ⌨️ (2:58:35) Course Overview ⌨️ (2:59:03) What is Kubernetes 🌟 Kubernetes Architecture & Components 🌟 ⌨️ (3:02:28) Kubernetes Architecture ⌨️ (3:07:01) Pod, Service & Ingress ⌨️ (3:12:51) Config Map and Secret ⌨️ (3:16:05) Volumes ⌨️ (3:18:06) Deployments and Stateful Sets ⌨️ (3:23:25) Components Summary 🌟 Developing Locally 🌟 ⌨️ (3:24:23) Minikube and kubectl ⌨️ (3:28:06) Installing Minikube and kubectl ⌨️ (3:34:06) Create Deployment ⌨️ (3:37:17) Debugging Pods ⌨️ (3:40:21) kubectl apply -f ⌨️ (3:44:48) kubectl commands summary 🌟 Project: MongoDB and Mongo Express 🌟 ⌨️ (3:45:42) Deploying MongoDB and Mongo Express ⌨️ (3:48:00) MongoDB Pod ⌨️ (3:52:01) Secret ⌨️ (3:58:16) MongoDB Internal Service ⌨️ (4:03:08) Deployment Service and Config Map ⌨️ (4:09:56) Mongo Express External Service ⌨️ (4:16:03) Congrats! You made it to the end 🎉 🔗 Visit Amigoscode.com for more courses | http://bit.ly/2JgGW0w 🔗 Follow Amigoscode on Instagram | http://bit.ly/2TSkA9w 🔗 Join Amigoscode Closed Facebook Group | http://bit.ly/2FbuIkx ⭐️ Special thanks to our Champion supporters! ⭐️ 🏆 Loc Do 🏆 Joseph C 🏆 DeezMaster -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

0React / GraphQL Course - Build a social media app (MERNG Stack)

n1mdAPFq2Os | 14 Oct 2020

0React / GraphQL Course - Build a social media app (MERNG Stack)

Learn how to create a social media app using MongoDB, Express, Node, React, GraphQL, and Node (the MERNG stack). You will learn how to implement a GraphQL server that using Node and Express to communicate to a MongoDB Database and fetch and persist data to a social media app back-end. ⌨️ Source Code: https://github.com/hidjou/classsed-graphql-mern-apollo ✏️ This course was created by Classsed. Check out their channel: https://www.youtube.com/c/classsed ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro & app demo ⌨️ (0:02:47) GraphQL explained + tech used ⌨️ (0:07:56) Server demonstration ⌨️ (0:13:21) Setting Up Database & Server ⌨️ (0:39:43) Register & Login Users ⌨️ (1:12:50) Authentication middleware & Create/Delete posts ⌨️ (1:35:02) Finishing up the server ⌨️ (2:07:58) Client start & Apollo setup ⌨️ (2:17:45) Semantic UI & Routes ⌨️ (2:34:08) Displaying posts ⌨️ (2:51:56) Login & Register pages ⌨️ (3:19:31) Authentication Context ⌨️ (3:46:57) Adding posts ⌨️ (4:07:51) Like Button ⌨️ (4:27:13) Single post page ⌨️ (4:55:52) Displaying, Adding & Deleting Comments ⌨️ (5:15:27) Info Popups ⌨️ (5:26:06) Deployment to Heroku & Netlify -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reviewing Your Website Designs Live - with Gary Simon

xVA-gUk8-aM | 14 Oct 2020

Reviewing Your Website Designs Live - with Gary Simon

Gary Simon reviews viewer's website designs live. Submit a design for Gary to review by tweeting it with the hashtag #LiveUIUXReview. Gary runs the DesignCourse YouTube channel: https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQLite Database for Android - Full Course

312RhjfetP8 | 13 Oct 2020

SQLite Database for Android - Full Course

Learn how to use an SQLite database in Android Studio. This tutorial shows every step of programming a demo Android application that uses an SQLlite local database. You will learn how to create an SQLite local database on the Android device, configure new tables with the onCreate method, setup the columns and data types, extend the SQLiteHelper class, create CRUD methods in a DAO (Data Access Object) class, display results on a listview, and more. ✏️ Course developed by Shad Sluiter. Check out his YouTube channel: https://www.youtube.com/user/shadsluiter -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Science Hands-On Crash Course

XU5pw3QRYjQ | 08 Oct 2020

Data Science Hands-On Crash Course

Learn the basics of Data Science in the crash course. You will learn about the theory and code behind the most common algorithms used in data science. ✏️ Course created by Marco Peixeiro. Check out his channel: https://www.youtube.com/channel/UC-0lpiwlftqwC7znCcF83qg 💻 Datasets: https://github.com/marcopeix/datasciencewithmarco/tree/master/data ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (03:06) Setup ⌨️ (04:29) Linear regression (theory) ⌨️ (09:29) Linear regression (Python) ⌨️ (20:59) Classification (theory) ⌨️ (30:16) Classifiaction (Python) ⌨️ (49:30) Resampling & regularization (theory) ⌨️ (56:09) Resampling and regularization (Python) ⌨️ (1:05:17) Decision trees (theory) ⌨️ (1:13:12) Decision trees (Python) ⌨️ (1:24:50) SVM (theory) ⌨️ (1:28:17) SVM (Python) ⌨️ (1:58:24) Unsupervised learning (theory) ⌨️ (2:06:54) Unsupervised learning (Python) ⌨️ (2:20:55) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Complete Guide to Open Source

yzeVMecydCE | 07 Oct 2020

Complete Guide to Open Source

Learn why and how to get involved with open source. You will learn about how to find projects to contribute to, how to make issues and PRs, how to make money from open source, and more. ✏️ Course created by Eddie Jaoude. Check out his channel: https://www.youtube.com/user/eddiejaoude ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:11) What is Open Source ⌨️ (01:46) Why you should care about Open Source ⌨️ (04:06) What is Git ⌨️ (04:56) What is GitHub ⌨️ (05:24) Example custom GitHub profile ⌨️ (06:01) GitHub features ⌨️ (13:37) GitHub Actions for Continuous Integration (CI) ⌨️ (14:49) Insights tab for more project information ⌨️ (15:04) GitHub Discussions for threaded conversations ⌨️ (15:41) GitHub Projects board like Trello ⌨️ (16:10) GitHub Wiki ⌨️ (17:15) How to find Open Source projects ⌨️ (19:40) How to write Markdown ⌨️ (27:58) Draft a Pull Request (PR) ⌨️ (29:06) Make money directly with GitHub Sponsors ⌨️ (30:15) Make money indirectly from Open Source ⌨️ (32:19) freeCodeCamp.org Open Source resources ⌨️ (34:04) Everyone is a Project Maintainer ⌨️ (39:49) How to customize your GitHub profile ⌨️ (40:46) Conclusion 🔗 freeCodeCamp How to Contribute to Open Source repo: https://github.com/freeCodeCamp/how-to-contribute-to-open-source -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reviewing Your Website Designs Live - with Gary Simon

TzWXqTJk6Qs | 07 Oct 2020

Reviewing Your Website Designs Live - with Gary Simon

Gary Simon reviews viewer's website designs live. Submit a design for Gary to review by tweeting it with the hashtag #LiveUIUXReview. Gary runs the DesignCourse YouTube channel: https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

4UZrsTqkcW4 | 06 Oct 2020

Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks

Learn the basics of React in this comprehensive course. You will learn about fundamentals, hooks, context API, react router, custom hooks, and more. React is one of the most popular ways to build user interfaces using JavaScript. React projects video coming soon! Course from John Smilga of the Coding Addict channel. Check out his channel: https://www.youtube.com/codingaddict 💻 Basic React Code: https://github.com/john-smilga/react-basics-2020 💻 Advanced React: https://github.com/john-smilga/react-advanced-2020 ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (01:09) About React ⌨️ (06:51) Goals ⌨️ (08:50) Structure ⌨️ (09:46) Course Requirements ⌨️ (11:45) Dev Environment Setup ⌨️ (16:26) Text Editor Setup ⌨️ (18:20) Command Line Basics ⌨️ (25:00) NPM Basics ⌨️ (35:07) Create-React-App ⌨️ (37:05) Install Create-React-App ⌨️ (43:19) Folder Structure ⌨️ (52:25) Clean Boilerplate ⌨️ (54:00) First Component ⌨️ (1:04:13) Text Editor Setup ⌨️ (1:12:29) First Component In Detail ⌨️ (1:19:18) JSX Rules ⌨️ (1:28:55) Nested Components And Tools ⌨️ (1:34:50) Mini Book Project ⌨️ (1:42:59) CSS Basics ⌨️ (1:54:41) JSX Css ⌨️ (2:01:31) JSX Javascript ⌨️ (2:09:30) Props ⌨️ (2:25:41) Props Destructuring ⌨️ (2:29:44) Props - Children ⌨️ (2:36:13) Simple List ⌨️ (2:45:12) Proper List ⌨️ (2:52:49) Key Prop And Spread Operator ⌨️ (2:58:52) Event Basics ⌨️ (3:11:12) Import And Export Statements ⌨️ (3:23:25) Free Hosting ⌨️ (3:28:22) Advanced Intro ⌨️ (3:30:42) Get Starter Project ⌨️ (3:31:35) Install Starter ⌨️ (3:33:43) Starter Overview ⌨️ (3:39:00) UseState - Simple Use Case ⌨️ (3:48:44) UseState - Basics ⌨️ (4:00:47) General Rules Of Hooks ⌨️ (4:03:39) UseState - Array Example ⌨️ (4:17:27) UseState - Object Example ⌨️ (4:23:00) UseState - Multiple State Values ⌨️ (4:26:17) Simple Counter ⌨️ (4:32:10) Functional Update Form ⌨️ (4:44:55) Matching Project ⌨️ (4:47:27) useEffect - Basics ⌨️ (4:57:47) useEffect - Conditional ⌨️ (5:01:40) useEffect - Dependency List ⌨️ (5:07:13) useEffect - Cleanup Function ⌨️ (5:19:24) useEffect - Fetch Data ⌨️ (5:31:29) Multiple Returns ⌨️ (5:37:09) Multiple Returns - Fetching Data ⌨️ (5:52:07) Short - Circuit Evaluation ⌨️ (6:02:50) Ternary Operator ⌨️ (6:11:30) Show/Hide Component ⌨️ (6:20:15) Form Basics ⌨️ (6:28:53) Controlled Inputs ⌨️ (6:38:09) Add Item To The List ⌨️ (6:50:32) Multiple Inputs ⌨️ (7:06:29) useRef ⌨️ (7:16:20) useReducer - UseState Setup ⌨️ (7:29:52) useReducer - Refactor ⌨️ (7:37:15) useReducer - Add Item ⌨️ (7:53:14) useReducer - Remove Item ⌨️ (8:00:56) Prop Drilling - ⌨️ (8:14:36) Context API / - useContext ⌨️ (8:26:22) Custom Hooks - useFetch ⌨️ (8:38:09) PropTypes - Setup ⌨️ (8:47:48) PropTypes - Images ⌨️ (8:55:48) PropTypes - Default Values ⌨️ (9:00:41) React Router Intro ⌨️ (9:05:52) React Router - Basic Setup ⌨️ (9:15:50) React Router - Error And Switch Component ⌨️ (9:18:51) React Router - Links ⌨️ (9:23:22) React Router - URL Params And Placeholder ⌨️ (9:37:51) React Optimization Warning ⌨️ (9:41:21) React.memo ⌨️ (9:49:50) useCallback ⌨️ (9:58:00) useMemo ⌨️ (10:04:15) useCallback - Fetch Example -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Chicken Nuggets and itertools - Python Basics with Sam

kZNIHeCaZiM | 06 Oct 2020

Chicken Nuggets and itertools - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Website from Start to Finish using WordPress and PHP [Full Course]

IPo71JPKUmg | 01 Oct 2020

Build a Website from Start to Finish using WordPress and PHP [Full Course]

Learn how to build a completely custom website using WordPress, PHP, HTML, and CSS. You will learn how set up your local server, create the design, and build a custom WordPress theme that works with Elementor. The design section is sped up because it is just an example about how the design is done. You can create your own design or use a preexisting design. Once you have learned how to build out your website, you will learn how to get it from your local server to a production server and how to setup SEO, security, and caching the right way. Don't worry if you don't know much PHP. Everything you need is explained in the course. ✏️ This course was created by The Dev Drawer. Check out tutorials like this and many more on his channel: https://www.youtube.com/channel/UCcr8eSk5xCfn3AbYy8WOWzg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:49) Designing Your Website (Speed Art) ⌨️ (0:03:03) Setting Up Your Local Server ⌨️ (0:04:50) Create Your WordPress Database ⌨️ (0:05:33) Download WordPress ⌨️ (0:06:26) Installing WordPress ⌨️ (0:08:07) Install Elementor and Theme Plugins ⌨️ (0:09:43) Creating Your Theme Files ⌨️ (0:11:57) Using functions.php to Set Up Your Theme Defaults ⌨️ (0:21:39) Creating Default Theme Pages ⌨️ (0:23:41) Install Your Theme ⌨️ (0:25:24) General Setup ⌨️ (0:32:05) Creating Header and Footer Blocks ⌨️ (1:01:25) Creating Your Home Page ⌨️ (1:35:18) Create Custom Post Type and Meta Boxes ⌨️ (1:42:02) Creating Shortcodes Using Your CPTs ⌨️ (2:16:10) Modifying Columns for Your CPTs ⌨️ (2:24:13) Create Your Menus ⌨️ (2:29:45) Creating Additional Pages ⌨️ (2:33:04) Create Single Pages for Your CPTs ⌨️ (2:51:25) Create A Form ⌨️ (3:03:16) Create Elementor Section Templates ⌨️ (3:20:00) Create Another CPT ⌨️ (4:27:18) Validate and Modify Mobile ⌨️ (4:34:50) Export Your Website for Production ⌨️ (4:46:12) Recommend Security, SEO, and Caching Plugins ⌨️ (4:48:10) Setup Security ⌨️ (4:56:25) Setup Caching ⌨️ (5:01:13) Setup SEO ⌨️ (5:08:51) Wrap Up -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Object Oriented Programming - Crash Course

SiBw7os-_zI | 30 Sep 2020

Intro to Object Oriented Programming - Crash Course

Learn the basics of object-oriented programming all in one video. ✏️ Course created by Steven from NullPointer Exception. Check out their channel: https://www.youtube.com/channel/UCmWDlvMYYEbW42B8JyxFBcA 🎥 Introduction to Programming: https://www.youtube.com/watch?v=zOjov-2OZ0E ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (07:37) Encapsulation ⌨️ (12:45) Abstraction ⌨️ (17:49) Inheritance ⌨️ (22:47) Polymorphism ⭐️ Sources ⭐️ 🔗 https://docs.oracle.com/javase/tutorial/java/nutsandbolts/datatypes.html 🔗 https://stackify.com/oop-concept-for-beginners-what-is-encapsulation/#:~:text=Encapsulation%20is%20one%20of%20the,an%20object%20from%20the%20outside 🔗 https://press.rebus.community/programmingfundamentals/chapter/encapsulation/ 🔗 https://stackify.com/oop-concept-inheritance/ 🔗 https://docs.oracle.com/javase/tutorial/java/javaOO/accesscontrol.html -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reviewing Your Website Designs Live - with Gary Simon

r-GpCakJjxc | 30 Sep 2020

Reviewing Your Website Designs Live - with Gary Simon

Gary Simon reviews viewer's website designs live. Submit a design for Gary to review by tweeting it with the hashtag #LiveUIUXReview. Gary runs the DesignCourse YouTube channel: https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

8xPsg6yv7TU | 28 Sep 2020

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

Improve your JavaScript skills by building two popular millennial games: Doodle Jump & Flappy Bird. In this video, you will practise over 32 of JavaScripts most popular methods in order to build the two games. This includes .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), while loops, Classes, constructors and many more. 💻 Doodle Jump Code: https://github.com/kubowania/Doodle-Jump 💻 Flappy Bird Code: https://github.com/kubowania/flappy-bird ✏️ Course created by Ania Kubow. 🎥 Ania's YouTube Channel: https://www.youtube.com/aniakubow 🐦 Ania's Twitter: https://www.twitter.com/ania_kubow ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:54) Introduction to Doodle Jump ⌨️ (01:56) Doodle Jump game logic ⌨️ (03:34) Setting up our game ⌨️ (07:37) Creating our doodler ⌨️ (12:02) Creating our platforms ⌨️ (15:02) Creating our Platform Class ⌨️ (19:53) Moving our platforms ⌨️ (23:12) Making our doodler jump ⌨️ (22:40) Making our doodler fall ⌨️ (27:21) Writing our game over logic ⌨️ (30:54) Hooking up our keyboard keys ⌨️ (38:21) Making our doodler go left and right ⌨️ (44:57) Removing and adding new platforms using array work ⌨️ (48:49) Removing all children of the grid using a while loop ⌨️ (49:41) adding the score ⌨️ (51:42) Flappy Bird introduction ⌨️ (51:44) Flappy Bird game logic ⌨️ (52:08) Setting up our project ⌨️ (57:55) Writing our start game logic ⌨️ (1:00:35) Making our bird jump ⌨️ (1:03:01) Hooking up our keyboard keys ⌨️ (1:04:04) Generate a pipe obstacle ⌨️ (1:09:04) Move the obstacle ⌨️ (1:11:34) Generate new obstacles using setInterval() and setTimeout() ⌨️ (1:13:06) Write our game over logic ⌨️ (1:18:53) We learn how to add images to our project ⌨️ (1:22:37) We expand our collision rules using && and || ⌨️ (1:25:01) We add the final stages of styling learning about z-index -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Visual Studio Code Crash Course

WPqXP_kLzpo | 23 Sep 2020

Visual Studio Code Crash Course

Visual Studio Code (VS Code) is a free code editor made by Microsoft. In this course you will learn how to use this popular code editor. You will also learn tips and tricks to make it even easier to use. ✏️ This course was created by James Q Quick. Check out his channel: https://www.youtube.com/c/jamesqquick 🔗 VS Code cheat sheet: https://learn.jamesqquick.com/vs-code-cheat-sheet ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:03:30) stable build vs insider's addition ⌨️ (0:04:45) Opening for the First time ⌨️ (0:06:10) The Layout ⌨️ (0:08:58) Customizing the Layout with Shortcuts (Grid Tab System, Command Pallette) ⌨️ (0:14:06) Search and Replace ⌨️ (0:16:00) More Shortcuts for Working with Files ⌨️ (0:17:45) Shortcuts for Navigating and Editing Text ⌨️ (0:20:12) Intellisense ⌨️ (0:22:00) Emmet ⌨️ (0:25:30) Settings ⌨️ (0:31:00) Extensions and Themes ⌨️ (0:43:25) Keyboard Shortcuts ⌨️ (0:49:30) Keymap Extensions ⌨️ (0:50:40) Snippets ⌨️ (0:60:00) Settings Sync ⌨️ (0:65:40) Debugging ⌨️ (1:12:30) Built in Terminal ⌨️ (1:18:45) Source Control Integration ⌨️ (1:28:48) Wrap Up  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Board Game, Lists and More - Python Basics with Sam

1vMtftJf7tQ | 22 Sep 2020

Board Game, Lists and More - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flutter Tutorial - Building a Production App From Scratch

aiTTClKJbnw | 22 Sep 2020

Flutter Tutorial - Building a Production App From Scratch

Learn how to build well planned and fully tested Flutter apps from scratch. This will guide you through planning what should go into the app, how to stay organized, all the way to fully testing your application. ✏️ Course by Tadas Petra. Check out his channel: https://www.youtube.com/channel/UCNaJHBXsvbfkItVMNmzmTPQ 🐦 Tadas Petra on Twitter: https://twitter.com/tadaspetra 💻 Link to Code: https://github.com/tadaspetra/todoapp 💻 Link to Widget Test Code: https://github.com/tadaspetra/flutter_basics/tree/master/017_unit_testing ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:48) Planning ⌨️ (04:39) Before you start ⌨️ (07:42) Building the App ⌨️ (19:38) Unit Testing ⌨️ (37:15) Widget Testing ⌨️ (41:51) Integration Testing ⌨️ (51:07) Maintainability -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

UI Design Tutorial - Website From Wireframe

_P3CrgFlXhg | 21 Sep 2020

UI Design Tutorial - Website From Wireframe

Planning out a website before building it is same as saying measure twice, cut once. Prototyping is a way to do exactly this. When we design our websites, we progress from wireframing, prototyping, and finally, a full design. In this tutorial you will learn what Prototyping actually means and what it looks like. You will see the full process of taking an early prototype and wireframe and creating a website. 🎥 Video from Adrian Twarog. Check out his YouTube channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ 🔗 Learn how to create a wireframe in the first video in this series: https://youtu.be/pN92rnO_n5U -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python: Part 6 of 6 - Exploratory Data Analysis - A Case Study [Live Course]

XRKIa4k0h2E | 19 Sep 2020

Data Analysis with Python: Part 6 of 6 - Exploratory Data Analysis - A Case Study [Live Course]

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for a Certificate of Accomplishment at http://zerotopandas.com. ⭐️ Resources ⭐️ 🔗 Exploratory Data Analysis notebook: https://jovian.ml/aakashns/python-eda-stackoverflow-survey 🔗 EDA Course project starter notebook: https://jovian.ml/aakashns/zerotopandas-course-project-starter 🔗 Lecture forum discussion: https://jovian.ml/forum/t/lecture-6-exploratory-data-analysis-a-case-study/12077 🔗 Course project discussion: https://jovian.ml/forum/t/course-project-on-exploratory-data-analysis-discuss-and-share-your-work/11684/134 ⭐️ Topics covered ⭐️ ⌨️ Exploratory Data Analysis using Python - A Case Study ⌨️ Course project overview & guidelines ⌨️ Review of topics covered in the course ⌨️ What to do after the course 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Computer Networking Course - Network Engineering [CompTIA Network+ Exam Prep]

qiQR5rTSshw | 17 Sep 2020

Computer Networking Course - Network Engineering [CompTIA Network+ Exam Prep]

This full college-level computer networking course will prepare you to configure, manage, and troubleshoot computer networks. It will also help you prepare for CompTIA's Network+ exam. This course was developed by Brian Ferrill, an instructor at Edmonds Community College. ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro to Network Devices (part 1) ⌨️ (0:07:24) Intro to Network Devices (part 2) ⌨️ (0:15:12) Networking Services and Applications (part 1) ⌨️ (0:22:49) Networking Services and Applications (part 2) ⌨️ (0:28:17) DHCP in the Network ⌨️ (0:38:03) Introduction to the DNS Service ⌨️ (0:46:01) Introducing Network Address Translation ⌨️ (0:52:52) WAN Technologies (part 1) ⌨️ (1:03:02) WAN Technologies (part 2) ⌨️ (1:09:32) WAN Technologies (part 3) ⌨️ (1:17:20) WAN Technologies (part 4) ⌨️ (1:22:32) Network Cabling (part 1) ⌨️ (1:31:24) Network Cabling (part 2) ⌨️ (1:38:15) Network Cabling (part 3) ⌨️ (1:43:28) Network Topologies ⌨️ (1:50:29) Network Infrastructure Implementations ⌨️ (1:56:26) Introduction to IPv4 (part 1) ⌨️ (2:02:42) Introduction to IPv4 (part 2) ⌨️ (2:15:58) Introduction to IPv6 ⌨️ (2:26:10) Special IP Networking Concepts ⌨️ (2:34:06) Introduction to Routing Concepts (part 1) ⌨️ (2:40:00) Introduction to Routing Concepts (part 2) ⌨️ (2:49:29) Introduction to Routing Protocols ⌨️ (2:59:01) Basic Elements of Unified Communications ⌨️ (3:04:27) Virtualization Technologies ⌨️ (3:09:24) Storage Area Networks ⌨️ (3:15:33) Basic Cloud Concepts ⌨️ (3:21:43) Implementing a Basic Network ⌨️ (3:31:02) Analyzing Monitoring Reports ⌨️ (3:40:03) Network Monitoring (part 1) ⌨️ (3:48:14) Network Monitoring (part 2) ⌨️ (3:55:10) Supporting Configuration Management (part 1) ⌨️ (4:01:52) Supporting Configuration Management (part 2) ⌨️ (4:07:19) The Importance of Network Segmentation ⌨️ (4:14:18) Applying Patches and Updates ⌨️ (4:19:52) Configuring Switches (part 1) ⌨️ (4:26:39) Configuring Switches (part 2) ⌨️ (4:36:27) Wireless LAN Infrastructure (part 1) ⌨️ (4:46:42) Wireless LAN Infrastructure (part 2) ⌨️ (4:53:17) Risk and Security Related Concepts ⌨️ (5:00:46) Common Network Vulnerabilities ⌨️ (5:09:49) Common Network Threats (part 1) ⌨️ (5:17:13) Common Network Threats (part 2) ⌨️ (5:26:33) Network Hardening Techniques (part 1) ⌨️ (5:36:00) Network Hardening Techniques (part 2) ⌨️ (5:44:40) Network Hardening Techniques (part 3) ⌨️ (5:50:58) Physical Network Security Control ⌨️ (5:57:19) Firewall Basics ⌨️ (6:06:53) Network Access Control ⌨️ (6:13:22) Basic Forensic Concepts ⌨️ (6:22:42) Network Troubleshooting Methodology ⌨️ (6:29:18) Troubleshooting Connectivity with Utilities ⌨️ (6:36:32) Troubleshooting Connectivity with Hardware ⌨️ (6:43:39) Troubleshooting Wireless Networks (part 1) ⌨️ (6:50:56) Troubleshooting Wireless Networks (part 2) ⌨️ (6:57:27) Troubleshooting Copper Wire Networks (part 1) ⌨️ (7:03:49) Troubleshooting Copper Wire Networks (part 2) ⌨️ (7:09:19) Troubleshooting Fiber Cable Networks ⌨️ (7:14:43) Network Troubleshooting Common Network Issues ⌨️ (7:24:40) Common Network Security Issues ⌨️ (7:35:12) Common WAN Components and Issues ⌨️ (7:43:33) The OSI Networking Reference Model ⌨️ (7:51:50) The Transport Layer Plus ICMP ⌨️ (7:58:35) Basic Network Concepts (part 1) ⌨️ (8:05:33) Basic Network Concepts (part 2) ⌨️ (8:12:29) Basic Network Concepts (part 3) ⌨️ (8:17:42) Introduction to Wireless Network Standards ⌨️ (8:24:26) Introduction to Wired Network Standards ⌨️ (8:32:41) Security Policies and other Documents ⌨️ (8:40:08) Introduction to Safety Practices (part 1) ⌨️ (8:48:34) Introduction to Safety Practices (part 2) ⌨️ (8:54:26) Rack and Power Management ⌨️ (9:00:25) Cable Management ⌨️ (9:05:56) Basics of Change Management ⌨️ (9:12:11) Common Networking Protocols (part 1) ⌨️ (9:18:06) Common Networking Protocols (part 2)

Calculus 2 - Full College Course

7gigNsz4Oe8 | 15 Sep 2020

Calculus 2 - Full College Course

Learn Calculus 2 in this full college course. This course was created by Dr. Linda Green, a lecturer at the University of North Carolina at Chapel Hill. Check out her YouTube channel: https://www.youtube.com/channel/UCkyLJh6hQS1TlhUZxOMjTFw ⭐️ Prerequisites ⭐️ 🎥 Algebra: https://www.youtube.com/watch?v=LwCRRUa8yTU 🎥 Precalculus: https://www.youtube.com/watch?v=eI4an8aSsgw 🎥 Calculus 1: https://www.youtube.com/watch?v=HfACrKJ_Y2w ⭐️ Lecture Notes ⭐️ 🔗 Calculus 2 Notes: http://lindagreen.web.unc.edu/files/2020/08/courseNotes_m232_2018F.pdf ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Area Between Curves ⌨️ (0:11:11) Volumes of Solids of Revolution ⌨️ (0:21:33) Volumes Using Cross-Sections ⌨️ (0:31:34) Arclength ⌨️ (0:39:50) Work as an Integral ⌨️ (0:51:30) Average Value of a Function ⌨️ (0:59:05) Proof of the Mean Value Theorem for Integrals ⌨️ (1:04:55) Integration by Parts ⌨️ (1:13:03) Trig Identities ⌨️ (1:25:01) Proof of the Angle Sum Formulas ⌨️ (1:29:37) Integrals Involving Odd Powers of Sine and Cosine ⌨️ (1:36:21) Integrals Involving Even Powers of Sine and Cosine ⌨️ (1:44:59) Special Trig Integrals ⌨️ (1:47:36) Integration Using Trig Substitution ⌨️ (1:56:21) Integrals of Rational Functions ⌨️ (2:03:59) Improper Integrals - Type 1 ⌨️ (2:10:13) Improper Integrals - Type 2 ⌨️ (2:14:20) The Comparison Theorem for Integrals ⌨️ (2:19:43) Sequences - Definitions and Notation ⌨️ (2:31:05) Series Definitions ⌨️ (2:39:41) Sequences - More Definitions ⌨️ (2:46:06) Monotonic and Bounded Sequences Extra ⌨️ (2:49:46) L'Hospital's Rule ⌨️ (2:57:02) L'Hospital's Rule on Other Indeterminate Forms ⌨️ (3:06:48) Convergence of Sequences ⌨️ (3:30:38) Geometric Series ⌨️ (3:43:32) The Integral Test ⌨️ (3:56:48) Comparison Test for Series ⌨️ (4:03:29) The Limit Comparison Test ⌨️ (4:09:24) Proof of the Limit Comparison Test ⌨️ (4:16:00) Absolute Convergence ⌨️ (4:25:03) The Ratio Test ⌨️ (4:30:22) Proof of the Ratio Test ⌨️ (4:39:34) Series Convergence Test Strategy ⌨️ (4:50:26) Taylor Series Introduction ⌨️ (5:02:28) Power Series ⌨️ (5:05:42) Convergence of Power Series ⌨️ (5:21:07) Power Series Interval of Convergence Example ⌨️ (5:30:46) Proofs of Facts about Convergence of Power Series ⌨️ (5:36:19) Power Series as Functions ⌨️ (5:43:36) Representing Functions with Power Series ⌨️ (5:52:07) Using Taylor Series to find Sums of Series ⌨️ (6:02:18) Taylor Series Theory and Remainder ⌨️ (6:15:38) Parametric Equations ⌨️ (6:27:06) Slopes of Parametric Curves ⌨️ (6:32:47) Area under a Parametric Curve ⌨️ (6:38:07) Arclength of Parametric Curves ⌨️ (6:45:20) Polar Coordinates

Data Analysis with Python: Part 5 of 6 - Visualization with Matplotlib and Seaborn (Live Course)

bybjFBOBJlg | 12 Sep 2020

Data Analysis with Python: Part 5 of 6 - Visualization with Matplotlib and Seaborn (Live Course)

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for a Certificate of Accomplishment at http://zerotopandas.com. ⭐️ Resources ⭐️ 🔗 Data Visualization Cheatsheet: https://jovian.ml/aakashns/dataviz-cheatsheet 🔗 Discussion forum: https://jovian.ml/forum/c/course-discussions/data-analysis-with-python-zero-to-pandas/44 ⭐️ Topics covered ⭐️ ⌨️ Creating line & bar charts using Matplotlib ⌨️ Using Seaborn to create beautiful visualizations ⌨️ Data visualization cheatsheet for 10 common graphs ⌨️ Exploratory data analysis & course project overview 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Blazor Course - Use ASP.NET Core to Build Full-Stack C# Web Apps

4G_BzLxa9Nw | 11 Sep 2020

Blazor Course - Use ASP.NET Core to Build Full-Stack C# Web Apps

Blazor is a Single Page Application framework created by Microsoft. With Blazor, you write C# to generate dynamic content and with Blazor WebAssembly you can become a full stack developer with C# on both front end and back end. In this course, you will learn about the architecture and how Blazor works. Then you will learn how to create a real-world project as you learn to use Blazor. ✏️ Course created by Frank Liu. Check out his channel: https://youtube.com/frankliusoftware ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:34) Blazor Architecture Overview ⌨️ (0:11:59) Blazor Architecture In Depth ⌨️ (0:24:00) Blazor Hosting Models ⌨️ (0:32:23) Project Structure ⌨️ (0:48:31) Data Binding ⌨️ (1:12:21) Components Basics ⌨️ (1:33:33) Communication Between Components Overview ⌨️ (1:37:59) Component Parameters ⌨️ (1:45:03) Route Parameters ⌨️ (1:57:05) Cascading Parameters ⌨️ (2:14:58) EventCallBack ⌨️ (2:27:16) Referencing Child Components ⌨️ (2:40:06) Templated Components - RenderFragment ⌨️ (2:51:31) Templated Components - Generic Typed Item List ⌨️ (3:07:01) Templated Components - Generic Typed RenderFragment ⌨️ (3:27:27) Templated Components - Generic Typed RenderFragment as a Form ⌨️ (3:37:30) When is Rendering Triggered ⌨️ (3:59:45) Lifecycle Events Sequence ⌨️ (4:11:39) Avoiding Data Initialization Pitfall ⌨️ (4:16:15) Forms and Validations ⌨️ (4:22:00) Dependency Injection ⌨️ (4:49:34) State Management with Flux in C# ⌨️ (5:34:37) Authentication ⌨️ (6:04:18) Creating a reusable DataGrid Component - Columns Configuration ⌨️ (6:36:27) Creating a reusable DataGrid Component - Paging ⌨️ (7:16:49) Creating a reusable DataGrid Component - Sorting ⌨️ (7:42:51) Thank you and My Contact Info -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unreal Engine Tutorial - Create a 2D Snake Game [Code + Assets]

CU3jeNzbzqU | 09 Sep 2020

Unreal Engine Tutorial - Create a 2D Snake Game [Code + Assets]

Learn how to create a 2D Snake Game with Unreal Engine in this full tutorial. In this beginner's course, you will how to create a game with Unreal Engine and Blueprints. 💻 Project assets: https://drive.google.com/file/d/1sd9LkLQ4z6Q0CaoBsL94yFo_zW0E0fWa/view?usp=sharing 💻 Completed project: https://drive.google.com/file/d/1CcYTmVbMl4Feoyt8QNknCajJQfEYYSfo/view?usp=sharing 🎥 Course from Awesome Tuts. Check out their YouTube channel: https://www.youtube.com/awesometuts 🔗 Learn more about game development here: https://www.awesometuts.com/ultimate-game-dev-academy?utm_medium=youtube&utm_source=freecodecamp -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Structures - Computer Science Course for Beginners

zg9ih6SVACc | 08 Sep 2020

Data Structures - Computer Science Course for Beginners

Learn all about Data Structures in this lecture-style course. You will learn what Data Structures are, how we measure a Data Structures efficiency, and then hop into talking about 12 of the most common Data Structures which will come up throughout your Computer Science journey. ✏️ Course created by Steven from NullPointerExceptions. Check out their channel: https://www.youtube.com/channel/UCmWDlvMYYEbW42B8JyxFBcA ⭐️ Script, Visuals, and Sources ⭐️ 🔗 Google Folder: https://tinyurl.com/yxr64y46 ⭐️ Links as They Appear ⭐️ 🔗 An Introduction to Programming: https://www.youtube.com/watch?v=zOjov-2OZ0E 🔗 Binary Search Explanation: https://youtu.be/zOjov-2OZ0E?t=5566 🔗 Linear Search Explanation: https://youtu.be/zOjov-2OZ0E?t=5457 🔗 Introduction to Object Oriented Programming: https://www.youtube.com/watch?v=3ycztbPPOlc 🔗 Recursion Explanation: https://youtu.be/zOjov-2OZ0E?t=5787 🔗 Article explaining Backed Data Structures: https://tinyurl.com/y3fs9lt7 ⭐️ Course Contents ⭐️ 💻 (00:00) Introduction ⌨️ (01:06) Timestamps ⌨️ (01:23) Script and Visuals ⌨️ (01:34) References + Research ⌨️ (01:56) Questions ⌨️ (02:12) Shameless Plug ⌨️ (02:51) What are Data Structures? ⌨️ (04:36) Series Overview 💻 (06:55) Measuring Efficiency with BigO Notation ⌨️ (09:45) Time Complexity Equations ⌨️ (11:13) The Meaning of BigO ⌨️ (12:42) Why BigO? ⌨️ (13:18) Quick Recap ⌨️ (14:27) Types of Time Complexity Equations ⌨️ (19:42) Final Note on Time Complexity Equations 💻 (20:21) The Array ⌨️ (20:58) Array Basics ⌨️ (22:09) Array Names ⌨️ (22:59) Parallel Arrays ⌨️ (23:59) Array Types ⌨️ (24:30) Array Size ⌨️ (25:45) Creating Arrays ⌨️ (26:11) Populate-First Arrays ⌨️ (28:09) Populate-Later Arrays ⌨️ (30:22) Numerical Indexes ⌨️ (31:57) Replacing information in an Array ⌨️ (32:42) 2-Dimensional Arrays ⌨️ (35:01) Arrays as a Data Structure ⌨️ (42:21) Pros and Cons 💻 (43:33) The ArrayList ⌨️ (44:42) Structure of the ArrayList ⌨️ (45:19) Initializing an ArrayList ⌨️ (47:34) ArrayList Functionality ⌨️ (49:30) ArrayList Methods ⌨️ (50:26) Add Method ⌨️ (53:57) Remove Method ⌨️ (55:33) Get Method ⌨️ (55:59) Set Method ⌨️ (56:57) Clear Method ⌨️ (57:30) toArray Method ⌨️ (59:00) ArrayList as a Data Structure ⌨️ (1:03:12) Comparing and Contrasting with Arrays 💻 (1:05:02) The Stack ⌨️ (1:05:06) The Different types of Data Structures ⌨️ (1:05:51) Random Access Data Structures ⌨️ (1:06:10) Sequential Access Data Structures ⌨️ (1:07:36) Stack Basics ⌨️ (1:09:01) Common Stack Methods ⌨️ (1:09:45) Push Method ⌨️ (1:10:32) Pop Method ⌨️ (1:11:46) Peek Method ⌨️ (1:12:27) Contains Method ⌨️ (1:13:23) Time Complexity Equations ⌨️ (1:15:28) Uses for Stacks 💻 (1:18:01) The Queue ⌨️ (1:18:51) Queue Basics ⌨️ (1:20:44) Common Queue Methods ⌨️ (1:21:13) Enqueue Method ⌨️ (1:22:20) Dequeue Method ⌨️ (1:23:08) Peek Method ⌨️ (1:24:15) Contains Method ⌨️ (1:25:05) Time Complexity Equations ⌨️ (1:27:05) Common Queue Uses 💻 (1:28:16) The Linked List ⌨️ (1:31:37) LinkedList Visualization ⌨️ (1:33:55) Adding and Removing Information ⌨️ (1:41:28) Time Complexity Equations ⌨️ (1:44:26) Uses for LinkedLists 💻 (1:47:19) The Doubly-LinkedList ⌨️ (1:48:44) Visualization ⌨️ (1:50:56) Adding and Removing Information ⌨️ (1:58:30) Time Complexity Equations ⌨️ (1:59:06) Uses of a Doubly-LinkedList 💻 (2:00:21) The Dictionary ⌨️ (2:01:15) Dictionary Basics ⌨️ (2:02:00) Indexing Dictionaries ⌨️ (2:02:40) Dictionary Properties 💻 (2:05:53) Hash Table Mini-Lesson ⌨️ (2:13:26) Time Complexity Equations 💻 (2:16:39) Trees ⌨️ (2:16:55) Introduction to Hierarchical Data ⌨️ (2:18:54) Formal Background on the Tree ⌨️ (2:20:03) Tree Terminology and Visualization ⌨️ (2:25:08) Different types of Trees ⌨️ (2:28:07) Uses for the Tree 💻 (2:29:00) Tries ⌨️ (2:29:50) Trie Basics ⌨️ (2:30:41) Trie Visualization ⌨️ (2:34:33) Flagging ⌨️ (2:35:15) Uses for Tries 💻 (2:38:25) Heaps ⌨️ (2:38:51) Heap Basics ⌨️ (2:39:19) Min-Heaps ⌨️ (2:40:07) Max-Heaps ⌨️ (2:40:59) Building Heaps ⌨️ (2:44:20) Deleting from Heaps ⌨️ (2:46:00) Heap Implementations 💻 (2:48:15) Graphs ⌨️ (2:49:25) Graph Basics ⌨️ (2:52:04) Directed vs. Undirected Graphs ⌨️ (2:53:45) Cyclic vs. Acyclic Graphs ⌨️ (2:55:04) Weighted Graphs ⌨️ (2:55:46) Types of Graphs 💻 (2:58:20) Conclusion 💻 (2:58:43) Shameless Plug -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python: Part 4 of 6 - Analyzing tabular data with Pandas

b2mLDkMSyn4 | 05 Sep 2020

Data Analysis with Python: Part 4 of 6 - Analyzing tabular data with Pandas

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for a Certificate of Accomplishment at http://zerotopandas.com. ⭐️ Resources ⭐️ 🔗 Analyzing tabular data with Pandas: https://jovian.ml/aakashns/python-pandas-data-analysis 🔗 100 Numpy exercises: https://jovian.ml/aakashns/100-numpy-exercises 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-4-analyzing-tabular-data-with-pandas/11224 ⭐️ Topics covered ⭐️ ⌨️ Reading and writing CSV data with Pandas ⌨️ Querying, filtering and sorting data frames ⌨️ Grouping and aggregation for data summarization ⌨️ Merging and joining data from multiple sources 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Design a Website – A UX Wireframe Tutorial

pN92rnO_n5U | 03 Sep 2020

How to Design a Website – A UX Wireframe Tutorial

Learn how to use wireframing to help design a website. A good wireframe can provide the vision for the entire layout and functionality of a website. It can serve as the first stage of a design, give an idea of the overall structure pages will take, and how navigation will flow. 🎥 Video from Adrian Twarog. Check out his YouTube channel: https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS SysOps Administrator Associate 2020 (PASS THE EXAM!)

KX_AfyrhlgQ | 01 Sep 2020

AWS SysOps Administrator Associate 2020 (PASS THE EXAM!)

AWS SysOps Administrator Associate (SO1-C01) is intended for individuals who are pursuing a career in DevOps. This course covers DevOps topics relating to configuration, automation, patching and monitoring cloud services and virtual servers. By the end of this full course taught by an expert trainer, you will be ready to take the AWS SysOps Administrator Associate - and pass! 🎥This course was too long to fit in a single video. Watch part two here (2 more hours): https://youtu.be/zb1xYOdUmk8 ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel 🔗 ExamPro AWS Obsessed Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/andrew-wc-brown 🐦 Twitter: https://twitter.com/andrewbrown ⭐Course Contents⭐ Check the pinned comment for the course contents with time codes. This course is so massive the full contents won't fit in this description! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Generators and Classes - Python Basics with Sam

UzDuMsnTIGQ | 01 Sep 2020

Generators and Classes - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python: Part 3 of 6 Numerical Computing with Numpy (Live Course)

NlZXAytUeeE | 29 Aug 2020

Data Analysis with Python: Part 3 of 6 Numerical Computing with Numpy (Live Course)

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for a Certificate of Accomplishment at http://zerotopandas.com ⭐️ Resources ⭐️ 🔗 Numerical computing with Numpy: https://jovian.ml/aakashns/python-numerical-computing-with-numpy 🔗 100 Numpy exercises: https://jovian.ml/aakashns/100-numpy-exercises 🔗 Numpy array operations assignment: https://jovian.ml/learn/data-analysis-with-python-zero-to-pandas/assignment/assignment-2-numpy-array-operations 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-3-numerical-computing-with-python-numpy/10593 ⭐️ Topics covered ⭐️ ⌨️ Going from Python lists to Numpy arrays ⌨️ Working with multi-dimensional arrays ⌨️ Array operations, slicing and broadcasting ⌨️ Working with CSV data files 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intermediate Python Programming Course

HGOBQPFzWKo | 27 Aug 2020

Intermediate Python Programming Course

Take your Python skills to the next level with this intermediate Python course. First, you will get a review of basic concepts such as lists, strings, and dictionaries, but with an emphasis on some lesser known capabilities. Then, you will learn more advanced topics such as threading, multiprocessing, context managers, generators, and more. 💻 Code: https://github.com/python-engineer/python-engineer-notebooks/tree/master/advanced-python 🎥 Course from Patrick Loeber. Check out his channel: https://www.youtube.com/channel/UCbXgNpp0jedKWcQiULLbDTA 🔗 Written Tutorials from Patrick: https://www.python-engineer.com/courses/advancedpython/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:56) Lists ⌨️ (0:16:30) Tuples ⌨️ (0:29:49) Dictionaries ⌨️ (0:42:40) Sets ⌨️ (0:58:44) Strings ⌨️ (1:22:50) Collections ⌨️ (1:36:43) Itertools ⌨️ (1:51:50) Lambda Functions ⌨️ (2:04:03) Exceptions and Errors ⌨️ (2:20:10) Logging ⌨️ (2:42:20) JSON ⌨️ (2:59:42) Random Numbers ⌨️ (3:14:23) Decorators ⌨️ (3:35:32) Generators ⌨️ (3:53:29) Threading vs Multiprocessing ⌨️ (4:07:59) Multithreading ⌨️ (4:31:05) Multiprocessing ⌨️ (4:53:26) Function Arguments ⌨️ (5:17:28) The Asterisk (*) Operator ⌨️ (5:30:19) Shallow vs Deep Copying ⌨️ (5:40:07) Context Managers -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Shopping List for the Command Line - Python Basics with Sam

xapvhkhlPNI | 25 Aug 2020

Build a Shopping List for the Command Line - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Calculus 1 - Full College Course

HfACrKJ_Y2w | 25 Aug 2020

Calculus 1 - Full College Course

Learn Calculus 1 in this full college course. This course was created by Dr. Linda Green, a lecturer at the University of North Carolina at Chapel Hill. Check out her YouTube channel: https://www.youtube.com/channel/UCkyLJh6hQS1TlhUZxOMjTFw This course combines two courses taught by Dr. Green. She teaches both Calculus 1 and a Calculus 1 Corequisite course, designed to be taken at the same time. In this video, the lectures from the Corquisite course, which review important Algebra and Trigonometry concepts, have been interspersed with the Calculus 1 lectures at the places suggested by Dr. Green. ⭐️ Prerequisites ⭐️ 🎥 Algebra: https://www.youtube.com/watch?v=LwCRRUa8yTU 🎥 Precalculus: https://www.youtube.com/watch?v=eI4an8aSsgw ⭐️ Lecture Notes ⭐️ 🔗 Calculus 1 Corequisite Notes: http://lindagreen.web.unc.edu/files/2020/08/courseNotes_math231L_2020Fall.pdf 🔗 Calculus 1 Notes: http://lindagreen.web.unc.edu/files/2019/12/courseNotes_m231_2018_S.pdf ⭐️ Course Contents ⭐️ (0:00:00) [Corequisite] Rational Expressions (0:09:40) [Corequisite] Difference Quotient (0:18:20) Graphs and Limits (0:25:51) When Limits Fail to Exist (0:31:28) Limit Laws (0:37:07) The Squeeze Theorem (0:42:55) Limits using Algebraic Tricks (0:56:04) When the Limit of the Denominator is 0 (1:08:40) [Corequisite] Lines: Graphs and Equations (1:17:09) [Corequisite] Rational Functions and Graphs (1:30:35) Limits at Infinity and Graphs (1:37:31) Limits at Infinity and Algebraic Tricks (1:45:34) Continuity at a Point (1:53:21) Continuity on Intervals (1:59:43) Intermediate Value Theorem (2:03:37) [Corequisite] Right Angle Trigonometry (2:11:13) [Corequisite] Sine and Cosine of Special Angles (2:19:16) [Corequisite] Unit Circle Definition of Sine and Cosine (2:24:46) [Corequisite] Properties of Trig Functions (2:35:25) [Corequisite] Graphs of Sine and Cosine (2:41:57) [Corequisite] Graphs of Sinusoidal Functions (2:52:10) [Corequisite] Graphs of Tan, Sec, Cot, Csc (3:01:03) [Corequisite] Solving Basic Trig Equations (3:08:14) Derivatives and Tangent Lines (3:22:55) Computing Derivatives from the Definition (3:34:02) Interpreting Derivatives (3:42:33) Derivatives as Functions and Graphs of Derivatives (3:56:25) Proof that Differentiable Functions are Continuous (4:01:09) Power Rule and Other Rules for Derivatives (4:07:42) [Corequisite] Trig Identities (4:15:14) [Corequisite] Pythagorean Identities (4:20:35) [Corequisite] Angle Sum and Difference Formulas (4:28:31) [Corequisite] Double Angle Formulas (4:36:01) Higher Order Derivatives and Notation (4:39:22) Derivative of e^x (4:46:52) Proof of the Power Rule and Other Derivative Rules (4:56:31) Product Rule and Quotient Rule (5:02:09) Proof of Product Rule and Quotient Rule (5:10:40) Special Trigonometric Limits (5:17:31) [Corequisite] Composition of Functions (5:29:54) [Corequisite] Solving Rational Equations (5:40:02) Derivatives of Trig Functions (5:46:23) Proof of Trigonometric Limits and Derivatives (5:54:38) Rectilinear Motion (6:11:41) Marginal Cost (6:16:51) [Corequisite] Logarithms: Introduction (6:25:32) [Corequisite] Log Functions and Their Graphs (6:36:17) [Corequisite] Combining Logs and Exponents (6:40:55) [Corequisite] Log Rules (6:49:27) The Chain Rule (6:58:44) More Chain Rule Examples and Justification (7:07:43) Justification of the Chain Rule (7:10:00) Implicit Differentiation (7:20:28) Derivatives of Exponential Functions (7:25:38) Derivatives of Log Functions (7:29:38) Logarithmic Differentiation (7:37:08) [Corequisite] Inverse Functions (7:51:22) Inverse Trig Functions (8:00:56) Derivatives of Inverse Trigonometric Functions (8:12:11) Related Rates - Distances (8:17:55) Related Rates - Volume and Flow (8:22:21) Related Rates - Angle and Rotation (8:28:20) [Corequisite] Solving Right Triangles (8:34:54) Maximums and Minimums (8:46:18) First Derivative Test and Second Derivative Test (8:51:37) Extreme Value Examples (9:01:33) Mean Value Theorem (9:09:09) Proof of Mean Value Theorem (0:14:59) [Corequisite] Solving Right Triangles (9:25:20) Derivatives and the Shape of the Graph (9:33:31) Linear Approximation (9:48:28) The Differential (9:59:11) L'Hospital's Rule (10:06:27) L'Hospital's Rule on Other Indeterminate Forms (10:16:13) Newtons Method (10:27:45) Antiderivatives (10:33:24) Finding Antiderivatives Using Initial Conditions (10:41:59) Any Two Antiderivatives Differ by a Constant (10:45:19) Summation Notation (10:49:12) Approximating Area (11:04:22) The Fundamental Theorem of Calculus, Part 1 (11:15:02) The Fundamental Theorem of Calculus, Part 2 (11:22:17) Proof of the Fundamental Theorem of Calculus (11:29:18) The Substitution Method (11:38:07) Why U-Substitution Works (11:40:23) Average Value of a Function (11:47:57) Proof of the Mean Value Theorem for Integrals

Data Analysis with Python: Part 2 of 6 - Python Functions and Working with Files (Live Course)

JOKJ6g3gUFE | 22 Aug 2020

Data Analysis with Python: Part 2 of 6 - Python Functions and Working with Files (Live Course)

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for Certificate of Accomplishment at http://zerotopandas.com . This live course is also available in Hindi: https://www.youtube.com/watch?v=UAZln5dNpfU ⭐️ Course Contents ⭐️ 0:00 - Introduction 10:14 - Data Types in Python 40:17 - Branching with if,else and elif 50:32 - Iteration with for and while 1:19:37 - Assignment Overview 1:19:26 - Functions & Scope 2:03:15 - Mentorship Program ⭐️ Resources ⭐️ 🔗 First steps with Python: https://jovian.ml/aakashns/first-steps-with-python 🔗 Variables and data types: https://jovian.ml/aakashns/python-variables-and-data-types 🔗 Conditional statements and loops: https://jovian.ml/aakashns/python-branching-and-loops 🔗 Functions and scope: https://jovian.ml/aakashns/python-functions-and-scope 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-1-introduction-to-programming-with-python/7759 ⭐️ Topics covered ⭐️ ⌨️ Branching with conditional statements and loops ⌨️ Write reusable code with functions ⌨️ Working with the OS & filesystem ⌨️ Assignment and course forum walkthrough 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unit Testing in Vue.js - with Gwen Faraday

QzAk9ngoeb4 | 21 Aug 2020

Unit Testing in Vue.js - with Gwen Faraday

Watch live as Gwen Faraday demonstrates how to do unit testing in Vue.js. Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ASP.NET Core MVC Course (.NET 5)

Pi46L7UYP8I | 20 Aug 2020

ASP.NET Core MVC Course (.NET 5)

Learn ASP.NET Core 5 MVC(.NET 5) in this complete tutorial course for beginners. After learning about the history and basics of ASP.NET Core, you will learn how to build a small book list application with CRUD operations. You will learn how to use the Entity Framework for integration with a database with ASP.NET Core Razor Pages. You will build a CRUD application with validations and finally deploy the application on Azure! 💻 Code: https://github.com/dotnetmastery/Rocky ✏️ Course from Bhrugen Patel. Check out more of his YouTube channel: https://www.youtube.com/channel/UC-4lngmBF7h1OVzmCuDiNdw 🔗 Watch more courses from Bhrugen at his website: https://www.dotnetmastery.com It could be helpful to have some familiarity with C# and SQL. If you want to learn about those topics, try these videos: 🎥 C#: https://www.youtube.com/watch?v=GhQdlIFylQ8 🎥 SQL: https://www.youtube.com/watch?v=HXV3zeQKqGY ⭐️ Course Contents ⭐️ Section 1: Introduction ⌨️ (0:00:00) Welcome ⌨️ (0:03:52) Tools ⌨️ (0:05:59) ASP.NET Core ⌨️ (0:10:15) Create Project ⌨️ (0:14:11) Project File ⌨️ (0:15:54) Program Class File ⌨️ (0:17:21) Dependency Injection ⌨️ (0:21:55) StartUp Part 1 ⌨️ (0:24:21) StartUp Part 2 ⌨️ (0:27:46) Routing in MVC ⌨️ (0:33:47) AppSettings ⌨️ (0:34:37) wwwRoot and launchSettings ⌨️ (0:37:28) MVC Application ⌨️ (0:41:13) Routing in Action ⌨️ (0:45:02) Views in Default Project Section 2: Database Setup & Category CRUD ⌨️ (0:49:55) Create First Model ⌨️ (0:53:30) Add Connection String ⌨️ (0:56:59) Setup DbContext ⌨️ (1:02:23) Complete DbContext Configuration ⌨️ (1:06:12) Push Category to Database ⌨️ (1:09:47) Check Database ⌨️ (1:11:00) Add Category Controller ⌨️ (1:13:52) Add Category Index View ⌨️ (1:16:24) Get all Category ⌨️ (1:20:59) Display All Category ⌨️ (1:26:19) Add Category Part 1 ⌨️ (1:31:16) Add Category Part 2 ⌨️ (1:36:46) Add Category Part 3 ⌨️ (1:40:43) Assignment ⌨️ (1:41:53) Solution Section 3: Validations and Forms ⌨️ (1:48:14) Validations in ASP.NET Core ⌨️ (1:52:52) Client side and server side validations ⌨️ (1:57:13) Passing Parameters on Redirect ⌨️ (2:00:27) Category Edit Get Action ⌨️ (2:04:16) Update Category ⌨️ (2:06:31) Delete Category ⌨️ (2:10:28) Font Awesome ⌨️ (2:15:04) Assignment ⌨️ (2:15:41) Assignment Solution ⌨️ (2:20:46) Azure Deployment -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Project Tutorial - Your First Python Project

_ZqAVck-WeM | 19 Aug 2020

Python Project Tutorial - Your First Python Project

In this beginner python project tutorial you will learn to create a simply python game! While working through this beginner python project you will learn the basics and fundamentals of python and apply those skills. This python tutorial is designed to get you up and running in python as fast as possible. 🔗 Code editor from video: https://repl.it/ 💻 Code Download: https://techwithtim.net/code/ ✏️ Tutorial created by Tech with Tim. Check out his YouTube channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Scope and Decorators - Python Basics with Sam

VckRJ6v1yWU | 18 Aug 2020

Scope and Decorators - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python: Part 1 of 6 (Live Course)

EsDFiZPljYo | 15 Aug 2020

Data Analysis with Python: Part 1 of 6 (Live Course)

“Data Analysis with Python: Zero to Pandas” is a practical, beginner-friendly, and coding-focused introduction to data analysis covering the basics of Python, Numpy, Pandas, data visualization and exploratory data analysis. You can learn more and register for a Certificate of Accomplishment at http://zerotopandas.com NOTE: This session got cut off early because of technical difficulties. The next session will start where this one left off. This live course is also available in Hindi: https://www.youtube.com/watch?v=YV0_puRO1u4 ⭐️ Contents ⭐️ 00:00 - Course Introduction 11:40 - How to Run the Code 18:40 - Python & Jupyter Basics 42:42 - Variables and Data Types ⭐️ Resources ⭐️ 🔗 First steps with Python: https://jovian.ml/aakashns/first-steps-with-python 🔗 Variables and data types: https://jovian.ml/aakashns/python-variables-and-data-types 🔗 Conditional statements and loops: https://jovian.ml/aakashns/python-branching-and-loops 🔗 Functions and scope: https://jovian.ml/aakashns/python-functions-and-scope 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-1-introduction-to-programming-with-python/7759 ⭐️ Topics covered ⭐️ ⌨️ Course introduction and overview ⌨️ First steps with Python and Jupyter ⌨️ A quick tour of variables and data types ⌨️ Branching with conditional statements and loops ⌨️ Walkthrough of practice assignment 🎥 Watch the entire series here: https://www.youtube.com/playlist?list=PLWKjhJtqVAblvI1i46ScbKV2jH1gdL7VQ ✏️This course is taught by Aakash N S, cofounder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

PERN Stack Course - Build a Yelp clone (Postgres, Express, React, Node.js)

J01rYl9T3BU | 14 Aug 2020

PERN Stack Course - Build a Yelp clone (Postgres, Express, React, Node.js)

Learn the PERN stack by building a Yelp clone. The PERN stack includes PostgreSQL, Express, React, and Node. You will learn all the basics including installation, creating databases/tables, making queries, adding entries, establishing relationship between tables, SQL joins, and more. 💻 Code - https://github.com/Sanjeev-Thiyagarajan/PERN-STACK-YELP-CLONE 🎥 Course developed by Sanjeev Thiyagarajan. Check out his YouTube channel: https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ?sub_confirmation=1 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:04:11) PERN Stack Intro ⌨️ (0:07:58) Postgres Windows Install ⌨️ (0:16:35) Postgres Mac install ⌨️ (0:29:13) Postgres Documentation ⌨️ (0:30:29) PSQL Basics ⌨️ (0:37:04) SQL Tables ⌨️ (0:38:53) Create Table ⌨️ (0:45:55) Modify Tables ⌨️ (0:48:28) Delete Databases ⌨️ (0:50:58) Yelp Project Database ⌨️ (1:09:57) Node Setup ⌨️ (1:12:45) Express Setup ⌨️ (1:15:57) Environment Variables ⌨️ (1:19:40) First Express Route ⌨️ (1:29:27) Restful API Convention ⌨️ (1:32:33) Configure all routes ⌨️ (1:42:34) Express Middleware ⌨️ (1:54:13) Finishing Up Routes ⌨️ (2:03:10) Connect Express and Postgres ⌨️ (2:14:20) Get all Restaurants Route ⌨️ (2:18:25) Gone one Restaurant Route ⌨️ (2:28:23) Create a Restaurant Route ⌨️ (2:35:28) Update A Restaurant Route ⌨️ (2:43:07) Delete A Restaurant Route ⌨️ (2:46:28) React Setup ⌨️ (2:52:52) React Router Setup ⌨️ (3:02:03) HomePage Layout ⌨️ (3:14:24) React Context API ⌨️ (3:20:17) Fetching Data ⌨️ (3:36:12) Rendering Restaurants ⌨️ (3:41:48) Adding Restaurants ⌨️ (3:56:26) Deleting Restaurants ⌨️ (4:03:05) Updating Restaurants ⌨️ (4:26:18) Detail Page ⌨️ (4:38:06) Reviews Intro ⌨️ (4:39:46) Reviews Postgres Table ⌨️ (4:55:20) Star Rating Component ⌨️ (5:02:49) Reviews Component Layout ⌨️ (5:08:18) Add Review ⌨️ (5:29:06) Add Review Express Route ⌨️ (5:37:43) Add Review React Component ⌨️ (5:48:04) Postgres Aggregate Functions ⌨️ (5:57:26) SQL Joins and Wrapping up App -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Command Line and Recursion in Python - Python Basics with Sam

2T8BFVPhYPs | 11 Aug 2020

Command Line and Recursion in Python - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

COBOL Course - Programming with VSCode

RdMAEdGvtLA | 11 Aug 2020

COBOL Course - Programming with VSCode

This introductory COBOL course helps a novice learn the Structure of COBOL programs, Data types & Variable Handling, Intrinsic Functions, Branching logic and more. The goal of the course is to enable the participant to be able to write basic COBOL programs. Get ready to dive into some actual COBOL! 🎥 This course was originally developed by IBM, who have shared it with our nonprofit. IBM is hosting an event called Z Day on Sept 15th, 2020. This free 1-day virtual conference is open to anyone interested in mainframe technologies. You can register for the event here: https://ibmzday.bemyapp.com/2020 🔗 To access the COBOL Course book and hands-on labs please go to Open Mainframe Project: https://github.com/openmainframeproject/cobol-programming-course ⭐️ Course Contents ⭐️ ⌨️ (00:00) *Welcome to COBOL* ⌨️ (02:23) VS Code and Extensions ⌨️ (05:21) Basic COBOL Syntax ⌨️ (09:25) COBOL Divisions ⌨️ (13:12) COBOL Variables ⌨️ (19:06) Data Division ⌨️ (21:32) File Handling ⌨️ (27:40) Procedure Division ⌨️ (31:36) Program Structure ⌨️ (37:57) Paragraphs ⌨️ (43:35) Program Linkage ⌨️ (45:54) File Output and Reports ⌨️ (52:15) Conditional Expressions ⌨️ (59:13) Arithmetic Expressions ⌨️ (1:05:02) Data Types ⌨️ (1:09:58) Intrinsic Functions ⌨️ (1:15:41) Closing -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Network Programming with Python Course (build a port scanner, mailing client, chat room, DDOS)

FGdiSJakIS4 | 07 Aug 2020

Network Programming with Python Course (build a port scanner, mailing client, chat room, DDOS)

Learn network programming in Python by building four projects. You will learn to build a mailing client, a DDOS script, a port scanner, and a TCP Chat Room. 🎥 This course was developed by Neural Nine. Check out their YouTube channel: https://www.youtube.com/c/NeuralNine ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:37) Mailing Client ⌨️ (13:41) DDOS Script ⌨️ (27:29) Port Scanner ⌨️ (44:06) TCP Chat Room -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Precalculus Course

eI4an8aSsgw | 04 Aug 2020

Precalculus Course

Learn Precalculus in this full college course. These concepts are often used in programming. This course was created by Dr. Linda Green, a lecturer at the University of North Carolina at Chapel Hill. Check out her YouTube channel: https://www.youtube.com/channel/UCkyLJh6hQS1TlhUZxOMjTFw ⭐️ Lecture Notes ⭐️ 🔗 Part 1 - Functions: http://lindagreen.web.unc.edu/files/2020/08/courseNotesM130_2019S_Part1_Functions.pdf 🔗 Part 2 - Trigonometry: http://lindagreen.web.unc.edu/files/2020/08/courseNotesM130_2019S_Part2_Trig.pdf 🔗 Part 3 - Conic Sections: http://lindagreen.web.unc.edu/files/2020/08/courseNotesM130_2019S_Part3_ConicSections.pdf 🔗 Part 4 - Parametric Equations, Polar Coordinates, and the Difference Quotient: http://lindagreen.web.unc.edu/files/2020/08/courseNotesM130_2019S_Part4_ParametricPolarDiffQuot.pdf ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Functions ⌨️ (0:12:06) Increasing and Decreasing Functions ⌨️ (0:17:35) Maximums and minimums on graphs ⌨️ (0:26:38) Even and Odd Functions ⌨️ (0:36:12) Toolkit Functions ⌨️ (0:43:18) Transformations of Functions ⌨️ (0:55:48) Piecewise Functions ⌨️ (1:00:19) Inverse Functions ⌨️ (1:14:34) Angles and Their Measures ⌨️ (1:22:47) Arclength and Areas of Sectors ⌨️ (1:28:39) Linear and Radial Speed ⌨️ (1:33:02) Right Angle Trigonometry ⌨️ (1:40:38) Sine and Cosine of Special Angles ⌨️ (1:48:41) Unit Circle Definition of Sine and Cosine ⌨️ (1:54:11) Properties of Trig Functions ⌨️ (1:04:50) Graphs of Sine and Cosine ⌨️ (2:11:23) Graphs of Sinusoidal Functions ⌨️ (2:21:36) Graphs of Tan, Sec, Cot, Csc ⌨️ (2:30:29) Graphs of Transformations of Tan, Sec, Cot, Csc ⌨️ (2:39:02) Inverse Trig Functions ⌨️ (2:48:49) Solving Basic Trig Equations ⌨️ (2:55:49) Solving Trig Equations that Require a Calculator ⌨️ (3:05:44) Trig Identities ⌨️ (3:13:16) Pythagorean Identities ⌨️ (3:18:37) Angle Sum and Difference Formulas ⌨️ (3:26:33) Proof of the Angle Sum Formulas ⌨️ (3:31:09) Double Angle Formulas ⌨️ (3:38:39) Half Angle Formulas ⌨️ (3:44:50) Solving Right Triangles ⌨️ (3:51:24) Law of Cosines ⌨️ (4:01:24) Law of Cosines - old version ⌨️ (4:09:44) Law of Sines ⌨️ (4:17:34) Parabolas - Vertex, Focus, Directrix ⌨️ (4:29:24) Ellipses ⌨️ (4:40:33) Hyperbolas ⌨️ (4:54:23) Polar Coordinates ⌨️ (5:01:55) Parametric Equations ⌨️ (5:13:22) Difference Quotient -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create an Hour Tracking App using Vue.js (Part 2) - with Gwen Faraday

btadke62pgQ | 31 Jul 2020

Live Coding Project: Create an Hour Tracking App using Vue.js (Part 2) - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create an Hour Tracking App. Git Repo for the project: https://github.com/gwenf/vue-nwjs-hours-tracking Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Learning Crash Course for Beginners

VyWAvY2CF9c | 30 Jul 2020

Deep Learning Crash Course for Beginners

Learn the fundamental concepts and terminology of Deep Learning, a sub-branch of Machine Learning. This course is designed for absolute beginners with no experience in programming. You will learn the key ideas behind deep learning without any code. You'll learn about Neural Networks, Machine Learning constructs like Supervised, Unsupervised and Reinforcement Learning, the various types of Neural Network architectures, and more. ✏️ Course developed by Jason Dsouza. Check out his YouTube channel: http://youtube.com/jasmcaus ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:18) What is Deep Learning ⌨️ (5:25) Introduction to Neural Networks ⌨️ (6:12) How do Neural Networks LEARN? ⌨️ (12:06) Core terminologies used in Deep Learning ⌨️ (12:11) Activation Functions ⌨️ (22:36) Loss Functions ⌨️ (23:42) Optimizers ⌨️ (30:10) Parameters vs Hyperparameters ⌨️ (32:03) Epochs, Batches & Iterations ⌨️ (34:24) Conclusion to Terminologies ⌨️ (35:18) Introduction to Learning ⌨️ (35:34) Supervised Learning ⌨️ (40:21) Unsupervised Learning ⌨️ (43:38) Reinforcement Learning ⌨️ (46:25) Regularization ⌨️ (51:25) Introduction to Neural Network Architectures ⌨️ (51:37) Fully-Connected Feedforward Neural Nets ⌨️ (54:05) Recurrent Neural Nets ⌨️ (1:04:40) Convolutional Neural Nets ⌨️ (1:08:07) Introduction to the 5 Steps to EVERY Deep Learning Model ⌨️ (1:08:23) 1. Gathering Data ⌨️ (1:11:27) 2. Preprocessing the Data ⌨️ (1:19:05) 3. Training your Model ⌨️ (1:19:33) 4. Evaluating your Model ⌨️ (1:19:55) 5. Optimizing your Model's Accuracy ⌨️ (1:25:15) Conclusion to the Course -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Find Longest Substring / Guessing Game - Python Basics with Sam

hoP7_DkrmiA | 28 Jul 2020

Find Longest Substring / Guessing Game - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build an Online Store Using AWS, React, and Stripe

JgwI22y_eFA | 27 Jul 2020

Build an Online Store Using AWS, React, and Stripe

Learn how to build an online book store from beginning to end with AWS, React, and Stripe. The project uses Amplify, AppSync, DynamoDB, S3, Lambda services in AWS and React Hooks, Context API in ReactJS. You will learn how all these technologies fit together. 💻 Code: https://github.com/mjzone/bookstore-v2 ✏️ Video created by Manoj Fernando. Check out his YouTube channel: https://www.youtube.com/channel/UChpIik3lwpviVj_tIoCeUHw 🎥 Learn how much it cost for Manoj to create and run this store: https://youtu.be/qRUCwT9ZqT4 ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:37) Agenda ⌨️ (03:14) Product Demo ⌨️ (06:16) Architecture Diagram Discussion ⌨️ (08:42) Setting up the Project ⌨️ (09:24) Initializing an Amplify Project ⌨️ (11:25) Adding Authentication with Cognito ⌨️ (11:52) Create an S3 Bucket to Store Images ⌨️ (13:04) Create Lambda Functions to Process Order (Pipeline Resolver) ⌨️ (29:08) Creating Cloud Resources ⌨️ (30:10) Processing Book Orders ⌨️ (33:31) Running the Application ⌨️ (42:39) Connecting to Cloud Resources from React App ⌨️ (44:51) Verifying Customer Orders ⌨️ (54:58) Hosting the Site on S3 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create an Hour Tracking App using Vue.js - with Gwen Faraday

ZcsCoTPPMD8 | 24 Jul 2020

Live Coding Project: Create an Hour Tracking App using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create an Hour Tracking App. Git Repo for the project: https://github.com/gwenf/vue-nwjs-hours-tracking Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

College Algebra - Full Course

LwCRRUa8yTU | 23 Jul 2020

College Algebra - Full Course

Learn Algebra in this full college course. These concepts are often used in programming. This course was created by Dr. Linda Green, a lecturer at the University of North Carolina at Chapel Hill. Check out her YouTube channel: https://www.youtube.com/channel/UCkyLJh6hQS1TlhUZxOMjTFw ⭐️ Lecture Notes ⭐️ 🔗 Algebra Notes: http://lindagreen.web.unc.edu/files/2020/08/classNotes_m110_2018F.pdf ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Exponent Rules ⌨️ (0:10:14) Simplifying using Exponent Rules ⌨️ (0:21:18) Simplifying Radicals ⌨️ (0:31:46) Factoring ⌨️ (0:45:08) Factoring - Additional Examples ⌨️ (0:55:37) Rational Expressions ⌨️ (1:05:00) Solving Quadratic Equations ⌨️ (1:15:22) Rational Equations ⌨️ (1:25:31) Solving Radical Equations ⌨️ (1:37:01) Absolute Value Equations ⌨️ (1:42:23) Interval Notation ⌨️ (1:49:35) Absolute Value Inequalities ⌨️ (1:56:55) Compound Linear Inequalities ⌨️ (2:05:59) Polynomial and Rational Inequalities ⌨️ (2:16:20) Distance Formula ⌨️ (2:20:59) Midpoint Formula ⌨️ (2:23:30) Circles: Graphs and Equations ⌨️ (2:33:06) Lines: Graphs and Equations ⌨️ (2:41:35) Parallel and Perpendicular Lines ⌨️ (2:49:05) Functions ⌨️ (3:00:53) Toolkit Functions ⌨️ (3:08:00) Transformations of Functions ⌨️ (3:20:29) Introduction to Quadratic Functions ⌨️ (3:23:54) Graphing Quadratic Functions ⌨️ (3:33:02) Standard Form and Vertex Form for Quadratic Functions ⌨️ (3:37:18) Justification of the Vertex Formula ⌨️ (3:41:11) Polynomials ⌨️ (3:49:06) Exponential Functions ⌨️ (3:56:53) Exponential Function Applications ⌨️ (4:08:38) Exponential Functions Interpretations ⌨️ (4:18:17) Compound Interest ⌨️ (4:29:33) Logarithms: Introduction ⌨️ (4:38:15) Log Functions and Their Graphs ⌨️ (4:48:59) Combining Logs and Exponents ⌨️ (4:53:38) Log Rules ⌨️ (5:02:10) Solving Exponential Equations Using Logs ⌨️ (5:10:20) Solving Log Equations ⌨️ (5:19:27) Doubling Time and Half Life ⌨️ (5:35:34) Systems of Linear Equations ⌨️ (5:47:36) Distance, Rate, and Time Problems ⌨️ (5:53:20) Mixture Problems ⌨️ (5:59:48) Rational Functions and Graphs ⌨️ (6:13:13) Combining Functions ⌨️ (6:17:10) Composition of Functions ⌨️ (6:29:32) Inverse Functions -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecampLearn Algebra in this full college course. These concepts are often used in programming. This course was created by Dr. Linda Green, a lecturer at the University of North Carolina at Chapel Hill. Check out her YouTube channel: https://www.youtube.com/channel/UCkyLJh6hQS1TlhUZxOMjTFw ⌨️ (0:00:00) Exponent Rules ⌨️ (0:10:14) Simplifying using Exponent Rules ⌨️ (0:21:18) Simplifying Radicals ⌨️ (0:31:46) Factoring ⌨️ (0:45:08) Factoring - Additional Examples ⌨️ (0:55:37) Rational Expressions ⌨️ (1:05:00) Solving Quadratic Equations ⌨️ (1:15:22) Rational Equations ⌨️ (1:25:31) Solving Radical Equations ⌨️ (1:37:01) Absolute Value Equations ⌨️ (1:42:23) Interval Notation ⌨️ (1:49:35) Absolute Value Inequalities ⌨️ (1:56:55) Compound Linear Inequalities ⌨️ (2:05:59) Polynomial and Rational Inequalities ⌨️ (2:16:20) Distance Formula ⌨️ (2:20:59) Midpoint Formula ⌨️ (2:23:30) Circles: Graphs and Equations ⌨️ (2:33:06) Lines: Graphs and Equations ⌨️ (2:41:35) Parallel and Perpendicular Lines ⌨️ (2:49:05) Functions ⌨️ (3:00:53) Toolkit Functions ⌨️ (3:08:00) Transformations of Functions ⌨️ (3:20:29) Introduction to Quadratic Functions ⌨️ (3:23:54) Graphing Quadratic Functions ⌨️ (3:33:02) Standard Form and Vertex Form for Quadratic Functions ⌨️ (3:37:18) Justification of the Vertex Formula ⌨️ (3:41:11) Polynomials ⌨️ (3:49:06) Exponential Functions ⌨️ (3:56:53) Exponential Function Applications ⌨️ (4:08:38) Exponential Functions Interpretations ⌨️ (4:18:17) Compound Interest ⌨️ (4:29:33) Logarithms: Introduction ⌨️ (4:38:15) Log Functions and Their Graphs ⌨️ (4:48:59) Combining Logs and Exponents ⌨️ (4:53:38) Log Rules ⌨️ (5:02:10) Solving Exponential Equations Using Logs ⌨️ (5:10:20) Solving Log Equations ⌨️ (5:19:27) Doubling Time and Half Life ⌨️ (5:35:34) Systems of Linear Equations ⌨️ (5:47:36) Distance, Rate, and Time Problems ⌨️ (5:53:20) Mixture Problems ⌨️ (5:59:48) Rational Functions and Graphs ⌨️ (6:13:13) Combining Functions ⌨️ (6:17:10) Composition of Functions ⌨️ (6:29:32) Inverse Functions -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Prime Numbers, Times Tables, & More - Python Basics with Sam

DhdOKh5Issw | 21 Jul 2020

Prime Numbers, Times Tables, & More - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create a Pomodoro Clock using Vue.js - with Gwen Faraday

Fvw8YBtdzqA | 17 Jul 2020

Live Coding Project: Create a Pomodoro Clock using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create a Pomodoro Clock. Git Repo for the project: https://github.com/gwenf/freecodecamp-projects-vue Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Terraform Course - Automate your AWS cloud infrastructure

SLB_c_ayRMo | 16 Jul 2020

Terraform Course - Automate your AWS cloud infrastructure

Learn Terraform in this complete course for beginners. Terraform is an open-source infrastructure as code software tool. Learn how it can be utilized to manage and automate your AWS cloud infrastructure. We'll start off by setting up a free AWS account to play around with and move on to setting up and installing Terraform on a Windows/MAC/Linux machine. From there we'll move on to deploying our first resource through terraform and learning other core concepts. You'll even get a chance to setup a simple web server in AWS. 💻 GitHub Repo: https://github.com/Sanjeev-Thiyagarajan/Terraform-Crash-Course 🔗 Download Terraform: https://www.terraform.io/downloads.html 🎥 This course was developed by Sanjeev Thiyagarajan. Check out his YouTube channel: https://www.youtube.com/channel/UC2sYgV-NV6S5_-pqLGChoNQ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:01:54) AWS Setup ⌨️ (0:05:59) Windows Setup ⌨️ (0:10:04) Mac Setup ⌨️ (0:13:11) Linux Install ⌨️ (0:17:39) VSCode ⌨️ (0:20:51) Terraform Overview ⌨️ (0:43:31) Modifying Resources ⌨️ (0:50:30) Deleting Resources ⌨️ (0:54:55) Referencing Resources ⌨️ (1:04:47) Terraform Files ⌨️ (1:09:45) Practice Project ⌨️ (1:50:32) Terraform State Commands ⌨️ (1:54:05) Terraform Output ⌨️ (2:00:39) Target Resources ⌨️ (2:03:46) Terraform Variables -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spring Boot Java Tutorial - REST API using PostgreSQL and JWT

5VUjP1wMqoE | 15 Jul 2020

Spring Boot Java Tutorial - REST API using PostgreSQL and JWT

Learn to use Spring Boot and Java to create a complete REST API. We will use PostgreSQL as the relational database and Spring JdbcTemplate for interacting with that. Apart from this, we will add authentication using JWT (JSON Web Tokens). 💻 Code: https://github.com/pairlearning/expense-tracker-api 🎥 Course from Pair Learning. Check out their YouTube channel: https://www.youtube.com/channel/UCLCn3zEnB0h0Y2GVhTLtHkg ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (09:10) Project Setup & Creating Database Objects ⌨️ (23:07) Persisting User Information on Register ⌨️ (41:05) Login and Hashing Password ⌨️ (48:59) JWT Authentication ⌨️ (1:03:15) Adding New Categories ⌨️ (1:19:51) Category - Find & Update Functionality ⌨️ (1:28:50) Adding Category Transactions ⌨️ (1:42:38) Transaction - Find and Update ⌨️ (1:51:29) Deleting - Category & Transactions ⌨️ (2:00:50) CORS & Testing from Web Client ⌨️ (2:07:22) Summary and Code -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python For Loops, Functions, and Random - Python Basics with Sam

4UuMrebbwIo | 14 Jul 2020

Python For Loops, Functions, and Random - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create a Calculator using Vue.js - with Gwen Faraday

T9Po6hgTbeQ | 10 Jul 2020

Live Coding Project: Create a Calculator using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create a Calculator. Git Repo for the project: https://github.com/gwenf/freecodecamp-projects-vue Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React / Typescript Tutorial - Build a Quiz App

F2JCjVSZlG0 | 09 Jul 2020

React / Typescript Tutorial - Build a Quiz App

Learn how to use React and TypeScript to create a quiz app project. You will also learn how to use Styled-Components with React. 🔗 What you will make: https://tender-mcnulty-a4a646.netlify.app/ 💻 Code: https://github.com/weibenfalk/react-quiz 🎥 Course from Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/user/Weibenfalk 🔗 Thomas's website: https://www.weibenfalk.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Python Livestream - Python Basics with Sam

z2k9Jh3jDVU | 07 Jul 2020

Intro to Python Livestream - Python Basics with Sam

Learn the basics of Python live from Sam Focht every Tuesday. This is part of a series that will cover the entire Python Programming language. Check out Sam's YouTube channel: https://www.youtube.com/python_basics Python Basics with Sam playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkmRvnFmOd4KhDdlK1oIq23 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create A 2.5D Platformer Game With Unreal Engine (Tutorial)

9Fd9hw329fY | 07 Jul 2020

Create A 2.5D Platformer Game With Unreal Engine (Tutorial)

Learn how to create a 2.5D Platformer game with Unreal Engine in this full tutorial using C++. In this beginner's course, you will how to create a game with Unreal Engine and Blueprints. 💻 Project assets: https://drive.google.com/file/d/1lAOYnsPh3oq89nfyc31zn5KrVs5wBK4p/view?usp=sharing 💻 Completed code: https://drive.google.com/file/d/16jVlY4LB1CYVf0Lg2yyaESzLi_-4gErG/view?usp=sharing 🎥 Course from Awesome Tuts. Check out their YouTube channel: https://www.youtube.com/awesometuts 🔗 Learn more about game development here: https://www.awesometuts.com/ultimate-game-dev-academy?utm_medium=youtube&utm_source=freecodecamp -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create a Drum Machine using Vue.js - with Gwen Faraday

0b5T7wYDV5o | 03 Jul 2020

Live Coding Project: Create a Drum Machine using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create a Drum Machine. Git Repo for the project: https://github.com/gwenf/freecodecamp-projects-vue Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Java Desktop Application - Full Course (Sudoku)

qH9mWpYMtYU | 02 Jul 2020

Build a Java Desktop Application - Full Course (Sudoku)

Learn to build a Java desktop application in this course. You will learn how to build a Sudoku game using JavaFX. 💻 Code: https://github.com/BracketCove/JavaDesktopSudoku/tree/withoutgradle 🎥 Course from Ryan Kay. Check out his YouTube channel: https://www.youtube.com/c/wiseAss 🔗 Ryan Kay's paid Java Course: https://skl.sh/3fZbjos ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:35) Problem Domain Classes (SudokuGame, Coordinates with Hashing, IStorage) ⌨️ (7:41) Constants w/ Enums & static final variables (GameState, Messages, Rows) ⌨️ (9:26) Application Container/Entry Point (SudokuApplication, Main) ⌨️ (12:20) User Interface w/ Java Interfaces (IUserInterfaceContract, EventListener, View) ⌨️ (14:29) User Interface (Custom JavaFX TextField) ⌨️ (17:10) User Interface (UserInterfaceImpl, Managing 81 TextFields Elegantly w/ HashMap) ⌨️ (45:32) Control Logic (Implementing EventListener similar to MVP/MVC) ⌨️ (50:49) Computation Logic (SudokuUtilities static Helper Methods) ⌨️ (54:00) Computation Logic (GameGenerator Algorithms for generating a new solvable Sudoku Game) ⌨️ (1:06:00) Computation Logic (SudokuSolver Algorithm for Solving a Sudoku Game) ⌨️ (1:12:45) Computation Logic (Entry Point To Back End & Algorithms for Validating a Sudoku Game for Completion) ⌨️ (1:25:57) Build Logic (SudokuBuildLogic for "separating configuration from use" -Martin Fowler) ⌨️ (1:28:44) Persistence/Data Storage (LocalStorageImpl for storing data on the local filesystem) ⌨️ (1:33:49) Acknowledgements & further resources -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deno Course - Better than Node.js?

TQUy8ENesGY | 30 Jun 2020

Deno Course - Better than Node.js?

Learn how to use Deno in this complete course. Deno is a Node.js alternative created by the same person who created Node.js. In this tutorial course, you will learn how to build real apps with Deno. You will also learn the basics of the Typescript. You will see how to use Deno to build a survey app with a REST API using MongoDB. 💻 Code: https://github.com/thecodeholic/freecodecamp-deno-course 💻 Survey application code: https://github.com/thecodeholic/deno-survey 🎥 Course from The Codeholic. Check out his channel: https://twitter.com/TheCodeholic 🔗 Official Deno website: https://deno.land/ ⭐️ Course Contents ⭐️ Introduction --------------------- ⌨️ (00:00:00) Introduction ⌨️ (00:02:02) Course overview ⌨️ (00:04:38) Course Project ⌨️ (00:05:51) What is Deno ⌨️ (00:08:19) Course project (Survey app) demo ⌨️ (00:11:54) Install and Getting started ⌨️ (00:14:34) Write "Hello World" ⌨️ (00:15:50) Main Features TypeScript --------------------- ⌨️ (00:17:22) What is TypeScript ⌨️ (00:24:04) TypeScript Types ⌨️ (00:37:40) Interfaces ⌨️ (00:43:46) Classes ⌨️ (00:48:03) Generics ⌨️ (00:56:31) Enums Main features --------------------- ⌨️ (01:01:23) Import from URL ⌨️ (01:02:23) ES6 Modules import syntax ⌨️ (01:03:01) Top Level await ⌨️ (01:04:18) Browser API ⌨️ (01:06:20) Security ⌨️ (01:16:31) Single Executable file ⌨️ (01:18:55) Terminal commands ⌨️ (01:23:52) Standard Library and 3rd party modules ⌨️ (01:26:31) Create basic HTTP server ⌨️ (01:32:20) Working with file system ⌨️ (01:41:55) Using npm packages ⌨️ (01:45:40) Answers on common questions Project - Survey app ---------------------- ⌨️ (01:57:02) Install oak framework and setup basic server ⌨️ (02:03:41) Install denon for automatic server restart on file change ⌨️ (02:06:03) Easily manage versions and dependencies ⌨️ (02:08:06) Organize routes ⌨️ (02:09:36) Create AuthController and configure Login & Register routes ⌨️ (02:13:54) Setup connection with MongoDB ⌨️ (02:19:40) Create User model and implement registration ⌨️ (02:40:42) Implement login ⌨️ (02:54:16) Install dontenv and create .env file Survey CRUD ---------------------- ⌨️ (02:59:35) Configure routes for Survey CRUD and Create SurveyController ⌨️ (03:04:52) Create Survey model and implement Survey creation ⌨️ (03:11:22) Implement get surveys ⌨️ (03:20:33) Create BaseModel and inherit Survey and User models from there ⌨️ (03:26:12) Implement to get single survey ⌨️ (03:31:29) Implement survey update ⌨️ (03:39:22) Printing application errors ⌨️ (03:40:26) Fixing problem of "this" binding ⌨️ (03:44:27) Implement survey deletion ⌨️ (03:48:52) Create authMiddleware and add authentication to Survey CRUD ⌨️ (04:07:38) Implement CRUD of questions Create Website ---------------------- ⌨️ (04:44:15) Create SiteController and configure routes ⌨️ (04:47:38) Install template engine and create views ⌨️ (04:51:48) Render all surveys ⌨️ (04:55:32) Configure oak to handle static files (CSS, Javascript, Images) ⌨️ (05:06:05) Write basic styles ⌨️ (05:07:31) Create and use partial view files ⌨️ (05:09:30) Implement to view single survey ⌨️ (05:33:58) Get form submitted data and validation ⌨️ (05:49:07) Implement displaying validation errors in form ⌨️ (06:01:45) Implement to save survey answers ⌨️ (06:14:49) Create a real survey using our survey app -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Learning with PyTorch Live Course - GANs for Image Generation (Part 6 of 6)

ABaZ_tecZ3U | 27 Jun 2020

Deep Learning with PyTorch Live Course - GANs for Image Generation (Part 6 of 6)

This is a beginner-friendly coding-first online course on PyTorch - one of the most widely used and fastest growing frameworks for machine learning. This video covers the concepts and techniques involved in building & training Generative Adversarial Networks or GANs to generate images of anime faces. Resources: 🔗 Deep Convolutional GANs: https://jovian.ml/aakashns/06b-anime-dcgan 🔗 MNIST Generative Adversarial Network: https://jovian.ml/aakashns/06-mnist-gan 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-6-image-generation-using-generative-adversarial-networks-gans/1547 🔗 Course Graduation Party: https://www.youtube.com/watch?v=VQSHiJmnHNc 🔗 Data Analysis with Python: https://jovian.ml/learn/data-analysis-with-python-zero-to-pandas Topics covered: ⌨️ Introduction to generative modeling and application of GANs ⌨️ Creating generator and discriminator neural networks ⌨️ Generating and evaluating fake images of anime faces ⌨️ Training the generator and discriminator in tandem and visualizing results 🎥 Watch the entire series here: https://www.youtube.com/watch?v=vo_fUOk-IKk&list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa This course is taught by Aakash N S, Founder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online. 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create a Markdown Previewer using Vue.js - with Gwen Faraday

i3_I6asZSkY | 26 Jun 2020

Live Coding Project: Create a Markdown Previewer using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create a Markdown Previewer. Git Repo for the project: https://github.com/gwenf/freecodecamp-projects-vue Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Strapi & GatsbyJS Course - Portfolio Project

Oc_ITwxiG-Y | 25 Jun 2020

Strapi & GatsbyJS Course - Portfolio Project

Learn to use Gatsby and Strapi to code a portfolio project in this full course. Strapi is the most popular open-source Headless CMS and is based on Node.js. Gatsby allows developers to quickly build very fast static websites and apps. Both use JavaScript. 🎥 Gatsby Tutorial: https://www.youtube.com/watch?v=kzWIUX3CpuI 💻 Starter Code: https://github.com/john-smilga/strapi-gatsby-porfolio-2020-api 🔗 View completed project: https://gatsby-strapi-portfolio-project.netlify.app/ ✏️ Course created by John Smilga. Check out his YouTube channel: https://www.youtube.com/codingaddict 🔗 John Smilga's website: https://www.johnsmilga.com ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (04:47) Dev Setup ⌨️ (07:19) Starter Info ⌨️ (20:31) Navbar ⌨️ (27:38) Hero Image Query ⌨️ (31:56) Hero ⌨️ (41:22) Services And Title ⌨️ (49:52) Strapi Info ⌨️ (51:54) Strapi Setup ⌨️ (56:44) First Content Type ⌨️ (1:07:09) First Content ⌨️ (1:15:16) Connect Gatsby To Strapi ⌨️ (1:20:25) Project Backend ⌨️ (1:24:37) Jobs Query ⌨️ (1:29:31) Jobs Component ⌨️ (1:47:47) Projects Content-Type ⌨️ (1:55:53) Projects Content ⌨️ (2:00:24) Projects Query ⌨️ (2:05:54) Projects Setup ⌨️ (2:12:04) Project List ⌨️ (2:19:34) Project Component ⌨️ (2:27:15) Projects Page ⌨️ (2:31:12) Blog Content-Type ⌨️ (2:36:45) Blog Content ⌨️ (2:43:59) Blog Query ⌨️ (2:49:45) Blog List ⌨️ (2:54:02) Blog Component ⌨️ (2:58:42) Blog Page ⌨️ (3:03:49) Create Blog Pages Programmatically ⌨️ (3:10:34) Blog Template ⌨️ (3:16:22) Blog Image ⌨️ (3:19:02) Strapi Claudinary ⌨️ (3:27:25) Prop Types ⌨️ (3:46:17) Footer ⌨️ (3:49:24) Sidebar ⌨️ (3:54:47) Sidebar Toggle ⌨️ (4:00:42) Sidebar Animation ⌨️ (4:02:58) Error Page ⌨️ (4:05:54) About Page Intro ⌨️ (4:08:33) About Page Content Type And Data ⌨️ (4:13:34) About Page ⌨️ (4:22:37) Contact Page ⌨️ (4:27:17) Formspree ⌨️ (4:32:13) Gatsby Browser ⌨️ (4:34:56) Google Fonts ⌨️ (4:37:48) Netlify Deploy ⌨️ (4:42:55) Seo Intro ⌨️ (4:46:36) Seo Alternatives ⌨️ (4:48:00) Seo Basic Setup ⌨️ (4:54:29) Seo Query ⌨️ (5:01:55) Seo All Pages ⌨️ (5:08:18) Sitemap Plugin ⌨️ (5:10:30) Twitter Cards -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Scikit-Learn Course - Machine Learning in Python Tutorial

pqNCD_5r0IU | 23 Jun 2020

Scikit-Learn Course - Machine Learning in Python Tutorial

Scikit-learn is a free software machine learning library for the Python programming language. Learn about machine learning using scikit-learn in this full course. 💻 Code: https://github.com/DL-Academy/MachineLearningSKLearn 🔗 Scikit-learn website: https://scikit-learn.org ✏️ Course from DL Academy. Check out their YouTube channel: https://www.youtube.com/channel/UCTgBlZ1fmNa87NUY1xvoxpg 🔗 View more courses here: https://thedlacademy.com/ ⭐️ Course Contents ⭐️ Chapter 1 - Getting Started with Machine Learning ⌨️ (0:00) Introduction ⌨️ (0:22) Installing SKlearn ⌨️ (3:37) Plot a Graph ⌨️ (7:33) Features and Labels_1 ⌨️ (11:45) Save and Open a Model Chapter 2 - Taking a look at some machine learning algorithms ⌨️ (13:47) Classification ⌨️ (17:28) Train Test Split ⌨️ (25:31) What is KNN ⌨️ (33:48) KNN Example ⌨️ (43:54) SVM Explained ⌨️ (51:11) SVM Example ⌨️ (57:46) Linear regression ⌨️ (1:07:49) Logistic vs linear regression ⌨️ (1:23:12) Kmeans and the math beind it ⌨️ (1:31:08) KMeans Example Chapter 3 - Artificial Intelligence and the science behind It ⌨️ (1:42:02) Neural Network ⌨️ (1:56:03) Overfitting and Underfitting ⌨️ (2:03:05) Backpropagation ⌨️ (2:18:16) Cost Function and Gradient Descent ⌨️ (2:26:24) CNN ⌨️ (2:31:46) Handwritten Digits Recognizer -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Learning with PyTorch Live Course - ResNet, Regularization and Data Augmentation (Part 5 of 6)

sJF6PiAjE1M | 20 Jun 2020

Deep Learning with PyTorch Live Course - ResNet, Regularization and Data Augmentation (Part 5 of 6)

This is a beginner-friendly coding-first online course on PyTorch - one of the most widely used and fastest growing frameworks for machine learning. This video covers the process of applying advanced techniques like residual networks, data augmentation, batch normalization and transfer learning to achieve state of the art results for image classification in a very short time. Resources: 🔗 Classifying CIFAR10 images using a ResNet : https://jovian.ml/aakashns/05b-cifar10-resnet 🔗 Transfer learning starter: https://jovian.ml/aakashns/transfer-learning-starter 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-5-data-augmentation-regularization-and-resnets/1546 🔗 Data science competition: https://www.kaggle.com/c/jovian-pytorch-z2g 🔗 Course project: https://jovian.ml/forum/t/assignment-5-course-project/1563 Topics covered: ⌨️ Improving the dataset using data normalization and data augmentation ⌨️ Improving the model using residual connections and batch normalization ⌨️ Improving the training loop using learning rate annealing, weight decay and gradient clip ⌨️ Training a state of the art image classifier from scratch in 5 minutes 🎥 Watch the entire series here: https://www.youtube.com/watch?v=vo_fUOk-IKk&list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa This course is taught by Aakash N S, Founder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online. 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Coding Project: Create a Random Quote Machine using Vue.js - with Gwen Faraday

nbzvNKAd1As | 19 Jun 2020

Live Coding Project: Create a Random Quote Machine using Vue.js - with Gwen Faraday

Watch live as Gwen Faraday uses Vue.js to create a Random Quote Machine. Git Repo for the project: https://github.com/gwenf/freecodecamp-projects-vue Check out Gwen's channel here: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Keras with TensorFlow Course - Python Deep Learning and Neural Networks for Beginners Tutorial

qFJeN9V1ZsI | 18 Jun 2020

Keras with TensorFlow Course - Python Deep Learning and Neural Networks for Beginners Tutorial

This course will teach you how to use Keras, a neural network API written in Python and integrated with TensorFlow. We will learn how to prepare and process data for artificial neural networks, build and train artificial neural networks from scratch, build and train convolutional neural networks (CNNs), implement fine-tuning and transfer learning, and more! ⭐️🦎 COURSE CONTENTS 🦎⭐️ ⌨️ (00:00:00) Welcome to this course ⌨️ (00:00:16) Keras Course Introduction ⌨️ (00:00:50) Course Prerequisites ⌨️ (00:01:33) DEEPLIZARD Deep Learning Path ⌨️ (00:01:45) Course Resources ⌨️ (00:02:30) About Keras ⌨️ (00:06:41) Keras with TensorFlow - Data Processing for Neural Network Training ⌨️ (00:18:39) Create an Artificial Neural Network with TensorFlow's Keras API ⌨️ (00:24:36) Train an Artificial Neural Network with TensorFlow's Keras API ⌨️ (00:30:07) Build a Validation Set With TensorFlow's Keras API ⌨️ (00:39:28) Neural Network Predictions with TensorFlow's Keras API ⌨️ (00:47:48) Create a Confusion Matrix for Neural Network Predictions ⌨️ (00:52:29) Save and Load a Model with TensorFlow's Keras API ⌨️ (01:01:25) Image Preparation for CNNs with TensorFlow's Keras API ⌨️ (01:19:22) Build and Train a CNN with TensorFlow's Keras API ⌨️ (01:28:42) CNN Predictions with TensorFlow's Keras API ⌨️ (01:37:05) Build a Fine-Tuned Neural Network with TensorFlow's Keras API ⌨️ (01:48:19) Train a Fine-Tuned Neural Network with TensorFlow's Keras API ⌨️ (01:52:39) Predict with a Fine-Tuned Neural Network with TensorFlow's Keras API ⌨️ (01:57:50) MobileNet Image Classification with TensorFlow's Keras API ⌨️ (02:11:18) Process Images for Fine-Tuned MobileNet with TensorFlow's Keras API ⌨️ (02:24:24) Fine-Tuning MobileNet on Custom Data Set with TensorFlow's Keras API ⌨️ (02:38:59) Data Augmentation with TensorFlow' Keras API ⌨️ (02:47:24) Collective Intelligence and the DEEPLIZARD HIVEMIND ⭐️🦎 DEEPLIZARD COMMUNITY RESOURCES 🦎⭐️ 👉 Check out the blog post and other resources for this course: 🔗 https://deeplizard.com/learn/video/RznKVRTFkBY 💻 DOWNLOAD ACCESS TO CODE FILES 🤖 Available for members of the deeplizard hivemind: 🔗 https://deeplizard.com/resources 🧠 Support collective intelligence, join the deeplizard hivemind: 🔗 https://deeplizard.com/hivemind 👋 Hey, we're Chris and Mandy, the creators of deeplizard! 👀 CHECK OUT OUR VLOG: 🔗 https://youtube.com/deeplizardvlog 👀 Follow deeplizard: YouTube: https://youtube.com/deeplizard Our vlog: https://youtube.com/deeplizardvlog Facebook: https://facebook.com/deeplizard Instagram: https://instagram.com/deeplizard Twitter: https://twitter.com/deeplizard Patreon: https://patreon.com/deeplizard 🎵 deeplizard uses music by Kevin MacLeod 🔗 https://youtube.com/channel/UCSZXFhRIx6b0dFX3xS8L1yQ 🔗 http://incompetech.com/ ❤️ Please use the knowledge gained from deeplizard content for good, not evil. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Microsoft Azure Fundamentals Certification Course (AZ-900) - Pass the exam in 3 hours!

NKEFWyqJ5XA | 17 Jun 2020

Microsoft Azure Fundamentals Certification Course (AZ-900) - Pass the exam in 3 hours!

Learn about Microsoft Azure and pass the Azure Fundamentals exam! The Azure Fundamentals exam is an opportunity to prove knowledge of cloud concepts, core Azure services, Azure pricing, SLA, and lifecycle, and the fundamentals of cloud security, privacy, compliance, and trust. You will learn about all these things in this course. ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/andrewbrown 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐️ Course Contents ⭐️ ☁️ Introduction ⌨️ (00:07:21) Exam Guide Walkthrough ☁️ Cloud Concepts ⌨️ (00:13:51) What is Cloud Computing ⌨️ (00:17:15) Common Cloud Services ⌨️ (00:18:35) What is Microsoft and Azure ⌨️ (00:19:52) Benefits of Cloud Computing ⌨️ (00:21:25) Types of Cloud Computing ⌨️ (00:23:39) Types of Cloud Computing Responsibilities ⌨️ (00:25:16) Cloud Deployment Models ⌨️ (00:29:57) Total Cost of Ownership ⌨️ (00:32:06) CAPEX vs OPEX ⌨️ (00:34:08) Cloud Architecture Terminologies ⌨️ (00:35:08) High Avaliablity ⌨️ (00:36:49) High Scalability ⌨️ (00:37:46) High Elasticity ⌨️ (00:39:35) Fault Tolerance ⌨️ (00:39:39) High Durability ☁️ Evolution of Compute ⌨️ (00:40:26) Dedicated Servces ⌨️ (00:42:13) Virtual Machines ⌨️ (00:43:38) Containers ⌨️ (00:44:52) Functions ☁️ Global Infrastructure ⌨️ (00:46:19) Regions and Geographies ⌨️ (00:49:05) Paired Regions ⌨️ (00:50:34) Region Types and Service Availability ⌨️ (00:52:55) Special Regions ⌨️ (00:54:14) Availability Zones ⌨️ (00:56:20) AZ Supported Regions ⌨️ (00:57:51) Avaliablity Sets Fault and Update Domains ☁️ Getting Started ⌨️ (01:02:08) Creating an Azure Account ⌨️ (01:06:16) Azure Portal Layout ☁️ Technology Overview ⌨️ (01:06:57) Computing Services ⌨️ (01:10:21) Storage Services ⌨️ (01:14:02) Database Services ⌨️ (01:16:38) Application Integration ⌨️ (01:19:01) Developer and Mobile Tools ⌨️ (01:20:36) Azure DevOps Services ⌨️ (01:22:32) Azure Resource Manager ARM ⌨️ (01:23:51) Azure Quickstart Templates ⌨️ (01:25:02) vNets and Subnets ⌨️ (01:27:46) Cloud Native Networking Services ⌨️ (01:29:48) Enterprise Hybrid Networking Services ⌨️ (01:31:26) Azure Traffic Manager ⌨️ (01:32:34) Azure DNS ⌨️ (01:33:32) Azure Load Balancer ⌨️ (01:34:56) Scale Sets ⌨️ (01:36:00) IoT Services ⌨️ (01:38:21) Big Data and Analytics Services ⌨️ (01:40:11) AI ML Services Introduction ⌨️ (01:42:21) AI ML Services ⌨️ (01:44:00) Serverless Services ☁️ Management Tools ⌨️ (01:46:07) Azure Portal ⌨️ (01:48:00) PowerShell ⌨️ (01:50:00) VIsual Studio Code ⌨️ (01:51:52) Cloud Shell ⌨️ (01:52:43) Azure CLI ☁️ Follow Alongs ⌨️ (01:54:03) Create a Resource Group ⌨️ (01:55:55) Create a vNet ⌨️ (01:58:26) Launching a Server ⌨️ (02:04:16) Creating a Azure Function ⌨️ (02:08:44) Storing files in Blob Storage ⌨️ (02:12:08) Exploring Azure Cloud Shell ☁️ Security ⌨️ (02:13:52) Azure Trust Center ⌨️ (02:15:48) Compliance Programs ⌨️ (02:19:25) Azure Active Directory ⌨️ (02:21:14) MFA ⌨️ (02:22:50) Azure Security Center ⌨️ (02:23:31) Key Vault ⌨️ (02:25:55) Azure DDoS Protection ⌨️ (02:28:26) Azure Firewall ⌨️ (02:30:12) Azure Information Protection ⌨️ (02:31:02) Application Gateway ⌨️ (02:32:22) Advanced Threat Protection ATP ⌨️ (02:33:40) Microsoft Security Development Lifecycle SDL ⌨️ (02:35:02) Azure Policies ⌨️ (02:35:44) Role Based Access Control RBAC ⌨️ (02:39:17) Lock resources ⌨️ (02:40:07) Management Groups ⌨️ (02:40:58) Azure Monitor ⌨️ (02:41:52) Service Health ⌨️ (02:42:39) Azure Advisor ☁️ Billing and Pricing ⌨️ (02:43:38) Service Level Agreements ⌨️ (02:46:12) Service Credits ⌨️ (02:47:40) Composite SLAs ⌨️ (02:49:50) TCO Calculator ⌨️ (02:52:34) Azure Marketplace ⌨️ (02:54:21) Azure Support ⌨️ (03:00:02) Azure Licensing ⌨️ (03:02:03) Azure Subscriptions ⌨️ (03:04:15) Pricing Calculator ⌨️ (03:06:41) Azure Cost Management ☁️ Summary ⌨️ (03:07:19) Booking Your Exam -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Project Euler Challenges 24, 28, 29 - Coding Challenges with Florin

P-OAIn_eGpI | 17 Jun 2020

Project Euler Challenges 24, 28, 29 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 🔗 Access the Project Euler challenges here: https://www.freecodecamp.org/learn/coding-interview-prep/project-euler/ Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flutter Essentials - Learn to make apps for Android, iOS, Windows, Mac, Linux (Full Course)

P2IGQT3BZQo | 16 Jun 2020

Flutter Essentials - Learn to make apps for Android, iOS, Windows, Mac, Linux (Full Course)

Learn Flutter with this tutorial course for beginners. Learn how to build natively compiled applications for mobile (Android & iOS), web, and desktop from a single codebase. 💻 Source Code - https://github.com/iampawan/FlutterEssentialEnglish ✏️ Course from MTechViral. Check out their channel: https://www.youtube.com/channel/UCFTM1FGjZSkoSPDZgtbp7hA 🔗 What to do next after this course? - https://twitter.com/imthepk/status/1213003226070437891 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and Install Flutter ❗ ⌨️ (0:10:06) Git | First Page | Scaffold 🔥 ⌨️ (0:22:39) The Most Powerful Widgets - Container & Text ❤️ ⌨️ (0:35:46) Rows & Columns 😋 ⌨️ (0:44:01) Material Drawer | ListView | Circle Avatar | NetworkImage | Floating Action Button ⛳️ ⌨️ (0:58:00) Card, Asset Images, TextField & ScrollView 🎧 ⌨️ (1:14:00) Organising Your Flutter Code ⌨️ (1:21:03) Networking with HTTP | ListView Builder | GridView Builder 🦋 ⌨️ (1:40:56) Forms, Stack & Navigation - A Login Page ✅ ⌨️ (2:03:00) Persistent Storage with Shared Preferences ⏳ ⌨️ (2:15:21) BONUS: 1 Welcome to the Future 💡 ⌨️ (2:27:29) BONUS: 2 Now streaming with StreamBuilder 🏊🏻‍

Deep Learning with PyTorch Live Course - Image Classification with CNNs (Part 4 of 6)

TN9fMYQxw4E | 13 Jun 2020

Deep Learning with PyTorch Live Course - Image Classification with CNNs (Part 4 of 6)

This is a beginner-friendly coding-first online course on PyTorch - one of the most widely used and fastest growing frameworks for machine learning. This video covers the basics of convolutions, the end-to-end process of training a convolutional neural network on a GPU for classifying images of everyday objects. Resources: 🔗 Image Classification with CNNs: https://jovian.ml/aakashns/05-cifar10-cnn 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-4-image-classification-with-convolutional-neural-networks/1545 🔗 Data science competition: https://www.kaggle.com/c/jovian-pytorch-z2g 🔗 Competition starter notebook: https://jovian.ml/aakashns/zerogans-protein-competition 🔗 Course project: https://jovian.ml/aakashns/03-cifar10-feedforward Topics covered: ⌨️ Working with the 3-channel RGB images from the CIFAR10 dataset ⌨️ Introduction to Convolutions, kernels & features maps ⌨️ Underfitting, overfitting and techniques to improve model performance ⌨️ Building & training a convolutional neural network on a GPU 🎥 Watch the entire series here: https://www.youtube.com/watch?v=vo_fUOk-IKk&list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa This course is taught by Aakash N S, Founder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online. 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

DevOps Prerequisites Course - Getting started with DevOps

Wvf0mBNGjXY | 12 Jun 2020

DevOps Prerequisites Course - Getting started with DevOps

Learn about DevOps with this beginner's course. The course covers the basic prerequisites knowledge needed for your journey into the Cloud and DevOps world. You will learn things like setting up a basic lab environment using VirtualBox, dealing with networking issues, using the Linux command line, switching and routing, YAML, and more. 🎥 Tutorial from KodeKloud. Check out their YouTube Channel: https://www.youtube.com/user/mmumshad 🔗 KodeKloud Website: https://www.kodekloud.com ⭐️ Course Labs ⭐️ 💻 Enroll in labs here: https://labs.kodekloud.com 💻 Linux - working your way through the CLI: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487401 💻 Linux - VI Editor: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487403 💻 Linux - Commands: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487405 💻 Linux - Package Management: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487407 💻 Linux - Services: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487409 💻 Networking - Switching and Routing: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487339 💻 Networking - DNS: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487341 💻 YAML: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487327 💻 JSON Path: https://kodekloud.com/courses/devops-pre-requisite-course-labs/lectures/17487329 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction ⌨️ (0:02:42) Course Curriculum ⌨️ (0:04:42) Basic Linux Commands ⌨️ (0:14:23) Labs Introduction ⌨️ (0:18:49) More Linux Commands ⌨️ (0:23:18) Linux Package Managers ⌨️ (0:29:32) Linux Services Configuration ⌨️ (0:37:34) VI Editor ⌨️ (0:41:14) VirtualBox Introduction ⌨️ (0:54:37) VirtualBox Installation - Windows ⌨️ (1:01:08) VirtualBox Installation - MacOS ⌨️ (1:04:51) Virtual Box Connectivity ⌨️ (1:11:29) Virtual Box Connecting to VM - Windows ⌨️ (1:13:12) Virtual Box Connecting to VM - MacOS ⌨️ (1:18:14) Virtual Box Networking ⌨️ (1:37:12) Virtual Box Multiple VMs ⌨️ (1:47:33) Vagrant Introduction ⌨️ (1:54:01) Vagrant Demo ⌨️ (2:02:09) Networking - DNS ⌨️ (2:16:18) Networking - Switching and Routing ⌨️ (2:27:13) IP Addresses and Ports ⌨️ (2:34:39) YAML Introduction ⌨️ (2:43:04) Conclusion

Project Euler Challenges 23-25 - Coding Challenges with Florin

gTZ-oWwidu4 | 10 Jun 2020

Project Euler Challenges 23-25 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 🔗 Access the Project Euler challenges here: https://www.freecodecamp.org/learn/coding-interview-prep/project-euler/ Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build 15 JavaScript Projects - Vanilla JavaScript Course

3PHXvlpOkf4 | 09 Jun 2020

Build 15 JavaScript Projects - Vanilla JavaScript Course

Sharpen your JavaScript skills by building 15 projects using plain JavaScript without frameworks. In this tutorial course, you will be taught step-by-step how to build JavaScript projects. 💻 Code: https://github.com/john-smilga/javascript-basic-projects 🔗 View completed projects: https://www.vanillajavascriptprojects.com/ ✏️ Course created by John Smilga. Check out his YouTube channel: https://www.youtube.com/codingaddict 🔗 John Smilga's website: https://www.johnsmilga.com ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (07:01) Color Flipper ⌨️ (30:25) Counter ⌨️ (44:04) Reviews ⌨️ (1:11:29) Navbar ⌨️ (1:26:21) Sidebar ⌨️ (1:39:03) Modal ⌨️ (1:48:26) Questions ⌨️ (2:16:25) Menu ⌨️ (3:16:13) Video ⌨️ (3:32:45) Scroll ⌨️ (4:36:15) Tabs ⌨️ (4:58:53) Countdown ⌨️ (5:56:35) Lorem Ipsum ⌨️ (6:18:23) Grocery ⌨️ (8:01:14) Slider -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Learning with PyTorch Live Course - Training Deep Neural Networks on GPUs (Part 3 of 6)

9suSsTVhYuw | 06 Jun 2020

Deep Learning with PyTorch Live Course - Training Deep Neural Networks on GPUs (Part 3 of 6)

Deep Learning with PyTorch: Zero to GANs is a free certification course from Jovian.ml. It will be live-streamed here every Saturday for six weeks at 8:30 AM PST. You can sign up here: https://bit.ly/pytorchcourse (not required to watch) Missed the other parts? Watch them here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa Each lecture will be around 2 hours long. Visit the course forum for more details: https://jovian.ml/forum/c/pytorch-zero-to-gans/18  ⭐️ Resources ⭐️ 🔗 Feedforward neural networks: https://jovian.ml/aakashns/04-feedforward-nn 🔗 Neural networks (minimal): https://jovian.ml/aakashns/fashion-feedforward-minimal 🔗 Data visualization cheatsheet: https://jovian.ml/aakashns/dataviz-cheatsheet 🔗 Assignment details: https://jovian.ml/forum/t/assignment-3-feed-forward-neural-networks/1562/1 🔗 Download the course curriculum: https://bit.ly/pytorchzerotogans 🔗 PyTorch Basics: https://jovian.ml/aakashns/01-pytorch-basics 🔗 Linear Regression: https://jovian.ml/aakashns/02-linear-regression 🔗 Machine Learning Intro: https://jovian.ml/aakashns/machine-learning-intro  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn React Native Gestures and Animations - Tutorial

wEVjaXK4sYQ | 05 Jun 2020

Learn React Native Gestures and Animations - Tutorial

In this React Native course, you will learn how to add declarative gestures and animations to your React Native projects. 💻 Code: https://github.com/wcandillon/react-native-gestures-and-animations-workshop ✏️ Course created by William Candillon. Check out his YouTube channel: https://youtube.com/wcandill 🔗 Learn more about React Native here: https://www.youtube.com/watch?v=frvXANSaSec ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:02:44) The Heart of the Matter ⌨️ (0:09:18) Transitions ⌨️ (0:17:06) Animations ⌨️ (0:35:09) Gestures ⌨️ (0:56:07) SVG Animations ⌨️ (1:15:28) Closing Notes Other interesting resources on this topic: 🔗 Simple physics with Reanimated: https://blog.swmansion.com/simple-physics-with-reanimated-part-1-9d55d36f73cd 🔗 Advanced transformations: https://www.youtube.com/playlist?list=PLkOyNuxGl9jxl0wmkADBH9eJPWR_58VeU 🔗 Pinch, Rotate, Tap gestures: https://www.youtube.com/playlist?list=PLkOyNuxGl9jys0MAs2tV_wS70Ey_iFLA0 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

License To Pentest: Ethical Hacking Course For Beginners

U_EhnbpWhUQ | 04 Jun 2020

License To Pentest: Ethical Hacking Course For Beginners

Learn penetration testing in this course. You will learn the common tools and methods used by ethical hackers. 💻 Download All Lab Files: https://licensetopentest.com/ ✏️ Must Read LPT vs OSCP Comparison: https://sagarbansal.com/lpt-vs-oscp/ Course created by Sagar Bansal. ⭐️ Course Contents ⭐️ ***Session 1*** ⌨️ (3:00) Custom Lab Files For The Course ⌨️ (4:10) How Enterprise Security Works ⌨️ (6:45) Enterprise Networking Explained ⌨️ (11:52) Setup The Enterprise Level Pentest Lab ⌨️ (19:30) Hacking The Beta Server In DMZ Area ⌨️ (22:04) Reconnaissance Explained ⌨️ (24:20) Using WhatWeb To Study Technology Profile ⌨️ (29:40) Using WPScan For Hacking/Pen-Testing WordPres ⌨️ (53:40) Using Cewl To Create A Custom Password WordList ⌨️ (1:01:35) Transmutation Of Passwords With A Python Script ⌨️ (1:09:22) Boom! We Cracked The Password ⌨️ (1:22:47) Common Student Questions - FAQs ⌨️ (1:15:44) Recap - Lab Setup On Student PC - Live *** Session 2*** ⌨️ (1:34:00) Metasploit Framework Explained ⌨️ (1:58:00) Search, Rank & Check To Find What You Need ⌨️ (2:00:58) Use, Info & Show Options To Tune The Exploit ⌨️ (2:06:19) Boom! We Got The Reverse Shell ⌨️ (2:13:00) Multi Handler Explained ⌨️ (2:19:22) Creating Payloads Using MSFvenom ⌨️ (2:25:13) Manual Exploitation Of WordPress ⌨️ (2:40:20) Common Student Questions - FAQs ***Session 3*** ⌨️ (2:54:00) Setup For Routing & Pivoting ⌨️ (3:00:22) Ping Sweep While Routing The Traffic ⌨️ (3:05:40) Adding A Manual Route To Another Network ⌨️ (3:08:04) Scanning On Other Network Ranges Via The Route ⌨️ (3:20:10) SMB Enumeration On Windows Machine ⌨️ (3:28:00) Exploiting Windows Machine Over The Pivot ⌨️ (3:37:34) Boom! We Hacked The Windows Machines Too ⌨️ (3:40:30) Beauty Of Meterpreter Payload ⌨️ (3:45:30) Persistence Post Exploitation Module ⌨️ (3:51:30) Auto Route Post Exploitation Module ⌨️ (3:54:18) Common Student Questions - FAQs ***Session 4*** ⌨️ (3:59:50) Setup For Advance Routing & Pivoting ⌨️ (4:10:39) Portforwarding Over A Pivot ⌨️ (4:17:44) Nmap Through Portforwarding ⌨️ (4:21:50) Pivoting Through Socks4 Proxy Server ⌨️ (4:22:00) Proxchains To Use Other Tools Over Pivot ⌨️ (4:34:24) Exploiting Media Server ⌨️ (4:43:32) Boom! Dummy Shell Uploaded ***Session 5*** ⌨️ (4:45:20) Setting Pivoted Environment With New Class ⌨️ (4:49:29) Metasploit Version Of ClipBucket Exploit ⌨️ (5:02:30) My Partial Access Method With Respect To Limited Time ⌨️ (5:11:13) Common Student Questions - FAQs Note: Reverse port forward is not a beginner concept so it will be taught in a more advanced course later. ***Session 6*** ⌨️ (5:16:34) Web Hacking Learning Resources ⌨️ (5:20:00) Setup SBVA - My OSCP Inspired Web App ⌨️ (5:28:48) Manual SQL Injection In Detail - OSCP Level ⌨️ (6:04:12) Automated SQL Injection - LPT Level ***Session 7*** ⌨️ (6:15:36) Directory Bursting With DirBuster ⌨️ (6:27:48`) Directory Bursting With Dirb ⌨️ (6:31:00) Pen Testing Web Server With Nikto ⌨️ (6:41:42) NMap Scripting Engine For Remaining Auxiliaries ⌨️ (6:44:24) My Experience On OpenVas In The LPT Exam ⌨️ (6:51:26) HTTP Methods Using NSE ⌨️ (6:58:10) Common Student Questions - FAQs ***Session 8*** ⌨️ (6:59:06) KnowledgeBase Server Lab Explained ⌨️ (7:02:00) LPT Methodology For Scanning ⌨️ (7:09:40) Real Project We Did - Inside Look ⌨️ (7:12:14) Maintain A Target Database Manually ⌨️ (7:18:24) Dividing Work For A Team In Real Project ⌨️ (7:24:10) Managing Professional Test In MetaSploit Framework ⌨️ (7:33:54) Vulnerability Assessment ⌨️ (7:37:52) Tuning An Exploit ⌨️ (7:40:56) Boom! We Got The Command Shell ⌨️ (7:42:04) Upgrading From A Command Shell To Meterpreter Shell ⌨️ (7:45:28) Public Vs Commercial Exploits In Professional Test ***Session 9*** ⌨️ (7:50:22) Million Dollar Advice For Pentesting Students ⌨️ (7:59:10) Privilege Escalation - Resources To Learn ⌨️ (8:01:41) Privilege Escalation Using Manual Exploits ⌨️ (8:32:30) Privilege Escalation Using MetaSploit Framework This is the Beginners Edition of Sagar's License To Pentest Program and it is unofficial preparation material for EC-Council LPT Master Exam. You can get a Certificate of Graduation for this course when you finish the final test. It is available within the same portal where you download lab files.  Note: That bell sound you may hear in the video was an alarm in El's room. They found this later in the live session.

Project Euler Challenges 18-22 - Coding Challenges with Florin

OVaumVFjRTc | 03 Jun 2020

Project Euler Challenges 18-22 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 🔗 Access the Project Euler challenges here: https://www.freecodecamp.org/learn/coding-interview-prep/project-euler/ Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python for Data Science - Course for Beginners (Learn Python, Pandas, NumPy, Matplotlib)

LHBE6Q9XlzI | 02 Jun 2020

Python for Data Science - Course for Beginners (Learn Python, Pandas, NumPy, Matplotlib)

This Python data science course will take you from knowing nothing about Python to coding and analyzing data with Python using tools like Pandas, NumPy, and Matplotlib. This is a hands-on course and you will practice everything you learn step-by-step. 💻 Code: https://github.com/datapublishings/Course-python-data-science 🎥 Learn more about Data Science with videos from our Data Science Playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAblQe2CCWqV4Zy3LY01Z8aF1 ✏️ Course created by DataPublishing. View their books on Python, Data Science, and Data Visualization: https://bit.ly/2ycUk0F (Note: this is NOT an affiliate link, and freeCodeCamp receives no benefit from any purchases.) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction to the Course and Outline ⌨️ (0:03:53) The Basics of Programming ⌨️ (1:11:35) Why Python ⌨️ (1:33:09) How to Install Anaconda and Python ⌨️ (1:37:25) How to Launch a Jupyter Notebook ⌨️ (1:46:28) How to Code in the iPython Shell ⌨️ (1:53:33) Variables and Operators in Python ⌨️ (2:27:45) Booleans and Comparisons in Python ⌨️ (2:55:37) Other Useful Python Functions ⌨️ (3:20:04) Control Flow in Python ⌨️ (5:11:52) Functions in Python ⌨️ (6:41:47) Modules in Python ⌨️ (7:30:04) Strings in Python ⌨️ (8:23:57) Other Important Python Data Structures: Lists, Tuples, Sets, and Dictionaries ⌨️ (9:36:10) The NumPy Python Data Science Library ⌨️ (11:04:12) The Pandas Python Data Science Python Library ⌨️ (12:01:31) The Matplotlib Python Data Science Library ⌨️ (12:09:00) Example Project: A COVID19 Trend Analysis Data Analysis Tool Built with Python Libraries

Deep Learning with PyTorch Live Course - Working with Images & Logistic Regression (Part 2 of 6)

4ZZrP68yXCI | 30 May 2020

Deep Learning with PyTorch Live Course - Working with Images & Logistic Regression (Part 2 of 6)

This is a beginner-friendly coding-first online course on PyTorch - one of the most widely used and fastest growing frameworks for machine learning. This video covers techniques for working with images in PyTorch, the importance of creating training, validation & test sets, the process of creating & training an image classification model using Logistic regression and more. Resources: 🔗 Logistic regression (detailed): https://jovian.ml/aakashns/03-logistic-regression 🔗 Linear Regression (minimal starter): https://jovian.ml/aakashns/housing-linear-minimal 🔗 Logistic Regression (minimal starter): https://jovian.ml/aakashns/mnist-logistic-minimal 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-2-working-with-images-logistic-regression/1542 🔗 Programming Assignment: https://jovian.ml/forum/t/assignment-2-train-your-first-model/1560 Topics covered: ⌨️ Working with images from the MNIST dataset ⌨️ Creating training, validation and test sets ⌨️ Softmax and categorical cross entropy loss function ⌨️ Model training, evaluation and sample predictions 🎥 Watch the entire series here: https://www.youtube.com/watch?v=vo_fUOk-IKk&list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa This course is taught by Aakash N S, Founder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online. 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Git and GitHub for Beginners - Crash Course

RGOj5yH7evk | 28 May 2020

Git and GitHub for Beginners - Crash Course

Learn about Git and GitHub in this tutorial. These are important tools for all developers to understand. Git and GitHub make it easier to manage different software versions and make it easier for multiple people to work on the same software project. This course was developed by Gwen Faraday. Check out her YouTube channel: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA 🔗 Git Commands: https://gist.github.com/gwenf/19e5748a5391929e8e938a22c8a4b3f2 🔗 Install git: https://www.atlassian.com/git/tutorials/install-git 🔗 SSH Keys: https://help.github.com/en/github/authenticating-to-github/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent ⭐️ Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:10) What is git? ⌨️ (1:30) What is version control? ⌨️ (2:10) Terms to be learn in video ⌨️ (5:20) Git commands ⌨️ (7:05) sign up in GitHub ⌨️ (11:32) using git in local machine ⌨️ (11:54) git install ⌨️ (12:48) getting code editor ⌨️ (13:30) inside VS Code ⌨️ (14:30) cloning through VS Code ⌨️ (17:30) git commit command ⌨️ (18:15) git add command ⌨️ (19:15) committing ⌨️ (20:20) git push command ⌨️ (20:30) SSH Keys ⌨️ (25:25) git push ⌨️ (30:21) Review workflow so far ⌨️ (31:40) Compare between GitHub workflow and local git workflow ⌨️ (32:42) git branching ⌨️ (56:30) Undoing in git ⌨️ (1:01:50) Forking in git ⌨️ (1:07:55) Ending Thanks to Harsh Raj for creating these time codes and section descriptions. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Project Euler Challenges 13-17 - Coding Challenges with Florin

4iZLdJxyca4 | 27 May 2020

Project Euler Challenges 13-17 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 🔗 Access the Project Euler challenges here: https://www.freecodecamp.org/learn/coding-interview-prep/project-euler/ Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Android Development for Beginners - Full Course

fis26HvvDII | 26 May 2020

Android Development for Beginners - Full Course

Learn how to develop an android app from scratch in this full course for beginners. No prior programming experience required! Here is the 2nd part of this course (also free!): https://youtu.be/RcSHAkpwXAQ In this course, you will learn how to build a real-word Android application from scratch using Java. On the way to building an Android app, you will learn the basics of programming in Java and object-oriented programming. ✏️ Course from MeiCode. Check out his YouTube channel: https://www.youtube.com/channel/UCE3wAhsfp4wGRgHXIQjVx0w Extended 55-hour course: https://courses.meicode.org/courses/android2020 ⭐️ Course Contents ⭐️ ⌨️ (0:00) Course Introduction ⌨️ (3:12) Setup The Environment ⌨️ (18:52) Create Your First Application (Part 1) ⌨️ (43:53) Create Your First Application (Part 2) ⌨️ (59:20) Challenge ⌨️ (1:07:19) Variables and Arithmetic Operators ⌨️ (1:31:12) Relational and Logical Operators) Conditional Statements ⌨️ (1:47:43) Loops ⌨️ (2:04:13) Challenge (Create a Game) ⌨️ (2:16:00) Simple Arrays ⌨️ (2:27:51) Object Oriented Programming (Part 1) ⌨️ (2:49:30) Object Oriented Programming (Part 2) ⌨️ (3:06:02) Object Oriented Programming (Part 3) ⌨️ (3:19:41) OOP Challenge ⌨️ (3:43:56) Collections in Java ⌨️ (4:06:14) Static Keyword - Inner Classes ⌨️ (4:17:04) Interfaces and Abstract Classes ⌨️ (4:35:26) Concurrency - Exceptions ⌨️ (4:46:05) Singleton Pattern ⌨️ (4:56:00) Challenge (Part 1) ⌨️ (5:18:16) Challenge (Part 2) ⌨️ (5:39:40) User Interface Basics (Part 1) ⌨️ (6:04:21) User Interface Basics (Part 2) ⌨️ (6:33:09) User Interface Basics (Part 3) ⌨️ (6:58:39) Layouts ⌨️ (7:26:53) Images ⌨️ (7:37:32) ListView and Spinner ⌨️ (8:00:57) Different XML Files (Part 1) ⌨️ (8:29:41) Different XML Files (Part 2) ⌨️ (8:41:09) Material Design ⌨️ (8:59:58) Snackbar and CardView ⌨️ (9:16:51) RecyclerView (Part 1) ⌨️ (9:39:02) RecyclerView (Part 2) ⌨️ (10:03:50) RecyclerView (Part 3) ⌨️ (10:22:26) Fonts ⌨️ (10:38:35) Challenge (Part 1) ⌨️ (10:57:16) Challenge (Part 2) ⌨️ (10:13:18) Create App's First Page - Intents ⌨️ ⭐️ More in part 2: https://youtu.be/RcSHAkpwXAQ

Deep Learning with PyTorch Live Course - Tensors, Gradient Descent & Linear Regression (Part 1 of 6)

vo_fUOk-IKk | 23 May 2020

Deep Learning with PyTorch Live Course - Tensors, Gradient Descent & Linear Regression (Part 1 of 6)

This is a beginner-friendly coding-first online course on PyTorch - one of the most widely used and fastest growing frameworks for machine learning. This video covers the basic concepts in PyTorch viz. tensors & gradients, and walks through the process of implementing linear regression and gradient descent - the foundational algorithms in machine learning. Resources: 🔗 PyTorch Basics: https://jovian.ml/aakashns/01-pytorch-basics 🔗 Linear Regression: https://jovian.ml/aakashns/02-linear-regression 🔗 Machine Learning Intro: https://jovian.ml/aakashns/machine-learning-intro 🔗 Discussion forum: https://jovian.ml/forum/t/lecture-1-pytorch-basics-linear-regression/1541 🔗 Programming Assignment: https://jovian.ml/forum/t/assignment-1-all-about-torch-tensor/1559 Topics covered: ⌨️ Introduction to Machine Learning & Deep Learning ⌨️ PyTorch Basics: Tensors, Gradients & Autograd ⌨️ Linear Regression and gradient descent from scratch using Tensor operations ⌨️ Linear Regression using PyTorch built-ins (nn.Linear, nn.functional etc.) 🎥 Watch the entire series here: https://www.youtube.com/watch?v=vo_fUOk-IKk&list=PLWKjhJtqVAbm3T2Eq1_KgloC7ogdXxdRa This course is taught by Aakash N S, Founder & CEO of Jovian.ml - a platform for sharing, showcasing and collaborating on data science projects online. 🔗 YouTube: https://youtube.com/jovianml 🔗 Twitter: https://twitter.com/jovianml 🔗 LinkedIn: https://linkedin.com/company/jovianml  -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Application Ethical Hacking - Penetration Testing Course for Beginners

X4eRbHgRawI | 21 May 2020

Web Application Ethical Hacking - Penetration Testing Course for Beginners

Learn web app penetration testing. You will learn pentesting techniques, tools, common attacks and more. The tools covered in the course include Burp Suite, Nikto, Dirbuster, curl, sublist3r, nmap, and many others. This course was originally live streamed weekly on Twitch and built from lessons learned in the previous week. 🎥 Course created by The Cyber Mentor. Check out his YouTube channel: https://www.youtube.com/channel/UC0ArlFuFYMpEewyRBzdLHiw 🐦 The Cyber Mentor on Twitter: https://twitter.com/thecybermentor ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (0:52) Episode 1 - Enumeration ⌨️ (1:20:28) Episode 2 - Enumeration, XSS, and UI Bypassing ⌨️ (2:19:40) Episode 3 - XSS, SQL Injection, and Broken Access Control ⌨️ (3:13:30) Episode 4 - XXE, Input Validation, Broken Access Control, and More XSS ⌨️ (4:13:40) Episode 5 - SQL Injections and Live Bug Bounty Hunting -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spring Boot and Angular Tutorial - Build a Reddit Clone (Coding Project)

DKlTBBuc32c | 19 May 2020

Spring Boot and Angular Tutorial - Build a Reddit Clone (Coding Project)

Learn how to use Spring boot and Angular to build a Reddit clone. We will be using Java 8, Spring Boot, Spring Security, Spring Data JPA, MySQL on the back-end side and on the front end we will be using Angular 9 and Bootstrap 4. Also, we will be using Token Based Authentication in the form of JSON Web Tokens (JWT). 💻 Code - Backend: https://github.com/SaiUpadhyayula/spring-reddit-clone 💻 Code - Frontend: https://github.com/SaiUpadhyayula/angular-reddit-clone 🔗 Written tutorial: https://programmingtechie.com/2020/05/14/building-a-reddit-clone-with-spring-boot-and-angular/ ✏️ Course from Sai. Check out his YouTube channel: https://www.youtube.com/channel/UCD20RZV_WHQImisCW2QZwDw ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro and Demo ⌨️ (03:50) Project Setup ⌨️ (12:06) User Registration ⌨️ (28:29) User Verification & Async Processing ⌨️ (34:35) User Authentication with JWT ⌨️ (47:48) JWT Validation & Subreddit API ⌨️ (01:00:02) Intro to Mapstruct & Implement Post API ⌨️ (01:16:56) Implement API to Manage Comments ⌨️ (01:30:27) Implement API to Manage Votes ⌨️ (01:41:24) Implement Logout using Refresh Tokens ⌨️ (01:53:59) Getting started with Frontend Application ⌨️ (01:58:28) Document REST API using Swagger & Springfox ⌨️ (02:02:56) Implement User Registration in Angular application ⌨️ (02:14:02) Implement Login in Angular Application ⌨️ (02:21:17) Using Refresh Tokens in Angular Application ⌨️ (02:29:41) Refactoring Home Page Component ⌨️ (02:40:30) Create Subreddits and Posts in Angular Application ⌨️ (02:50:52) Post Comments & Implement User Profile Page ⌨️ (03:04:23) Final part - Implement Voting in Angular App -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code Tetris: JavaScript Tutorial for Beginners

rAUn1Lom6dw | 14 May 2020

Code Tetris: JavaScript Tutorial for Beginners

Learn the basics of JavaScript by coding a Tetris game from scratch. This is a great course for people who have never touched code before or people who want to review the fundamentals. In this course, you will learn how to set up a project from scratch using the Atom code editor and your command prompt tool, as well as gain a fundamental understanding of JavaScript by building your very own version of Tetris. 🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw 💻 Code: https://github.com/kubowania/Tetris-Basic ⭐️ Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:44) Setting up the project ⌨️ (7:47) HTML Basics ⌨️ (14:38) CSS Basics ⌨️ (17:46) Explaining Variables ⌨️ (23:04) Working with Arrays ⌨️ (27:42) What exactly is a function? ⌨️ (31:56) Arrow Functions and forEach() ⌨️ (35:04) Drawing Tetrominoes using classList.add() ⌨️ (45:32) Times and intervals ⌨️ (51:37) Using Modulus to define our place on the grid ⌨️ (55:48) Keycodes and events ⌨️ (1:00:02) Choosing items from Arrays ⌨️ (1:05:38) Displaying the ‘Next Up’ Tetromino ⌨️ (1:14:49) Adding a start and pause game function. ⌨️ (1:18:04) Splice() ⌨️ (1:21:07) Splice(), concat() and appendChild() ⌨️ (1:29:26) Game over using some() and innerHTML ⌨️ (1:31:58) Assigning colors to our Tetrominos -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe so you don't miss any tutorials: https://youtube.com/subscription_center?add_user=freecodecamp

Project Euler Challenges 5–12 - Coding Challenges with Florin

nN05TQ8vew8 | 13 May 2020

Project Euler Challenges 5–12 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 🔗 Access the Project Euler challenges here: https://www.freecodecamp.org/learn/coding-interview-prep/project-euler/ Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQLite Databases With Python - Full Course

byHcYRpMgI4 | 12 May 2020

SQLite Databases With Python - Full Course

In this course you’ll learn the basics of using SQLite3 with Python. SQLite is an easy-to-use database engine included with Python. You’ll learn how to create databases and tables, add data, sort data, create reports, pull specific data, and more. For this course you should already have a basic knowledge of Python programming, but you don’t need to know anything at all about databases or SQLite. 💻Code: https://github.com/flatplanet/Intro-To-TKinter-Youtube-Course 🎥Course created by Codemy.com. Check out their YouTube channel: https://www.youtube.com/c/Codemycom ⭐️Course Contents ⭐️ ⌨️ (0:00:00) What Is A Database ⌨️ (0:03:39) Install Python ⌨️ (0:07:07) Install Git Bash Terminal ⌨️ (0:11:52) Connect to Database in Python ⌨️ (0:17:39) Create A Table ⌨️ (0:28:13) Insert One Record Into Table ⌨️ (0:31:25) Insert Many Records Into Table ⌨️ (0:34:41) Query and Fetchall ⌨️ (0:37:02) Format Your Results ⌨️ (0:44:39) Primary Key ⌨️ (0:47:51) Use The Where Clause ⌨️ (0:51:17) Update Records ⌨️ (0:56:42) Delete Records ⌨️ (0:58:27) Order Results ⌨️ (1:01:37) And/Or ⌨️ (1:04:57) Limiting Results ⌨️ (1:07:27) Delete (Drop) A Table And Backups ⌨️ (1:09:14) Unit 18 Our App - Show All Function ⌨️ (1:14:16) Unit 19 Our App - Add A Record Function ⌨️ (1:17:51) Unit 20 Our App - Delete a Record Function ⌨️ (1:21:23) Unit 21 Our App - Add Many Records Function ⌨️ (1:24:57) Unit 22 Our App - Where Clause Function -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe so you don't miss any tutorials: https://youtube.com/subscription_center?add_user=freecodecamp

Matplotlib Crash Course

3Xc3CA655Y4 | 07 May 2020

Matplotlib Crash Course

Learn the basics of Matplotlib in this crash course tutorial. Matplotlib is an amazing data visualization library for Python. You will also learn how to apply Matplotlib to real-world problems. ✏️ This course was created by Keith Galli. Check out his YouTube channel: https://www.youtube.com/channel/UCq6XkhO5SZ66N04IcPbqNcw 🔗 Source Code: https://github.com/KeithGalli/matplotlib_tutorial/ 🔗 Matplotlib Pyplot Documentation: https://matplotlib.org/api/_as_gen/matplotlib.pyplot.html 🔗 Font List: http://jonathansoma.com/lede/data-studio/matplotlib/list-all-fonts-available-in-matplotlib-plus-samples/ 🔗 Matplotlib Style Options: https://matplotlib.org/3.1.0/gallery/style_sheets/style_sheets_reference.html 🔗 Kaggle Data Link: https://www.kaggle.com/karangadiya/fifa19 Install libraries Needed for this video: Option 1: Open up a terminal window and type pip install matplotlib pip install numpy pip install pandas Option 2: Download anaconda which will contain all the packages we need. A video on how to do this is here: https://youtu.be/YJC6ldI3hWk -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn the Svelte JavaScript Framework - Full Course

ujbE0mzX-CU | 05 May 2020

Learn the Svelte JavaScript Framework - Full Course

Full Course on the Svelte JavaScript Framework. ⭐️ Code / Projects ⭐️ Handwashing App 🔗 https://phptuts.github.io/fcc-handwashing/ 🔗 https://github.com/phptuts/fcc-handwashing COVID-19 US Tracker App 🔗 https://covid-us.noahglaser.net/ 🔗 https://github.com/phptuts/fcc-covid-19-us Project Estimator App 🔗 https://phptuts.github.io/fcc-project-estimator-svelte/ 🔗 https://github.com/phptuts/fcc-project-estimator-svelte Tictactoe App 🔗 https://phptuts.github.io/fcc-tictactoe-svelte/ 🔗 https://github.com/phptuts/fcc-tictactoe-svelte ✏️ Created by by Coding With Noah: https://www.youtube.com/channel/UCjWnee4Cv1MESU8ALLsHdCA ⭐️ Course Contents ⭐️ ⌨️ (00:01:02) What is svelte ⌨️ (00:01:25) What is Sapper ⌨️ (00:01:49) Svelte Demo 🔗 REPL Demo: https://svelte.dev/repl/856a0501186742b2b2446fd720271ed4?version=3.20.1 ⌨️ (00:07:41) What we are building ⌨️ (00:10:48) What you will need 🔗 https://nodejs.org/en/ 🔗 https://git-scm.com/ 🔗 https://github.com 🔗 https://code.visualstudio.com/ 🔗 https://marketplace.visualstudio.com/items?itemName=JamesBirtles.svelte-vscode ⌨️ (00:11:36) Installing Svelte ⌨️ (00:12:56) Clean up + tour ⌨️ (00:16:46) Installing CSS 🔗 https://www.npmjs.com/package/rollup-plugin-css-only 🔗 https://blueprintcss.dev/docs/grid npm install blueprint rollup-plugin-css-only --save-dev @import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap'); body { font-family: 'Lato', sans-serif; } ⌨️ (00:25:15) Components & HTML 🔗 https://www.who.int/gpsc/clean_hands_protection/en/ ⌨️ (https://)freesound.org/people/metrostock99/sounds/345086/ ⌨️ (00:42:06) Timer Component & Reactive Variables ⌨️ (00:55:39) Playing Sound & Custom Events ⌨️ (01:02:32) Github Pages npm install gh-pages --save-dev ⌨️ (01:06:41) What is Sapper 🔗 https://sapper.svelte.dev/ ⌨️ (01:07:31) What we'll be using to build covid-19 US Tracker 🔗 https://covidtracking.com/ 🔗 https://bulma.io/ 🔗 https://www.chartjs.org/ 🔗 https://momentjs.com/ 🔗 https://github.com/axios/axios ⌨️ (01:08:52) Tour of the app 🔗 https://covid-us.noahglaser.net/ ⌨️ (01:10:49) Project Setup / Sapper Tour ⌨️ (01:20:48) Project Cleanup ⌨️ (01:25:21) NPM Install + Bulma Setup npm install bulma rollup-plugin-css-only chart.js moment --save-dev npm install --save axios ⌨️ (01:31:09) Page & Components ⌨️ (01:41:24) NavBar 🔗 https://bulma.io/documentation/components/navbar/ ⌨️ (01:51:39) About Pages + Titles 🔗 https://bulma.io/documentation/layout/section/ ⌨️ (01:58:55) Getting data from an api ⌨️ (02:13:51) Populating CovidStat component with data 🔗 https://covidtracking.com/api ⌨️ (02:21:22) Error Page ⌨️ (02:24:51) CovidStat data for the states ⌨️ (02:45:30) Requesting & Parsing Chart Data 🔗 https://charturl.com/app/examples/chartjs-timeseries ⌨️ (03:04:32) Covid Chart Component ⌨️ (03:21:39) Covid Chart State Component + Fixing Chartjs Errors ⌨️ (03:33:29) Request Data For States Table Component ⌨️ (03:41:48) Table Component ⌨️ (03:49:31) Filtering Table Component ⌨️ (04:12:03) Deploying Sapper 🔗 https://www.digitalocean.com/docs/networking/dns/how-to/add-domains/ 🔗 https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-18-04 🔗 https://certbot.eff.org/ 🔗 https://pm2.keymetrics.io/ ⌨️ (04:29:25) Final Touches + Redeploy 🔗 https://sapper.svelte.dev/docs/#prefetch_href ⌨️ (04:40:53) Project Estimator Introduction ⌨️ (04:41:44) Writable Store Demo 🔗 https://svelte.dev/examples#writable-stores ⌨️ (04:45:36) Project Setup 🔗 https://sscaffold-css.com/ ⌨️ (04:52:01) Component Setup ⌨️ (04:56:28) Form Components ⌨️ (05:12:27) Writable Stores ⌨️ (05:21:13) Table Component ⌨️ (05:32:52) Edit Item ⌨️ (05:43:31) Remove Item ⌨️ (05:50:31) Github Pages ⌨️ (5:53:50 )Fixing Bugs and Redeploying 🔗 https://github.com/sveltejs/svelte/issues/4687 🔗 https://github.com/sveltejs/svelte/pull/4689 ⌨️ (06:01:44) Svelte Amazing Community ⌨️ (06:03:00) Readable Stores Example 🔗 https://svelte.dev/examples#readable-stores ⌨️ (06:05:53) Challenge Create HTML & CSS & Props ⌨️ (06:17:55) Node Server Tour 🔗 https://github.com/phptuts/tictactoe-server 🔗 https://chrome.google.com/webstore/detail/smart-websocket-client/omalebghpgejjiaoknljcfmglgbpocdp?hl=en-US 🔗 https://www.postman.com/ ⌨️ (06:26:34) Readable Store ⌨️ (06:46:23) Websock ⌨️ (06:58:14) New Game ⌨️ (07:02:19) Deploying TicTacToe To Github ⌨️ (07:06:20) Other Resources and Libraries 🔗 https://svelte.dev/tutorial/basics 🔗 https://svelte.dev/examples#hello-world 🔗 https://routify.dev/ 🔗 https://bestguy.github.io/sveltestrap/ 🔗 https://smeltejs.com/ 🔗 https://sveltematerialui.com/ 🔗 https://discordapp.com/invite/yy75DKs 🔗 https://www.reddit.com/r/sveltejs 🔗 The Return of 'Write Less, Do More' by Rich Harris: https://www.youtube.com/watch?v=BzX4aTRPzno 🔗 Rich Harris: Thinking Reactively: https://www.youtube.com/watch?v=AdNJ3fydeao ⌨️ (07:09:38) Congrats you completed the course

Project Euler Challenges 1–4 - Coding Challenges with Florin

WjUdCdfJSMs | 03 May 2020

Project Euler Challenges 1–4 - Coding Challenges with Florin

Watch an experienced software developer (Florin Pop) work through the Project Euler challenges live. 00:00 - Intro 05:15 - Challenge 1 - Multiples of 3 and 5 12:58 - Challenge 2 - Even Fibonacci Numbers 20:30 - Challenge 3 - Largest prime factor 44:42 - Challenge 4 - Largest palindrome Connect with Florin Pop 🎥YouTube Channel: https://youtube.com/florinpop 🐦Twitter: https://twitter.com/florinpop1705 💻Website: https://florin-pop.com

The Oracle Foundations Associate Cloud Certification (PASS THE EXAM) – Full Course

si9tjcnxruU | 02 May 2020

The Oracle Foundations Associate Cloud Certification (PASS THE EXAM) – Full Course

The Oracle Cloud Infrastructure Foundations Certification is for people who have foundational knowledge of core cloud computing concepts and an understanding of those services in Oracle Cloud Infrastructure. By the end of this full course taught by an expert trainer, you will be ready to take the Oracle Foundations Associate Certification exam - and pass! ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/examproco 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐Course Contents⭐ ☁️ Introduction (0:00:00) 🎤 Meet Your Instructor (0:00:48) 🎤 Foundations vs AWS CCP (0:04:52) 🎤 Exam Guide ☁️ Cloud Concepts (0:12:40) 🎤 What is Cloud Computing? (0:15:54) 🎤 What is Oracle and Oracle Cloud? (0:17:40) 🎤 Advantages of Cloud Computing (0:19:59) 🎤 Types of Cloud Computing (0:22:04) 🎤 Cloud Deployment Models (0:24:05) 🎤 Cloud Architecture Terminologies (0:35:17) 🎤 High Availability (0:27:44) 🎤 High Scalability (0:28:37) 🎤 High Elasticity (0:30:16) 🎤 Fault Tolerance (0:31:42) 🎤 High Durability (0:33:11) 🎤 Total Cost of Ownership (0:35:22) 🎤 CAPEX vs OPEX ☁️ Evolution of Compute (0:36:48) 🎤 Dedicated Servers (0:38:54) 🎤 Virtual Machines (0:40:23) 🎤 Containers (0:41:54) 🎤 Functions ☁️ Global Infrastructure (0:43:13) 🎤 Regions (0:47:21) 🎤 Availability Domains (0:50:37) 🎤 Fault Domains ☁️ OCI Concepts (0:52:18) 🎤 Console (0:53:01) 🎤 Tenancy (0:53:40) 🎤 Compartments (0:55:05) 🎤 OCIDs (0:55:53) 🎤 API CLI Cloud Shell and SDK ☁️ Technologies (0:57:33) 🎤 Computing Services (1:01:54) 🎤 Storage Services (1:06:10) 🎤 Networking Services (1:12:02) 🎤 VCNs and Subnets (1:14:02) 🎤 VCINs (1:14:50) 🎤 SL and NSGs (1:16:00) 🎤 Database Services (1:20:53) 🎤 Oracle NoSQL (1:21:58) 🎤 Cloud-Native Services ☁️ Pricing (1:24:53) 🎤 Pricing Models (1:29:06) 🎤 Cost Explorer (1:31:03) 🎤 Data Transfer Costs (1:33:14) 🎤 Block Volume Pricing (1:34:31) 🎤 Resource Tags (1:35:26) 🎤 Cost Analysis (1:36:20) 🎤 Usage Reports (1:37:19) 🎤 Free Tier (1:40:27) 🎤 Oracle Marketplace (1:41:24) 🎤 SLAs (1:44:26) 🎤 Service Limits (1:45:23) 🎤 Premier Support ☁️ Security (1:47:00) 🎤 Shared Security Model (1:49:14) 🎤 IAM (1:50:43) 🎤 Common Policies Examples (1:52:28) 🎤 Anatomy of a Policy (1:55:55) 🎤 MFA (1:57:47) 🎤 Federation (1:59:43) 🎤 Encryption (2:01:35) 🎤 At-Rest vs In-Transit (2:02:27) 🎤 Data Safe (2:03:23) 🎤 Compliance Programs (2:05:43) 🎤 OCI Vault / Key Management (2:06:52) 🎤 OS Management (2:08:38) 🎤 DDoS Protection (2:10:34) 🎤 WAF ☁️ Getting Started (2:12:04) ⌨️ Create an Account (2:15:04) ⌨️ Enable MFA (2:16:42) ⌨️ Create a User (2:18:19) ⌨️ Create a Group (2:19:00) ⌨️ Create a Compartment (2:19:48) ⌨️ Create a Policy (2:21:33) ⌨️ Create a VCN (2:23:30) ⌨️ Create A Server (2:29:48) ⌨️ Create a Bucket (2:32:39) ⌨️ Create a Database (3:37:29) ⌨️ Oracle Audit (2:38:30) ⌨️ Budgets (2:39:59) ⌨️ Cost Analysis ☁️ Summary (2:40:47) ⌨️ Booking Your Exam -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

May 2020 Summit - freeCodeCamp.org

7PLx6hwRUnA | 01 May 2020

May 2020 Summit - freeCodeCamp.org

It's been a while since the freeCodeCamp community has held a big Summit live stream. Now with the coronavirus pandemic, we need social interaction more than ever. Our community has been hard at work on a number of major improvements to the freeCodeCamp curriculum. We've been publishing a ton of free courses on YouTube. And we have other new tools we're excited to demo, too. Here's what we'll cover during this one-hour stream. * The 4 new Python-focused certifications * In late 2019, we started work on 4 new Python certifications. These are all part of freeCodeCamp's core curriculum, and will immediately follow our existing 6 web development certifications (which will initially remain unchanged). Beau will demo these new certifications and explain how we're rolling them out. We will also give a big update on how we're rolling out Version 7.0 of the freeCodeCamp curriculum. As I said in December, we are moving to 100% project-oriented learning. These new practice projects will be 100% optional, and none of this will affect people who are already going through freeCodeCamp's curriculum and earning certifications. We are excited to demo these new certifications, which we'll open to beta testers in May. * Big improvements to the YouTube channel * As you may have heard, the freeCodeCamp community's YouTube channel is growing. I'll talk about our commitment to keeping the channel ad-free. I'll also show how we're focusing on YouTube membership as a way to sustain our nonprofit. And some new freeCodeCamp swag you can buy to support the community: shirts, caps, even mugs. And good news: we're going to be live-streaming a lot more. * Demoing the new Contributor Site * We have a new area of freeCodeCamp dedicated to helping contributors get started with code contributions, adding subtitles to videos, answering questions from the community, and more. Mrugesh will demo the site and a lot of its key functionality. Mrugesh will also talk about some of the exciting things he's doing to keep freeCodeCamp running fast under the growing server death-hug of people around the world learning to code. We are moving the freeCodeCamp Guide over to our publication Abbey will talk about the process of transitioning all of the articles from the freeCodeCamp Guide over to our publication. This means all of our guide articles will have better accessibility, with large text and a clean single-column layout. We will also have JSON Schema, AMP versions of articles, and a lot of other features to make it fast and accessible. Abbey will also give us an update on the state of freeCodeCamp's publication – which is now getting more readership than many major newspapers. Finally, she'll demo our navigation search bar tool, which now averages nearly 1 million searches per week. * Updates on the community forum and chat rooms * I will talk about freeCodeCamp's online community – spread across our forum, chat rooms, the r/freeCodeCamp subreddit and the freeCodeCamp Earth Facebook group. These online communities have become increasingly important in an age of national lockdowns and social distancing measures. Nothing beats hanging out with other developers in person. But since this isn't possible currently, we are making sure everyone has access to the next-best thing – online developer communities. * Then we will answer any questions you all may have. * Here's the full agenda: 10.00 Quincy talks about YouTube: merchandise, YouTube membership, superchat, and more frequent streams 10.05 Quincy talks about growth of community: the forum, chat rooms, subreddit, and more 10.10 Mrugesh demos the Contributor site 10.15 Mrugesh talks about efforts to improve performance at scale 10.20 Abbey talks about the Guide-to-News transition 10.25 Abbey shares a few big recent articles, and talks about our editorial philosophy 10.30 Beau demos the new Python curriculum and talks about the instructional design work we're doing 10.45 Questions & Answers 11.00 Guest Coding Session with Florin Pop - Florin Pop - YouTube Channel: https://youtube.com/florinpop Twitter: https://twitter.com/florinpop1705 Website: https://florin-pop.com Stay safe, everyone. And happy coding.

PyTorch for Deep Learning - Full Course / Tutorial

GIsg-ZUy0MY | 30 Apr 2020

PyTorch for Deep Learning - Full Course / Tutorial

In this course, you will learn how to build deep learning models with PyTorch and Python. The course makes PyTorch a bit more approachable for people starting out with deep learning and neural networks. 💻 Code: https://jovian.ml/aakashns/01-pytorch-basics https://jovian.ml/aakashns/02-linear-regression https://jovian.ml/aakashns/03-logistic-regression https://jovian.ml/aakashns/04-feedforward-nn https://jovian.ml/aakashns/05-cifar10-cnn https://jovian.ml/aakashns/05b-cifar10-resnet https://jovian.ml/aakashns/06-mnist-gan ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:25) PyTorch Basics & Linear Regression ⌨️ (1:32:15) Image Classification with Logistic Regression ⌨️ (3:06:59) Training Deep Neural Networks on a GPU with PyTorch ⌨️ (4:44:51) Image Classification using Convolutional Neural Networks ⌨️ (6:35:11) Residual Networks, Data Augmentation and Regularization ⌨️ (8:12:08) Training Generative Adverserial Networks (GANs)

Yii2 PHP Framework - Full Course (Build a YouTube Clone)

whuIf33v2Ug | 28 Apr 2020

Yii2 PHP Framework - Full Course (Build a YouTube Clone)

Yii is a fast, secure, and efficient PHP framework used to create all kinds of web apps. Learn how to use Yii2 in this full tutorial for beginners by building a YouTube clone. 🎥This course was developed by Zura Sekhniashvili. Check out his YouTube channel: https://www.youtube.com/channel/UC_UMEcP_kF0z4E6KbxCpV1w 💻Code: https://github.com/thecodeholic/Yii2-Youtube-Clone ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:08) Demo ⌨️ (0:06:27) Install necessary tools ⌨️ (0:09:28) Project setup ⌨️ (0:25:02) Create Database and run migrations ⌨️ (0:28:48) Signup, activate account and test login ⌨️ (0:33:00) Change Url format ⌨️ (0:34:46) Explore project structure & entry script ⌨️ (0:36:41) Config files ⌨️ (0:38:12) Controllers & actions ⌨️ (0:42:30) Views ⌨️ (0:44:59) Install Bootstrap 4 ⌨️ (0:48:20) Asset bundles ⌨️ (0:50:11) Layouts ⌨️ (0:54:14) Application properties ⌨️ (0:56:25) Navbar widget ⌨️ (0:57:28) Components ⌨️ (1:04:07) Nav widget ⌨️ (1:05:19) Identity Class ⌨️ (1:06:02) Active Record class ⌨️ (1:10:45) Behaviors ⌨️ (1:12:19) Finish studio layout ⌨️ (1:14:48) Url creation ⌨️ (1:17:31) More on layouts ⌨️ (1:19:32) Finish studio layout ⌨️ (1:30:25) Create auth layout (Nested layouts) ⌨️ (1:35:16) Aliases ⌨️ (1:37:11) Video table migration ⌨️ (1:48:05) Generate Video model using Gii ⌨️ (1:49:48) Active Record & Models ⌨️ (1:50:34) Model rules ⌨️ (1:52:44) Generate Video CRUD using Gii ⌨️ (1:57:42) Video create page (Working with forms) ⌨️ (2:07:15) Video upload ⌨️ (2:25:42) Video page ⌨️ (2:43:39) Video status change ⌨️ (2:46:25) Thumbnail upload ⌨️ (2:55:31) Thumbnail resize ⌨️ (3:01:27) Handle upload errors ⌨️ (3:04:39) Save video tags ⌨️ (3:09:20) Video listing page (Gridview & Data providers) ⌨️ (3:20:09) Restrict upload for authorized users only ⌨️ (3:22:59) Implement frontend layout ⌨️ (3:39:23) Video delete ⌨️ (3:47:18) Output published videos on frontend ⌨️ (4:00:31) Video view page ⌨️ (4:12:53) Count video views ⌨️ (4:23:08) Implement Like/Dislike ⌨️ (4:56:50) Channel page ⌨️ (5:08:05) Subscribe/Unsubscribe ⌨️ (5:21:16) Many to Many relations ⌨️ (5:24:56) Output videos on channel page ⌨️ (5:31:33) Email send using mailtrap ⌨️ (5:44:25) Search ⌨️ (6:00:07) Similar videos ⌨️ (6:11:05) History page ⌨️ (6:23:08) Implement dashboard ⌨️ (6:39:39) Debug bar ⌨️ (6:42:13) Relation eager loading ⌨️ (6:45:08) Caching ⌨️ (6:50:12) Overview, code cleanup and improvements -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 8) - Live Coding with Jesse

2X6CXFcsktM | 26 Apr 2020

Build a Brain Computer App with React Native (Part 8) - Live Coding with Jesse

Today we are going to deploy our React Native project as a web app! This is part of a series of live streams where we are building a React Native app using Expo that links up with the Neurosity Notion brain computer to send and use data from the brain! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Google Play: https://play.google.com/store/apps/details?id=com.jesseweigel.stayfocused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Create a Custom WordPress Theme - Full Course

-h7gOJbIpmo | 23 Apr 2020

How to Create a Custom WordPress Theme - Full Course

Learn how to create a custom WordPress theme. You will learn a process that you can use to convert any HTML/CSS template into a WordPress theme. 🔗 HTML/CSS template: https://github.com/wilsmex/blog-site-template 🎥 Course from Andrew Wilson. Check out his YouTube channel: https://youtube.com/followandrew ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:51) Responsive Template Overview ⌨️ (04:28) WordPress Theme Structure & Location ⌨️ (05:51) Create Required Empty Files / Folders for Theme ⌨️ (12:39) Create Theme Screenshot.png file ⌨️ (13:05) WordPress Template Hierarchy ⌨️ (14:50) Setting up Style.css File Required Information ⌨️ (17:10) Activating the New Theme ⌨️ (18:41) Create Theme Home Page Template ⌨️ (21:50) Enqueue Styles ⌨️ (25:55) Add wp_head() to Head Section ⌨️ (33:30) Enqueue Scripts ⌨️ (35:02) Add wp_footer() to Foot Section ⌨️ (41:25) Create header.php & footer.php Files ⌨️ (44:41) Add Dynamic Page Titles ⌨️ (48:63) WordPress Auto Thumbnail Sizes ⌨️ (50:50) Create Home Page in WordPress Admin Panel ⌨️ (53:20) The WordPress Loop ⌨️ (56:24) Dynamic Page Title Heading ⌨️ (58:01) Create WordPress Menu Area ⌨️ (01:03:36) Dynamic Menus ⌨️ (01:16:16) Customize Site Logo Upload & Name ⌨️ (01:25:12) Add WordPress Posts in Admin Panel ⌨️ (01:07:11) Add Feature Image Thumbnail Support ⌨️ (01:29:06) Create Single Post Template File ⌨️ (01:33:52) Add Post Meta Data ⌨️ (01:40:39) Comments & Comments Templates ⌨️ (01:53:45) Post Archives Page Templates ⌨️ (01:57:34) Blog Archive & index.php Templates ⌨️ (02:03:39) Post Thumbnails ⌨️ (02:07:16) Pagination Links ⌨️ (02:10:10) Page Template File ⌨️ (02:25:37) 404 Template (Page Not Found) ⌨️ (02:28:50) Add Searching ⌨️ (02:30:50) A Few Extras and Where to Go -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Introduction to Programming and Computer Science - Full Course

zOjov-2OZ0E | 21 Apr 2020

Introduction to Programming and Computer Science - Full Course

In this course, you will learn basics of computer programming and computer science. The concepts you learn apply to any and all programming languages and will be a good base onto which you can build your skills. This video is meant for those who are interested in computer science and programming but have no idea where to start and have little to no background information on coding. ✏️Course created by Steven and Sean from NullPointer Exception. Check out their channel: https://www.youtube.com/channel/UCmWDlvMYYEbW42B8JyxFBcA ⭐️ Course Contents ⭐️ ⌨️ (00:05) Introduction ⌨️ (01:37) What is Programming? ⌨️ (06:19) How do we write Code? ⌨️ (11:44) How do we get Information from Computers? ⌨️ (14:46) What can Computers Do? ⌨️ (20:43) What are Variables? ⌨️ (25:02) How do we Manipulate Variables? ⌨️ (31:54) What are Conditional Statements? ⌨️ (37:54) What are Array’s? ⌨️ (44:26) What are Loops? ⌨️ (49:37) What are Errors? ⌨️ (55:22) How do we Debug Code? ⌨️ (1:00:25) What are Functions? ⌨️ (1:09:52) How can we Import Functions? ⌨️ (1:13:45) How do we make our own Functions? ⌨️ (1:21:56) What are ArrayLists and Dictionaries? ⌨️ (1:27:38) How can we use Data Structures? ⌨️ (1:36:27) What is Recursion? ⌨️ (1:43:42) What is Pseudocode? ⌨️ (1:50:40) Choosing the Right Language? ⌨️ (1:55:34) Applications of Programming -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 7) - Live Coding with Jesse

W6BzxdHBBHM | 19 Apr 2020

Build a Brain Computer App with React Native (Part 7) - Live Coding with Jesse

We got feedback from the Apple App Store and need to make some updates to our app before we resubmit. This is part of a series of live streams where we are building a React Native app using Expo that links up with the Neurosity Notion brain computer to send and use data from the brain! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Google Play: https://play.google.com/store/apps/details?id=com.jesseweigel.stayfocused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Analysis with Python - Full Course for Beginners (Numpy, Pandas, Matplotlib, Seaborn)

r-uOLxNrNk8 | 15 Apr 2020

Data Analysis with Python - Full Course for Beginners (Numpy, Pandas, Matplotlib, Seaborn)

Learn Data Analysis with Python in this comprehensive tutorial for beginners, with exercises included! NOTE: Check description for updated Notebook links. Data Analysis has been around for a long time, but up until a few years ago, it was practiced using closed, expensive and limited tools like Excel or Tableau. Python, SQL and other open libraries have changed Data Analysis forever. In this tutorial you'll learn the whole process of Data Analysis: reading data from multiple sources (CSVs, SQL, Excel, etc), processing them using NumPy and Pandas, visualize them using Matplotlib and Seaborn and clean and process it to create reports. Additionally, we've included a thorough Jupyter Notebook tutorial, and a quick Python reference to refresh your programming skills. 💻 Course created by Santiago Basulto from RMOTR 🔗 Check out all Data Science courses from RMOTR: https://rmotr.com ⚠️ Note: Instead of loading the notebooks on notebooks.ai, you should use Google Colab instead. Here are instructions on loading a notebook directly from GitHub into Google Colab: https://colab.research.google.com/github/googlecolab/colabtools/blob/master/notebooks/colab-github-demo.ipynb#scrollTo=K-NVg7RjyeTk  ⭐️ Course Contents ⭐️ ⌨️ Part 1: Introduction What is Data Analysis, why Python?, what other options are there? what's the cycle of a Data Analysis project? What's the difference between Data Analysis and Data Science? 🔗 Slides for this section: https://docs.google.com/presentation/d/1fDpjlyMiOMJyuc7_jMekcYLPP2XlSl1eWw9F7yE7byk/edit?usp=sharing ⌨️ Part 2: Real Life Example of a Python/Pandas Data Analysis project (00:11:11) A demonstration of a real life data analysis project using Python, Pandas, SQL and Seaborn. Don't worry, we'll dig deeper in the following sections 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/FreeCodeCamp-Pandas-Real-Life-Example ⌨️ Part 3: Jupyter Notebooks Tutorial (00:30:50) A step by step tutorial to learn how to use Juptyer Notebooks 🔗 Twitter Cheat Sheet: https://twitter.com/rmotr_com/status/1122176794696847361 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/ds-content-interactive-jupyterlab-tutorial ⌨️ Part 4: Intro to NumPy (01:04:58) Learn why NumPy was such an important library for the data-processing world in Python. Learn about low level details of computations and memory storage, and why tools like Excel will always be limited when processing large volumes of data. 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-numpy ⌨️ Part 5: Intro to Pandas (01:57:08) Pandas is arguably the most important library for Data Processing in the Python world. Learn how it works and how its main data structure, the Data Frame, compares to other tools like spreadsheets or DFs used for Big Data 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/freecodecamp-intro-to-pandas ⌨️ Part 6: Data Cleaning (02:47:18) Learn the different types of issues that we'll face with our data: null values, invalid values, statistical outliers, etc, and how to clean them. 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/data-cleaning-rmotr-freecodecamp ⌨️ Part 7: Reading Data from other sources (03:25:15) 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/RDP-Reading-Data-with-Python-and-Pandas ⌨️ Part 8: Python Recap (03:55:19) If your Python or coding skills are rusty, check out this section for a quick recap of Python main features and control flow structures. 🔗 Notebooks: https://github.com/ine-rmotr-curriculum/ds-content-python-under-10-minutes -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

#LockdownConf – How Developers are Adapting to the Coronavirus – All 4 Conference Panels

l8K0B270cgE | 14 Apr 2020

#LockdownConf – How Developers are Adapting to the Coronavirus – All 4 Conference Panels

Here's the full 4-hour conference. We did this all live from cities all over the world on April 14th. Quincy Larson and Hashnode co-founder Fazle MC'd the event. Each of the panels featured 3 developers from around the world, answering questions from the community. -------------------- Panel 1: How to learn new skills while social distancing Dhawal Shah – https://twitter.com/dhawalhshah Founder of https://ClassCentral.com Emma Bostian - https://twitter.com/emmabostian Developer and Host of the Ladybug Podcast https://ladybug.dev Angie Jones - https://twitter.com/techgirl1908 Senior Developer Advocate, director of testing at https://testautomationu.com -------------------- Panel 2 @ 15.00 GMT - How to work from home effectively Jessica Chan - https://twitter.com/thecodercoder Developer and Course Creator, Instagram tutorials: https://www.instagram.com/thecodercoder/ Colleen Schnettler - https://twitter.com/leenyburger Ruby on Rails Consultant Siddharth Kshetrapal - https://twitter.com/siddharthkp Developer at https://codesandbox.io -------------------- Panel 3: How to find developer jobs during the pandemic Andrew Brown – https://twitter.com/andrewbrown Developer and Founder of https://ExamPro.co Laurence Bradford - https://twitter.com/learncodewithme Developer and Founder of https://learntocodewith.me Aline Learner – https://twitter.com/alinelernerLLC Developer and Founder of https://interviewing.io -------------------- Panel 4: How to landing freelance contracts Phoebe Voong-Fadel - https://twitter.com/PhoebeVF Front-end Web Developer & Writer for https://freecodecamp.org Luke Ciciliano - https://twitter.com/Luke_Ciciliano Developer and Entrepreneur Bolaji Ayodeji - https://twitter.com/iambolajiayo Developer Evangelist & Outreach at https://hashnode.com -------------------- A special thanks to Matthew Potter for volunteering his audio-visual, design, and production work for this. His setup: https://twitter.com/AskMP/status/1250131314507952128 Stay safe, everyone. And happy coding.

Learn JavaScript by Building 7 Games - Full Course

lhNdUVh3qCc | 08 Apr 2020

Learn JavaScript by Building 7 Games - Full Course

In this tutorial course, you will learn JavaScript by coding 7 retro grid-based games. Learn by doing and have 7 great projects for your career portfolio by the end of the course. Each game is done with minimal styling for you to take and make your own. 🎥 Course from Ania Kubow. Check out her channel: https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw ⭐️ Course Contents ⭐️ ⌨️ (01:55) Memory Game - Level 1 💻 Code: https://github.com/kubowania/memory-game Learn: • push() • querySelector() • SetAttribute() • getAttribute() • appendChild() • Math.random() • sort() • For loops • createElement() ⌨️ (11:39) Whack-a-mole - level 1 💻 Code: https://github.com/kubowania/whack-a-mole Learn: • querySelector() • addEventListener() • setInterval() • classList • forEach() • Arrow functions ⌨️ (19:47) Connect Four - level 1 💻 Code: https://github.com/kubowania/connect-four Learn: • querySelector() • addEventListener() • onclick • classList.contains() • classList.add() • For loops • Arrow functions ⌨️ (27:37) Nokia 3310 Snake - level 2 💻 Code: https://github.com/kubowania/Nokia3310-Snake Learn: • querySelector() • addEventListener() • setInterval() • keyCodes • pop() • unshift() • push() • classList.contains() • classList.add() • classList.remove() ⌨️ (43:10) Space Invaders - level 2 💻 Code: https://github.com/kubowania/space-invaders Learn: • querySelector() • addEventListener() • Switch cases • keyCodes • indexOf() • includes() • classList • setInterval() • clearInterval() • push() ⌨️ (59:06) Frogger - level 2 💻 Code: https://github.com/kubowania/Frogger Learn: • querySelector() • addEventListener() • setInterval() • clearInterval() • forEach() • classList.contains() • classList.add() • classList.remove() ⌨️ (1:19:38) Tetris - level 3 💻 Code: https://github.com/kubowania/Tetris Learn: • querySelector() • addEventListener() • Array.from() • getElementsByClassName() • Math.floor() • Math.random() • forEach() • classList.contains() • classList.add() • classList.remove() • setInterval() • clearInterval() • some() • style.backgroundImage • splice() • concat() • appendChild() • Arrow functions -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS Certified Developer - Associate 2020 (PASS THE EXAM!)

RrKRN9zRBWs | 03 Apr 2020

AWS Certified Developer - Associate 2020 (PASS THE EXAM!)

The AWS Certified Developer - Associate examination is intended for individuals who perform a development role and have experience maintaining an AWS-based application. By the end of this full course taught by an expert trainer, you will be ready to take the AWS Certified Developer Associate exam - and pass! 🎥This course was too long to fit in a single video. Watch part two here (4 more hours): https://youtu.be/eCopK1RoyFM ✏️ Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro AWS Obsessed Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/examproco 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐Course Contents⭐ Check the pinned comment for the course contents with time codes. This course is so massive the full contents won't fit in this description! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 6) - Live Coding with Jesse

pPwE-I2be7E | 28 Mar 2020

Build a Brain Computer App with React Native (Part 6) - Live Coding with Jesse

Today we are going to build and submit our app to the Apple App Store! This is part of a series of live streams where we are building a React Native app using Expo that links up with the Neurosity Notion brain computer to send and use data from the brain! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Google Play: https://play.google.com/store/apps/details?id=com.jesseweigel.stayfocused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 5) - Live Coding with Jesse

EUn-uAXAAF8 | 21 Mar 2020

Build a Brain Computer App with React Native (Part 5) - Live Coding with Jesse

Today we are going to build and submit our app to the Google Play store! This is part of a series of live streams where we are building a React Native app using Expo that links up with the Neurosity Notion brain computer to send and use data from the brain! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

PERN Stack Course - Postgres, Express, React, and Node

ldYcgPKEZC8 | 19 Mar 2020

PERN Stack Course - Postgres, Express, React, and Node

Learn the PERN stack in this full tutorial course for beginners. The PERN stack consists of PostgreSQL, Express, React, and Node.js. Learn how to combine these technologies to build a full-stack web application! 🎥 Course developed by The Stoic Programmers. Check out their YouTube channel: https://www.youtube.com/channel/UCAPuqvFWmUg_gc_AZHUBPsA 💻Code: https://github.com/l0609890/pern-todo-app ⭐️ Course Contents ⭐️ ⌨️ (0:00) Demo ⌨️ (1:35) Overview Diagram ⌨️ (3:39) Starting Our Server ⌨️ (7:09) Create PostgreSQL Database and Table ⌨️ (13:14) Connect Database and Server ⌨️ (15:30) Build Routes with PostgreSQL Queries ⌨️ (32:37) Restful API Overview ⌨️ (37:54) Set Up the Client Side (React) ⌨️ (40:59) Build The Input Todo Component ⌨️ (50:32) Build The List Todo Component ⌨️ (59:10) Build the Delete Button ⌨️ (1:04:49) Build the Edit Todo Component ⌨️ (1:19:47) PERN Stack Review 🔗 PostgreSQL Installation: https://www.youtube.com/watch?v=fZQI7nBu32M Learn more about: 🔗 PostgreSQL: https://www.youtube.com/watch?v=qw--VYLpxG4 🔗 Express: https://www.youtube.com/watch?v=G8uL0lFFoN0 🔗 React: https://www.youtube.com/watch?v=DLX62G4lc44 🔗 Node.js: https://www.youtube.com/watch?v=RLtyhwFtXQA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 4) - Live Coding with Jesse

1LJtg0Ip-SY | 19 Mar 2020

Build a Brain Computer App with React Native (Part 4) - Live Coding with Jesse

Today we are going to work on some styling and get our app ready to send to the Google Play Store! This is part of a series of live streams where we are building a React Native app using Expo that links up with the Neurosity Notion brain computer to send and use data from the brain! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native (Part 3) - Live Coding with Jesse

AwgRyJP7LHY | 15 Mar 2020

Build a Brain Computer App with React Native (Part 3) - Live Coding with Jesse

Today we will continue building a mobile app with React Native that will link up with a brain computer interface! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JAMstack Course - Build websites that are simpler, faster, and more secure

A_l0qrPUJds | 10 Mar 2020

JAMstack Course - Build websites that are simpler, faster, and more secure

Learn how to use the JAMstack from an expert in this full course for beginners. The JAMstack allows people to create websites that are simpler, faster, and more secure than other methods of creating websites. Sites created with the JAMstack are delivered by pre-rendering files that are served directly from a CDN, removing the requirement to manage or run web servers. 🎥 Course developed by Phil Hawksworth. Phil is part of the Developer Experience team at Netlify and is very experienced with the JAMstack. ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Video Introduction ⌨️ (00:01:56) Introduction to the JAMstack ⌨️ (00:35:14) All simply static 💻 Code: https://findthat.at/jamstack/ex1 ⌨️ (00:40:40) Changing the DOM with JavaScript 💻 Code: https://findthat.at/jamstack/ex2 ⌨️ (00:42:21) Introducing a static site generator 💻 Code: https://findthat.at/jamstack/ex3 ⌨️ (01:24:09) Generating pages from a content API 💻 Code: https://findthat.at/jamstack/ex4 ⌨️ (02:02:17) Generating localized pages, with geo-IP routing at the CDN 💻 Code: https://findthat.at/jamstack/ex5 ⌨️ (02:28:08) Client-side rendering targeted API content 💻 Code: https://findthat.at/jamstack/ex6 ⌨️ (03:19:50) How to gradually introduce the JAMstack to your existing infrastructure ⭐️ Resources ⭐️ 🔗 List of resources: https://findthat.at/jamstack/fcc 🔗 JAMstack book: https://findthat.at/jamstack/book 🔗 JAMstack Slack: https://findthat.at/jamstack/slack -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

TensorFlow 2.0 Complete Course - Python Neural Networks for Beginners Tutorial

tPYj3fFJGjk | 03 Mar 2020

TensorFlow 2.0 Complete Course - Python Neural Networks for Beginners Tutorial

Learn how to use TensorFlow 2.0 in this full tutorial course for beginners. This course is designed for Python programmers looking to enhance their knowledge and skills in machine learning and artificial intelligence. Throughout the 8 modules in this course you will learn about fundamental concepts and methods in ML & AI like core learning algorithms, deep learning with neural networks, computer vision with convolutional neural networks, natural language processing with recurrent neural networks, and reinforcement learning. Each of these modules include in-depth explanations and a variety of different coding examples. After completing this course you will have a thorough knowledge of the core techniques in machine learning and AI and have the skills necessary to apply these techniques to your own data-sets and unique problems. ⭐️ Google Colaboratory Notebooks ⭐️ 📕 Module 2: Introduction to TensorFlow - https://colab.research.google.com/drive/1F_EWVKa8rbMXi3_fG0w7AtcscFq7Hi7B#forceEdit=true&sandboxMode=true 📗 Module 3: Core Learning Algorithms - https://colab.research.google.com/drive/15Cyy2H7nT40sGR7TBN5wBvgTd57mVKay#forceEdit=true&sandboxMode=true 📘 Module 4: Neural Networks with TensorFlow - https://colab.research.google.com/drive/1m2cg3D1x3j5vrFc-Cu0gMvc48gWyCOuG#forceEdit=true&sandboxMode=true 📙 Module 5: Deep Computer Vision - https://colab.research.google.com/drive/1ZZXnCjFEOkp_KdNcNabd14yok0BAIuwS#forceEdit=true&sandboxMode=true 📔 Module 6: Natural Language Processing with RNNs - https://colab.research.google.com/drive/1ysEKrw_LE2jMndo1snrZUh5w87LQsCxk#forceEdit=true&sandboxMode=true 📒 Module 7: Reinforcement Learning - https://colab.research.google.com/drive/1IlrlS3bB8t1Gd5Pogol4MIwUxlAjhWOQ#forceEdit=true&sandboxMode=true ⭐️ Course Contents ⭐️ ⌨️ Module 1: Machine Learning Fundamentals (00:03:25) ⌨️ Module 2: Introduction to TensorFlow (00:30:08) ⌨️ Module 3: Core Learning Algorithms (01:00:00) ⌨️ Module 4: Neural Networks with TensorFlow (02:45:39) ⌨️ Module 5: Deep Computer Vision - Convolutional Neural Networks (03:43:10) ⌨️ Module 6: Natural Language Processing with RNNs (04:40:44) ⌨️ Module 7: Reinforcement Learning with Q-Learning (06:08:00) ⌨️ Module 8: Conclusion and Next Steps (06:48:24) ⭐️ About the Author ⭐️ The author of this course is Tim Ruscica, otherwise known as “Tech With Tim” from his educational programming YouTube channel. Tim has a passion for teaching and loves to teach about the world of machine learning and artificial intelligence. Learn more about Tim from the links below: 🔗 YouTube: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg 🔗 LinkedIn: https://www.linkedin.com/in/tim-ruscica/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Functional Programming in Java - Full Course

rPSL1alFIjI | 24 Feb 2020

Functional Programming in Java - Full Course

Learn all about Functional Programming in Java with this full tutorial course for beginners. Functional programming will help you reduce and simplify your code. You will learn the power of Java Functional Interfaces and how they can be used to create powerful statements and design patterns. You will also learn how to write declarative code by combining Functional Interfaces with Streams. Skills covered: • Java • Functional Programming • Combinator Design Pattern • Optionals • Streams 💻 Code: https://github.com/amigoscode/java-functional-programming 🎥 Course from Amingoscode. Subscribe to the Amigoscode YouTube channel: http://bit.ly/2HpF5V8 ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:02:54) Quick word before we begin ⌨️ (00:03:36) Bootstrapping Application ⌨️ (00:06:31) Imperative Approach ⌨️ (00:13:30) Declarative Approach ⌨️ (00:19:14) Java Util Function Package ⌨️ (00:22:55) Function ⌨️ (00:36:03) BiFunction ⌨️ (00:43:10) Consumer ⌨️ (00:48:13) BiConsumer ⌨️ (00:52:09) Predicate ⌨️ (01:02:08) Supplier ⌨️ (01:06:55) Let me say something ⌨️ (01:07:29) Intro to Java Streams ⌨️ (01:19:23) More on Java Streams ⌨️ (01:23:52) Java Optionals ⌨️ (01:31:19) Combinator Pattern ⌨️ (01:40:28) Implementing Combinator Pattern ⌨️ (01:55:34) Callbacks Like Javascript ⌨️ (02:05:08) Lambdas ⌨️ (02:11:37) Primitives ⌨️ (02:15:29) Properties of Functional Programming ⌨️ (02:20:25) Let's wrap it up ⭐️ Links ⭐️ 🔗 Full course also available here: https://amigoscode.com/courses/java-functional-programming 🔗 Join Closed Facebook Group for discussion and early access videos and courses: http://bit.ly/2FbuIkx 🔗 Follow Amigoscode on Instagram: http://bit.ly/2TSkA9w -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build and deploy a portfolio website [Full Tutorial Course]

_xkSvufmjEs | 18 Feb 2020

Build and deploy a portfolio website [Full Tutorial Course]

This course will teach you to build and deploy a neat portfolio for yourself. To watch the interactive version of the course, visit the original Scrimba course 👉 https://scrimba.com/g/gportfolio (code available at that link). Why should you have a portfolio? As a developer, you need to ways to showcase your skills to potential employers. There's no better way of doing this than a dedicated portfolio page. It gives you full control of how you'd like to present yourself. In this course, the brilliant teacher Kevin Powell will take you through every single step of building a neat-looking portfolio website. You'll also learn to customize it to suit your personal style. Towards the end of the course, Kevin shows you how to deploy the site to DigitalOcean, so that you will end up with a live website upon completing the course! The site is built without using any web frameworks, so the only prerequisites for this course are basic HTML and CSS skills. ⭐️ Course Contents ⭐️ ⌨️ (0:00) 1. Introduction ⌨️ (4:31) 2. Setting things up - HTML ⌨️ (9:03) 3. The Header Area - HTML ⌨️ (14:02) 4. Intro Section ⌨️ (19:56) 5. About me, Work and Footer - HTML ⌨️ (28:39) 6. Setting up the Custom Properties and General Styles ⌨️ (39:22) 7. Styling the titles and subtitles ⌨️ (43:38) 8. Setting up the intro section ⌨️ (55:57) 9. Styling the services section ⌨️ (1:08:50) 10. The About Me Section ⌨️ (1:19:52) 11. The Portfolio ⌨️ (1:28:40) 12. Adding the Social Icons with Font Awesome ⌨️ (1:31:39) 13. Styling the Footer ⌨️ (1:37:26) 14. Setting up the Navigation Styles ⌨️ (1:44:24) 15. Creating the Hamburger ⌨️ (1:51:17) 16. Adding the JS ⌨️ (2:00:29) 17. Creating the Portfolio Item Page ⌨️ (2:06:42) 18. Customizing Your Page ⌨️ (2:08:45) 19. DigitalOcean Droplets - What they are and how to set one up ⌨️ (2:19:02) 20. DigitalOcean Droplets - Uploading files via FTP -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Brain Computer App with React Native - Live Coding with Jesse

iEKdtB53IXs | 16 Feb 2020

Build a Brain Computer App with React Native - Live Coding with Jesse

Today we will start building a mobile app with React Native that will link up with a brain computer interface! See a professional software engineer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/JesseRWeigel/stay-focused Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp Thumbnail Photo Background by Nagatoshi Shimamura on Unsplash

Learn ASP.NET Core 3.1 - Full Course for Beginners [Tutorial]

C5cnZ-gZy2I | 05 Feb 2020

Learn ASP.NET Core 3.1 - Full Course for Beginners [Tutorial]

Learn ASP.NET Core 3.1 in this complete tutorial course for beginners. After learning about the history and basics of ASP.NET Core, you will learn how to build a small book list application with CRUD operations. You will learn how to use the Entity Framework for integration with a database with ASP.NET Core Razor Pages. You will also learn how to build a book list application using ASP.NET MVC and see how to use DataTables with API Calls in a Razor Project. It could be helpful to have some familiarity with C# and SQL. If you want to learn about those topics, try these videos: 🎥 C#: https://www.youtube.com/watch?v=GhQdlIFylQ8 🎥 SQL: https://www.youtube.com/watch?v=HXV3zeQKqGY ✏️ Course from Bhrugen Patel. Check out more of his courses: 🔗 MVC Advanced Course: https://www.udemy.com/course/complete-aspnet-core-21-course/learn/?referralCode=0533F3B61F426407BE00 🔗 Razor Advanced Course: https://www.udemy.com/course/advanced-aspnet-core-3-razor-pages/learn/?referralCode=6C89600F2C73A16F63F3 🔗 All Courses: http://www.bhrugen.com/ ⭐️ Code ⭐️ 💻 Book List Razor: https://github.com/bhrugen/BookListRazor 💻 Book List MVC: https://github.com/bhrugen/BookListMVC ⭐️ Coure Contents ⭐️ Section 1: Introduction ⌨️ (0:00:00) Welcome ⌨️ (0:02:41) Razor Project Overview ⌨️ (0:04:51) MVC Project Overview ⌨️ (0:05:52) Evolution of ASP.NET Core ⌨️ (0:10:21) Tools Needed ⌨️ (0:11:49) Github Url Section 2: Razor Project ⌨️ (0:12:50) Introduction ⌨️ (0:13:18) Create Project ⌨️ (0:16:02) Razor Pages ⌨️ (0:19:17) csproj ⌨️ (0:22:51) launchsettings ⌨️ (0:24:58) wwwroot ⌨️ (0:26:53) Pages Folder ⌨️ (0:31:23) Routing in Razor Pages ⌨️ (0:36:42) Tag Helpers ⌨️ (0:40:03) Main Methods ⌨️ (0:42:36) Startup Part 1 ⌨️ (0:45:49) Startup Part 2 ⌨️ (0:49:57) Middlewares ⌨️ (0:54:17) AppSettings ⌨️ (0:55:34) Dependency Injection Section 3: Book List Razor ⌨️ (0:59:27) Introduction ⌨️ (0:59:57) Runtime Razor Package ⌨️ (1:02:56) Create Book Model ⌨️ (1:05:15) Add Connection String and Packages ⌨️ (1:08:41) Add Book Table to Database ⌨️ (1:14:01) Book Index Get Handler ⌨️ (1:20:05) Designing Book Index Page Part 1 ⌨️ (1:23:20) Designing Book Index Page Part 2 ⌨️ (1:30:44) Create Book Page Model ⌨️ (1:34:19) Create Book Page UI ⌨️ (1:38:47) Create Book and Validations ⌨️ (1:44:45) Client Side Validations ⌨️ (1:46:41) Edit Book Get Handler ⌨️ (1:49:33) Edit Book UI ⌨️ (1:50:55) Edit Post Handler ⌨️ (1:55:30) Delete Book ⌨️ (1:59:21) Book Get API ⌨️ (2:03:26) DataTables ⌨️ (2:12:05) Delete API Call ⌨️ (2:15:03) Delete Book ⌨️ (2:19:36) Upsert Page Handlers ⌨️ (2:24:43) Upsert Page UI Section 4: MVC Project ⌨️ (2:23:00) Introduction ⌨️ (2:28:34) Create Project ⌨️ (2:31:06) MVC Folders ⌨️ (2:33:24) Routing in MVC Section 5: Book List MVC ⌨️ (2:38:29) Introduction ⌨️ (2:38:53) Create Book Model and Push to Database ⌨️ (2:46:15) Create Books Controller ⌨️ (2:49:06) Third Party Links ⌨️ (2:51:13) BookList Js and API Calls ⌨️ (2:56:00) Index View Book List ⌨️ (3:00:03) Upsert Get Action ⌨️ (3:02:50) Upsert View ⌨️ (3:09:18) Upsert Post And Delete

Natural Language Processing with TensorFlow 2 - Beginner's Course

B2q5cRJvqI8 | 29 Jan 2020

Natural Language Processing with TensorFlow 2 - Beginner's Course

This course is a practical introduction to natural language processing with TensorFlow 2.0. In this tutorial you will go from having zero knowledge to writing an artificial intelligence that can compose Shakespearean prose. No prior experience with deep learning is required, though it is always helpful to have more background information. We’ll use a combination of embedding layers, recurrent neural networks, and fully connected layers to perform the classification. ⭐️Course Contents ⭐️ ⌨️ (01:16) Getting Started with Word Embeddings ⌨️ (33:25) How to Perform Sentiment Analysis on Movie Reviews ⌨️ (59:32) Let’s Write An AI That Writes Shakespeare ⭐️Course Description ⭐️ The basic idea behind natural language processing is that we start out with words, i.e. strings of characters, that are almost impossible for the computer to meaningfully parse. We can transform these strings into a vector in a higher dimensional space. Different words will be represented as vectors of different lengths and directions in this space, and this allows us to find relationships between words by finding the component of one vector along another. Don’t worry, the TensorFlow library handles all of this, we just have to have some basic idea of how it works. Since this is a type of supervised learning, we also have labels for our text. This allows the AI to compare the relationships between words to the training labels, and learn which sequences of words represent good and bad movie reviews. This would also work for finding toxic comments, fake product reviews… just about anything for which we need a multiclass classification of text – provided we have enough training data and labels. The last step in complexity is to change the final layer that handles the classification. This allows us to actually output text that the AI thinks is meaningful. What’s really special about this is that the neural network starts out not even knowing that letters are a thing, or that we use spaces and punctuation, to producing something that approximates human level writing. ⭐️Code ⭐️ 🔗Word Embeddings: https://colab.research.google.com/github/tensorflow/docs/blob/master/site/en/tutorials/text/word_embeddings.ipynb 🔗Text Classification: https://colab.research.google.com/github/tensorflow/docs/blob/master/site/en/tutorials/text/text_classification_rnn.ipynb 🔗Text Generation: https://colab.research.google.com/github/tensorflow/docs/blob/master/site/en/tutorials/text/text_generation.ipynb ⭐️Resources ⭐️ As stated in the videos, these are from the official TensorFlow tutorials. You can find them here: 🔗https://www.tensorflow.org/tutorials/text/word_embeddings 🔗https://www.tensorflow.org/tutorials/text/text_classification_rnn 🔗https://www.tensorflow.org/tutorials/text/text_generation This course was created by Phil Tabor. If you’d like to see more deep learning, reinforcement learning, and artificial intelligence content, please check out his channel: https://www.youtube.com/MachineLearningWithPhil -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS for Startups - Deploying with AWS Tutorial

U3VSJhaC4kc | 21 Jan 2020

AWS for Startups - Deploying with AWS Tutorial

Learn how to get started with AWS. This is a practical guide for early stage startups interested in using AWS. You will learn how to create an AWS account, deploy an application, budget scaling applications, and more. ⭐️Course Contents ⭐️ ☁ Getting Started (0:00:18) 🎤 Meet Your Instructor (0:01:04) Setting Up Your AWS Account (0:05:17) Avoid Overbilling by Creating AWS Budgets and Billing Alarm (0:13:17) Securing Root Account and Create an Administrative User (0:21:42) Setting up Multi-Account and Creating a Cross-Account Role (0:34:38) Crash Course on AWS Security Services (0:52:20) Reviewing The Best Free-Tier AWS Services (1:02:49) AWS Activate and Keeping Track of AWS Credits ☁ Architectures (1:17:14) 🎤 Evolution of Servers (1:25:30) 🎤 Technical Architectures and Technical Responsibility ☁ Let’s Get Building (1:38:29) ⌨ Registering a Domain Name with Route53 (1:42:36) ⌨ Setting up A Development Environment on Cloud9 (1:46:56) ⌨ Setting up Your Marketing Website on S3 and CloudFront (2:07:40) ⌨ How do I deploy my web-application to Elastic Beanstalk? (2:20:35) ⌨ Sending Emails Via Your Web-Application using SES (2:30:23) ⌨ Creating a Business Email Using Amazon WorkMail (2:36:56) ⌨ Setting Up A Wordpress with using LightSail or EC2 (2:47:57) ⌨ Sending Campaign Emails using PinPoint (2:56:01) ⌨ Launching a Sample Mobile Application Using AWS Amplify ☁ Tips (3:08:48) ⌨ Why you should consider paying for AWS Support (3:18:02) 🎤 Why you should use these AWS Services To Get Better Technical Positioning (3:36:56) ⌨ Why you should avoid using EC2 Key Pairs and Instead Use Sessions Manager (3:47:20) 🎤 Why you should try to run your Web-Application in at Least 3 AZs (3:51:29) ⌨ Why you should avoid assigning users Administrative Access and use these Policies Instead (3:58:49) 🎤 Why you should use decentralized authentication such as Cognito Bon Voyage (4:02:37) 🛳 Thank You and Additional AWS Resources 🎥 Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro AWS Obsessed Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/examproco 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐️ More AWS Courses ⭐️ 🎥 AWS Certified Cloud Practitioner Training: https://youtu.be/3hLmDS179YE 🎥 AWS Certified Developer Associate Training: https://youtu.be/RrKRN9zRBWs 🎥 AWS Certified Solutions Architect Associate Training: https://youtu.be/Ia-UEYYR44s -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Ultimate Freelancing Guide for Web Developers (Make money through freelance programming!)

4TIvB8zDFio | 15 Jan 2020

Ultimate Freelancing Guide for Web Developers (Make money through freelance programming!)

Learn how to make money as a freelance web developer. You will learn about finding clients, making money, developing contracts, completing taxes, and more. This course is taught by an experienced freelance web developer and includes additional advice from an attorney and an accountant. ⭐️ Course Contents ⭐️ ⌨️ (3:20) Three rules for making money ⌨️ (13:57) Planning your business ⌨️ (15:50) Funding your business ⌨️ (21:32) Picking a niche for your business ⌨️ (28:56) Determining your services & pricing ⌨️ (36:36) Forming your business ⌨️ (42:15) Starting your business ⌨️ (45:58) Administrative startup tasks ⌨️ (1:00:10) Contract basics [From Cari Ross of Ross Legal Services] ⌨️ (1:12:15) Marketing startup tasks ⌨️ (1:21:53) Ongoing learning ⌨️ (1:30:07) Finding clients for your business ⌨️ (1:34:39) Short-term business building ⌨️ (1:47:41) Long-term business building ⌨️ (2:00:00) Day-to-day management ⌨️ (2:02:34) Day-to-day administrative ⌨️ (2:12:14) Accounting and money management [From Erin Lehr of KPI Bookkeeping] ⌨️ (2:35:47) Day-to-day dev work ⌨️ (2:38:14) Putting in time ⌨️ (2:44:03) Working efficiently ⭐️ Prior videos ⭐️ 🔗 Making money as a freelance developer: https://www.youtube.com/watch?v=fsTzLgra5dQ 🔗 Managing taxes as a freelancer: https://www.youtube.com/watch?v=AtIB_3_DZUk ⭐️ Suggested reading ⭐️ 🔗 Profit First: https://www.amazon.com/Profit-First-Transform-Cash-Eating-Money-Making/dp/B06X15WW79/ref=sr_1_1?keywords=profit+first&qid=1571941818&s=audible&sr=1-1 🔗 How to win friends and influence people: https://www.amazon.com/s?k=how+to+win+friends+and+influence+people&i=audible&crid=3GAK3S65JM2G8&sprefix=how+to+win+%2Caudible%2C147&ref=nb_sb_ss_i_1_11 🔗 The Millionaire Next Door: https://www.amazon.com/Millionaire-Next-Door-Surprising-Americas/dp/B0000547HR/ref=sr_1_1?crid=1OQV7J0HBPLWD&keywords=the+millionaire+next+door&qid=1571941742&s=audible&sprefix=the+millionaire+nex%2Caudible%2C150&sr=1-1 🔗 Small Time Operator: How to Start Your Own Business, Keep Your Books, Pay Your Taxes, and Stay Out of Trouble: https://www.amazon.com/Small-Time-Operator-Business-Trouble/dp/163076261X/ref=sr_1_5?ie=UTF8&qid=1530817425&sr=8-5&keywords=accounting+for+small+business 🔗 The Innovators: https://www.amazon.com/Innovators-Hackers-Geniuses-Created-Revolution/dp/1476708703/ref=sr_1_1?keywords=the+innovators&qid=1571941666&sr=8-1 🔗 The Everything Store: https://www.amazon.com/Everything-Store-Jeff-Bezos-Amazon/dp/B00FJFJOLC/ref=sr_1_2?keywords=the+everything+store&qid=1571941704&sr=8-2 ✏️This course was created by Luke Ciciliano. He is a web developer who writes on issues related to business management & entrepreneurship. Luke has co-founded the following businesses: 🔗 Modern Website Design: https://www.modern-website.design/ 🔗 SEO For Lawyers: https://www.seo-for-lawyers.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

New Year's Eve Live Coding with Jesse!

jsco7Zv14x8 | 31 Dec 2019

New Year's Eve Live Coding with Jesse!

Tonight I am going to welcome the new year with live coding! See a professional software engineer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp Thumbnail Photo Background by Nagatoshi Shimamura on Unsplash

AWS Certified Solutions Architect - Associate 2020 (PASS THE EXAM!)

Ia-UEYYR44s | 23 Dec 2019

AWS Certified Solutions Architect - Associate 2020 (PASS THE EXAM!)

AWS Certified Solutions Architect is one of the most popular cloud computing certifications. In this full course taught by an expert trainer, you will learn the major parts of Amazon Web Services, and prepare for the associate-level AWS Certified Solutions Architect exam. By the end of this course, you will be ready to take the AWS Certified Solutions Architect Associate exam - and pass! 🎥 Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro AWS Obsessed Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/examproco 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐Course Contents⭐ Check the pinned comment for the course contents with time codes. This course is so massive the full contents won't fit in this description! ⭐️ More AWS Courses ⭐️ 🎥 AWS Certified Cloud Practitioner Training: https://youtu.be/3hLmDS179YE 🎥 AWS Certified Developer Associate Training: https://youtu.be/RrKRN9zRBWs 🎥 AWS for Startups - Deploying with AWS: https://youtu.be/U3VSJhaC4kc -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

APIs for Beginners - How to use an API (Full Course / Tutorial)

GZvSYJDk-us | 17 Dec 2019

APIs for Beginners - How to use an API (Full Course / Tutorial)

What is an API? Learn all about APIs (Application Programming Interfaces) in this full tutorial for beginners. You will learn what APIs do, why APIs exist, and the many benefits of APIs. APIs are used all the time in programming and web development so it is important to understand how to use them. You will also get hands-on experience with a few popular web APIs. As long as you know the absolute basics of coding and the web, you'll have no problem following along. 🔗 Course Notes: https://github.com/craigsdennis/intro-to-apis-course/blob/master/course-notes.md ⭐️ Course Contents ⭐️ ⭐️ Unit 1 - What is an API ⌨️ Video 1 - Welcome (0:00:00) ⌨️ Video 2 - Defining Interface (0:03:57) ⌨️ Video 3 - Defining API (0:07:51) ⌨️ Video 4 - Remote APIs (0:12:55) ⌨️ Video 5 - How the web works (0:17:04) ⌨️ Video 6 - RESTful API Constraint Scavenger Hunt (0:22:00) ⭐️ Unit 2 - Exploring APIs ⌨️ Video 1 - Exploring an API online (0:27:36) ⌨️ Video 2 - Using an API from the command line (0:44:30) ⌨️ Video 3 - Using Postman to explore APIs (0:53:56) ⌨️ Video 4 - Please please Mr. Postman (1:03:33) ⌨️ Video 5 - Using Helper Libraries (JavaScript) (1:14:41) ⌨️ Video 6 - Using Helper Libraries (Python) (1:24:40) ⭐️ Unit 3 - Using APIs ⌨️ Video 1 - Introducing the project (1:34:18) ⌨️ Video 2 - Flask app (1:36:07) ⌨️ Video 3 - Dealing with API Limits (1:50:00) ⌨️ Video 4 - JavaScript Single Page Application (1:54:27) ⌨️ Video 5 - Moar JavaScript and Recap (2:07:53) ⌨️ Video 6 - Review (2:18:03) 🎥 Course created by Craig Dennis, Developer Educator at Twilio 🐦 Craig on Twitter: @craigsdennis -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Unreal Engine (with C++) - Full Course for Beginners

LsNW4FPHuZE | 09 Dec 2019

Learn Unreal Engine (with C++) - Full Course for Beginners

Learn Unreal Engine in this full tutorial using C++. In this beginner's course, you will how to create three full games with Unreal Engine and Blueprints. 🎥 Course from Awesome Tuts. Check out their YouTube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw 🔗 Learn more about game development here: https://www.awesometuts.com/ultimate-game-dev-academy?utm_medium=youtube&utm_source=freecodecamp&utm_campaign=unreal_tutorial ⭐️Course Contents ⭐️ ⌨️(0:00:45) Battery Collector Game 💻Project Code: https://www.filepicker.io/api/file/NZVRzw8JTtWXHuGIJeCQ ⌨️(1:16:10) Brick Breaker Game 💻Project Code: https://www.filepicker.io/api/file/MdZBi35CTwSV9gJT9zFi 💻Assets: https://www.filepicker.io/api/file/nrDnHoOuTWGbNkWJUtMz ⌨️(2:39:52) Pacman 💻Project Code: https://www.filepicker.io/api/file/0D0tNZ6ERYagcNupZGbD 💻Assets: https://www.filepicker.io/api/file/uASaLcXOQR2uIJLqW4Mv -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Plan, Code, and Deploy a Startup in 2 Hours [Full Stack JavaScript Tutorial]

lauywdXKEXI | 26 Nov 2019

Plan, Code, and Deploy a Startup in 2 Hours [Full Stack JavaScript Tutorial]

Learn how to plan, code, and deploy a full stack JavaScript app in only two hours. This video covers: ⌨️ React front end w/ Hooks ⌨️ Simple Node-Express API ⌨️ Cron worker to fetch data ⌨️ Simple filtering algorithm ⌨️ Redis + node-redis ⌨️ Deployment (NGINX on DigitalOcean droplet) 💻 Code: https://github.com/aj-4/100m-startup 💻 Deployed and constantly updated at https://entrylevelsoftwarejobs.com 🎥 Tutorial created by Code Drip. Check out their YouTube channel: https://www.youtube.com/channel/UCRLEADhMcb8WUdnQ5_Alk7g Useful links: 🔗 Create React App: https://github.com/facebook/create-react-app 🔗 Material UI Docs: https://material-ui.com/getting-started/usage/ 🔗 Google Domains: https://domains.google.com/ 🔗 DigitalOcean: https://www.digitalocean.com/ 🔗 Certbot (SSL): https://certbot.eff.org/lets-encrypt/ubuntubionic-nginx 🔗 NGINX config article: https://hackernoon.com/start-to-finish-deploying-a-react-app-on-digitalocean-bcfae9e6d01b 🔗 Install Node on Ubuntu Article: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-18-04 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Quincy Interviews Open Source Legends The Changelog for their 10 Year Anniversary

0hd0FPd47II | 21 Nov 2019

Quincy Interviews Open Source Legends The Changelog for their 10 Year Anniversary

Quincy Larson interviews The Changelog hosts Adam Stacoviak and Jerod Santo as they celebrate 10 years of open source podcasts. Then they interview him for freeCodeCamp's 5 year anniversary. Full Timestamps: 0:00 Quincy's intro ===|freeCodeCamp Interviews The Changelog|=== 3:06 interview starts 4:35 Adam's journey from a poor town to the military 9:55 Adam joins the military, climbs in rank, serves overseas 18:00 Adam returns and goes into sales 29:05 Adam gets his first job in tech at a consultancy 34:40 Adam gets into podcasting 37:15 Adam starts The Changelog podcast 49:40 "Podfading" starts and how Jerod stepped in to help 58:31 Jerod's origin story 1:04:56 Jerod gets stranded for 2 years in government agency limbo 1:13:30 "An overnight success that took many years" 1:19:51 The 3 C's 1:22:05 The Changelog "goes pro" and becomes a profitable business 1:36:34 The creation of Go Time and other Changelog podcasts 1:41:50 Breakmaster Cylinder and the music of The Changelog 1:50:52 How the lightning-fast Changelog website was written in Elixir 1:58:32 Open source contributors to changelog.com and key show hosts 2:11:42 Adam and Jerod on the open source conference scene 2:22:09 The next decade of The Changelog 2:29:16 Closing out The Changelog interview ===|The Changelog interviews freeCodeCamp|=== 2:31:49 The 3 pillars of freeCodeCamp 2:37:50 Lessons Quincy has learned over the past 5 years 2:43:10 Getting to scale and millions of monthly users 2:50:19 The growing job market for developers and how to get a job 3:00:05 How freeCodeCamp survives and intro to the team 3:04:42 The freeCodeCamp international community 3:09:40 freeCodeCamp's curriculum and expanding it 3:17:45 freeCodeCamp's infrastructure and the JAM Stack 3:22:57 The freeCodeCamp publication and explanatory tech journalism 3:29:34 How freeCodeCamp escaped the "content platform" trap 3:31:28 freeCodeCamp's budget and the laser focus on efficiency 3:39:30 Why 100% of the donations go toward programs and 0% go toward fundraising 3:44:00 Why Quincy turned down all offers to acquire freeCodeCamp 3:46:05 Chapter - freeCodeCamp's open source Meetup.com alternative 3:55:25 The future of freeCodeCamp Remember to check out changelog.com and subscribe to their master feed in your podcast app: https://changelog.com/master Here's their 10th anniversary website: changelog.com/ten

Tkinter Course - Create Graphic User Interfaces in Python Tutorial

YXPyB4XeYLA | 19 Nov 2019

Tkinter Course - Create Graphic User Interfaces in Python Tutorial

Learn Tkinter in this full course for beginners. Tkinter is the fastest and easiest way to create the Graphic User Interfaces (GUI applications) with Python. Tkinter comes with Python already, so there's nothing to install! 💻Code: https://github.com/flatplanet/Intro-To-TKinter-Youtube-Course 🎥Course created by Codemy.com. Check out their YouTube channel: https://www.youtube.com/c/Codemycom ⭐️Course Contents ⭐️ ⌨️ (0:00:00) Intro to Tkinter ⌨️ (0:10:32) Positioning With Tkinter's Grid System ⌨️ (0:19:29) Creating Buttons ⌨️ (0:29:30) Creating Input Fields ⌨️ (0:38:51) Build A Simple Calculator App ⌨️ (1:18:19) Using Icons, Images, and Exit Buttons ⌨️ (1:27:42) Build an Image Viewer App ⌨️ (1:49:37) Adding A Status Bar ⌨️ (1:59:45) Adding Frames To Your Program ⌨️ (2:07:49) Radio Buttons ⌨️ (2:24:36) Message Boxes ⌨️ (2:35:31) Create New Windows in tKinter ⌨️ (2:44:30) Open Files Dialog Box ⌨️ (2:56:09) Sliders ⌨️ (3:08:25) Checkboxes ⌨️ (3:17:29) Dropdown Menus ⌨️ (3:23:50) Using Databases ⌨️ (3:32:28) Building Out The GUI for our Database App ⌨️ (3:59:48) Delete A Record From Our Database ⌨️ (4:15:18) Update A Record With SQLite ⌨️ (4:42:57) Build a Weather App ⌨️ (5:04:32) Change Colors In our Weather App ⌨️ (5:16:36) Add Zipcode Lookup Form ⌨️ (5:26:22) Matplotlib Charts -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Browser Editor Part 2 (P8D3) - Live Coding with Jesse

NN9UfyS1OfA | 15 Nov 2019

React Native Browser Editor Part 2 (P8D3) - Live Coding with Jesse

Project 8 Day 3 Today we will work on an in-browser React Native code editor. See a professional software engineer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What are JSON Web Tokens? JWT Auth Explained [Tutorial]

x5gLL8-M9Fo | 12 Nov 2019

What are JSON Web Tokens? JWT Auth Explained [Tutorial]

Learn about JWT and how to use them for authentication. JSON Web Tokens are used for representing claims securely between two parties. In this tutorial , you will learn the JWT Auth flow without being distracted by a lot of extra libraries. This tutorial teaches JWT Auth as simply as possible. 💻 Code: https://github.com/weibenfalk/jwtToken-react-express 🎥 Video from Thomas Weibenfalk. Check out his channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Python by Building Five Games - Full Course

XGf2GcyHPhc | 06 Nov 2019

Learn Python by Building Five Games - Full Course

Learn Python in this full tutorial course for beginners. This course takes a project-based approach. We have collected five great Python game tutorials together so you can learn Python while building five games. If you learn best by doing, this is the course for you. 🎥 Learn Python syntax in our other Python course: https://www.youtube.com/watch?v=rfscVS0vtbw 🎥 Learn Pygame: https://www.youtube.com/watch?v=FfWpgLFMI7w ⭐️ Course Contents ⭐️ ⌨️ (0:01:18) Pong 🔈 Sound file: http://christianthompson.com/sites/default/files/Pong/bounce.wav 💻 Code: http://christianthompson.com/sites/default/files/Pong/pong.py 🔗 Tutorial from Christian Thompson. Channel: https://www.youtube.com/channel/UC2vm-0XX5RkWCXWwtBZGOXg ⌨️ (0:45:36) Snake 💻 Code: https://pastebin.com/embed_js/jB6k06hG 🔗 Tutorial from Tech with Tim. Channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg ⌨️ (1:34:57) Connect Four 💻 Code: https://github.com/KeithGalli/Connect4-Python 🔗 Tutorial from Keith Galli. Channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg ⌨️ (2:42:36) Tetris 💻 Starter File: https://pastebin.com/embed_js/VztMLjCc 💻 Full Code: https://pastebin.com/embed_js/yaWTeF6y 🔗 Tutorial from Tech with Tim. Channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg ⌨️ (4:22:12) Online Multiplayer Game 💻 Code: https://techwithtim.net/wp-content/uploads/2019/03/networkTutrorial.zip 🔗 Tutorial from Tech with Tim. Channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Android Development Course - Build Native Apps with Kotlin Tutorial

Iz08OTTjR04 | 29 Oct 2019

Android Development Course - Build Native Apps with Kotlin Tutorial

Learn to build native Android apps with Kotlin. You will also learn how to use Android Jetpack, Firebase, Room, MVVM, Navigation, LiveData, and Kotlin Coroutines. This full course explains how to build an entire Android app using best practices. 💻 Code: https://github.com/BracketCove/SpaceNotes 🎥 Course developed by Ryan Kay. Check out his YouTube channel: https://www.youtube.com/channel/UCSwuCetC3YlO1Y7bqVW5GHg 🔗 Absolute Beginner's Introduction to Android Development w/ Android Studio: https://skl.sh/2ZU6ZT9 🔗 Programming Fundamentals w/ Kotlin and Android: https://www.udemy.com/course/application-programming-fundamentals-with-kotlin/ ⭐️ Course Contents ⭐️ 1 (0:00) Introduction 2 (5:14) Model View ViewModel (MVVM) Architecture fundamentals and variations (5:38) Is MVVM the perfect architecture? (7:41) Overview of MVVM with whiteboard example (12:11) Pros and Cons of MVVM (18:58) Package structure 3 (23:22) How to create Vector Drawables (24:22) Difference between Raster (PNG, JPG, BMP) and Vector (SVG) Images? (27:55) Uh Oh! (28:41) How to use Inkscape to create an SVG from a BMP/PNG (30:07) How to convert an SVG into an Android Studio Vector Asset (32:29) How to create simple animations using animation lists and fade animations 4 (38:19) Material Design User Interface using ConstraintLayout and Styles (41:00) Building an XML Layout using ConstraintLayout (51:09) Using ConstraintLayout Chains (55:43) Some tips on using Styles to create a material design look 5 (56:51) How to use (and when not to use) the Android Navigation Component from Android Jetpack (1:00:00) Adding Safe Args to gradle (1:01:15) Building a Navigation Graph using the Navigation Editor (XML) (1:11:00) Creating a NavHostFragment to host the Navigation Component and adding it to an Activity (1:15:29) How to actually change destinations in our Fragments using the Navigation Component (with safe args) 6 (1:20:00) Setting up Fragments as Views in MVVM using Kotlin Synthetic Properties (1:25:32) Starting point (1:27:54) Importing an XML layout to an Activity/Fragment using Kotlin Synthetic Properties (1:32:09) How to reference Views in the Fragment using synthetic properties (1:33:41) Adding onClickListener to our views (1:38:03) Intercepting OnBackPressed (NOTE: The API for this has changed since making this video. I have updated the Repository appropriately) (1:39:40) How to observe the ViewModel using LiveData callbacks 7 (1:43:22) ViewModels in MVVM with Kotlin Coroutines for Concurrency (1:45:26) A look at my BaseViewModel class which contains part of the Coroutines Implementation (Coroutine Scope) (1:49:25) Starting point (2:01:40) Handling events from the View in the ViewModel (2:05:34) Using the launch Coroutine Builder to access data (2:08:44) How to update the MutableLiveData fields to publish data to the View 8 (2:19:35) Modern RecyclerView implementation using LiveData to handle ItemTouchListener() callbacks (2:22:49) Overview of the RecyclerView within the XML View with LinearLayoutManager (2:26:53) What does the DiffUtil do? (2:28:48) A look at the source code of ListAdapter to better understand how it works (2:35:34) Writing the RecyclerView.ViewHolder class (2:37:23) Why is it actually called a RecyclerView? What gets Recycled? (2:37:58) Writing our RecyclerView.ListAdapter (2:46:37) How to use a MutableLiveData object to publish events from the onClickListener in the ViewHolders (2:48:09) Overview of the Fragment which manages the RecyclerView, and how to avoid memory leaks! 9 (2:53:17) FirebaseAuth for User Authentication using Google Sign In (2:54:00) How to set up a new Firebase Project using Android Studio (2:54:36) Enabling Authentication (FirebaseAuth) in the Firebase Console (2:55:00) Setting up a debug signing certificate for your App in Firebase (2:56:48) Gradle Configurations for FirebaseAuth (2:58:00) Setting up GoogleSignInProvider (2:59:24) Handling the result in onActivityResult (3:01:06) Back FirebaseAuth Implementation using Coroutines 10 (3:05:31) Local Database with Room Persistence Library and Coroutines (3:06:17) Entities and Primary Keys in Room (3:08:50) Setting up a Dao (Data Access Object) in Room (3:12:28) Overview of RoomDatabase implementation (3:14:21) How to build your Database and get a reference to you Dao (3:14:47) How to get data in and out of the Dao using suspend functions 11 (3:16:34) Setting up a Local and Remote Database using Firebase's Firestore NoSQL library (3:17:33) Communicating with Firestore using a Repository, with Coroutines 12 (3:21:59) Dependency Injection using an AndroidViewModel, and ViewModelProvider.Factory (3:22:29) What is dependency injection in simple terms? (3:23:36) Implementing Dependency Injection using AndroidViewModel (3:24:13) Quick look at using a ViewModelProvider.Factory to create our ViewModel with the Injected Repository (3:24:27) How to use our Dependency Injector from within a Fragment or Activity

AWS Certified Cloud Practitioner Training 2020 - Full Course

3hLmDS179YE | 24 Oct 2019

AWS Certified Cloud Practitioner Training 2020 - Full Course

This course will help you become an AWS Certified Cloud Practitioner. You will get a complete understanding of the AWS Cloud platform and be prepared to take the certification exam. This knowledge and certification will open up job opportunities. You will be able to prove your expertise in AWS and cloud computing. The exam can be taken anywhere as an online proctored exam. 🎥 Course developed by Andrew Brown of ExamPro. Check out the ExamPro YouTube channel: https://www.youtube.com/channel/UC2EsmbKnDNE7y1N3nZYCuGw 🔗 ExamPro AWS Obsessed Certification Training: https://www.exampro.co 🔗 LinkedIn: https://www.linkedin.com/company/exam... 🐦 Twitter: https://twitter.com/examproco 📷 Instagram: https://www.instagram.com/exampro.co/ ⭐️ Course Contents ⭐️ ☁️ Introduction ⌨️ (0:00:00) Meet Your Instructor Andrew Brown ⌨️ (0:00:40) Why Get AWS Cloud Practitioner Certified? ⌨️ (0:06:40) Exam Guide Overview ☁️ Cloud Concepts ⌨️ (0:09:57) What is Cloud Computing? ⌨️ (0:12:10) Six Advantages and Benefits of Cloud Computing ⌨️ (0:14:42) Types of Cloud Computing ⌨️ (0:16:48) Cloud Computing Deployment Models ☁️ AWS Global Infrastructure ⌨️ (0:19:27) Introduction and Map Overview ⌨️ (0:20:30) Regions ⌨️ (0:24:30) Availability Zones ⌨️ (0:25:42) Edge Locations ⌨️ (0:27:27) GovCloud Regions ☁️ Getting Started ⌨️ (0:29:20) Creating an AWS Account ⌨️ (0:32:43) Billing Preferences, Budgets and Alarms ⌨️ (0:40:09) Change IAM Users Sign-in Link ⌨️ (0:41:14) Activate MFA on Root Account ⌨️ (0:43:40) Create individual IAM user ⌨️ (0:48:44) Set a password policy ☁️ Hands On ⌨️ (0:49:50) Intro and Regions ⌨️ (0:51:03) EC2 ⌨️ (0:55:36) Sessions Manager ⌨️ (0:58:36) AMI ⌨️ (1:00:32) Auto Scaling Groups ⌨️ (1:07:31) Elastic Load Balancer ⌨️ (1:12:47) S3 ⌨️ (1:14:29) CloudFront ⌨️ (1:16:52) RDS ⌨️ (1:22:00) Lambda ☁️ EC2 Pricing Models ⌨️ (1:25:28) Introduction ⌨️ (1:25:46) On-Demand ⌨️ (1:26:19) Reserved ⌨️ (1:28:52) Spot ⌨️ (1:30:38) Dedicated ⌨️ (1:32:11) EC2 Pricing CheatSheet ☁️ Billing and Pricing ⌨️ (1:35:04) Free Services ⌨️ (1:36:08) AWS Support Plans ⌨️ (1:40:05) Follow Along - Lets create a support case ⌨️ (1:44:05) AWS Marketplace ⌨️ (1:45:05) Follow Along - Marketplace subscription ⌨️ (1:50:45) AWS Trusted Advisor ⌨️ (1:54:13) Follow Along Trusted Advisor ⌨️ (1:55:43) Consolidated Billing ⌨️ (1:56:54) Consolidated Billing Volume Discounts ⌨️ (1:58:36) AWS Cost Explorer ⌨️ (2:00:16) AWS Cost Explorer Follow Along ⌨️ (2:04:16) AWS Budgets ⌨️ (2:06:31) AWS Budgets Follow Along ⌨️ (2:10:24) TCO Calculator ⌨️ (2:11:20) TCO Calculator Follow ALong ⌨️ (2:14:44) AWS Landing Zone ⌨️ (2:17:28) Resource Groups and Tagging ⌨️ (2:18:37) Resource Groups Follow Along ⌨️ (2:23:40) AWS QuickStart ⌨️ (2:26:48) AWS Cost and Usage Report ⌨️ (2:27:32) Cost and Usage Follow Along ☁️ Technology Overview ⌨️ (2:30:18) AWS Organizations and Accounts ⌨️ (2:31:43) AWS Organizations Follow Along ⌨️ (2:44:13) AWS Networking ⌨️ (2:47:27) Database Services ⌨️ (2:51:31) Provisioning Services ⌨️ (2:56:01) Computing Services ⌨️ (3:00:05) Storage Services ⌨️ (3:03:52) Business Centric Services ⌨️ (3:07:28) Enterprise Integration ⌨️ (3:09:13) Logging Services ⌨️ (3:12:33) Know your Initialisms ☁️ Security ⌨️ (3:13:49) Shared Responsibility Model ⌨️ (3:15:34) AWS Compliance programs ⌨️ (3:17:59) AWS Artifact ⌨️ (3:19:05) AWS Artifact Follow Along ⌨️ (3:21:35) Amazon Inspector ⌨️ (3:23:04) AWS WAF ⌨️ (3:24:17) AWS Shield ⌨️ (3:27:42) Penetration Testing ⌨️ (3:29:29) Guard Duty ⌨️ (3:31:13) Key Management Service ⌨️ (3:32:50) Amazon Macie ⌨️ (3:35:06) Security Groups vs NACLs ⌨️ (3:37:02) AWS VPN ☁️ Variation Study ⌨️ (3:38:10) Cloud* Service ⌨️ (3:40:14) *Connect Service ⌨️ (3:41:28) Elastic Transcoder vs Media Convert ⌨️ (3:42:50) SNS vs SQS ⌨️ (3:45:17) Inspector vs Trusted Advisor ⌨️ (3:46:41) ALB vs NLB vs CLB ⌨️ (3:49:07) SNS vs SES ⌨️ (3:50:58) Artifact vs Inspector ☁️ Summary ⌨️ (3:51:49) Journey's End ⌨️ (3:52:10) Booking Your Exam ⌨️ (3:57:34) Thank You and Good Luck! ⭐️ More AWS Courses ⭐️ 🎥 AWS Certified Developer Associate Training: https://youtu.be/RrKRN9zRBWs 🎥 AWS Certified Solutions Architect Associate Training: https://youtu.be/Ia-UEYYR44s 🎥 AWS for Startups - Deploying with AWS: https://youtu.be/U3VSJhaC4kc -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pygame Tutorial for Beginners - Python Game Development Course

FfWpgLFMI7w | 22 Oct 2019

Pygame Tutorial for Beginners - Python Game Development Course

Learn how to use Pygame to code games with Python. In this full tutorial course, you will learn Pygame by building a space invaders game. The course will help you understand the main game development concepts like moving characters, shooting bullets, and more. 💻 Code: https://github.com/attreyabhatt/Space-Invaders-Pygame 🎥 Course created by buildwithpython. Check out his YouTube channel: https://www.youtube.com/channel/UCirPbvoHzD78Lnyll6YYUpg ⌨️ (0:00:00) Installing Python and Pycharm ⌨️ (0:04:12) Creating Our First Game Window ⌨️ (0:12:39) Changing the Title, Logo and Background Color ⌨️ (0:20:33) Adding Images into Our Space Invader Game ⌨️ (0:29:57) Movement Mechanics in Game Development ⌨️ (0:38:13) Keyboard Input Controls & Key Pressed Event ⌨️ (0:49:53) Adding Boundaries to Our Game ⌨️ (0:53:28) Creating the Enemy ⌨️ (0:59:14) Movement Mechanics of the Enemy Space Invader ⌨️ (1:06:51) Adding a Background Image ⌨️ (1:12:08) Creating Bullets for Shooting ⌨️ (1:26:21) Shooting Multiple Bullets at Space Invaders ⌨️ (1:34:24) Collision Detection ⌨️ (1:48:05) Creating Multiple Enemies ⌨️ (1:55:08) Adding Text and Displaying Score ⌨️ (2:03:17) Adding Sounds and Background Music ⌨️ (2:09:05) Game Over -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Tutorial - Zero to Hero (Complete Course)

1Rs2ND1ryYc | 16 Oct 2019

CSS Tutorial - Zero to Hero (Complete Course)

Learn CSS in this full course for beginners. CSS, or Cascading Style Sheet, is responsible for the styling and looks of a website. In this course, we cover CSS from the ground up. You will learn everything from basic skills, such as coloring and text, to highly advanced skills, like custom animations. You will learn about: •Coloring •Formatting •Text •Layout •Grid •Flexbox •Animations •Transitions •And more! 💻 Code: https://github.com/Video-Lab/css-course-content 🎥 Course from Jad Khalili. To view more content from this instructor, visit: https://www.udemy.com/user/jad-khalili/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Course Achievements & Results ⌨️ (0:02:36) Introduction to Course ⌨️ (0:11:19) Downloading Necessary Software ⌨️ (0:12:30) Where to Find Project Files ⌨️ (0:14:28) What is CSS? ⌨️ (0:17:09) Creating & Linking a CSS Stylesheet ⌨️ (0:20:39) How to Test a Stylesheet ⌨️ (0:22:12) What is a Selector? ⌨️ (0:25:54) Classes & ID's in HTML ⌨️ (0:31:52) Specificity & When to use Selectors ⌨️ (0:39:13) Pseudoselectors ⌨️ (0:47:58) Advanced Selectors ⌨️ (0:59:30) Attribute Selectors ⌨️ (0:09:38) What are Properties? ⌨️ (1:12:59) The CSS General Rule ⌨️ (1:17:37) Types of Colors ⌨️ (1:24:53) Coloring Text ⌨️ (1:32:30) Background Colors ⌨️ (1:36:56) Images/URL's in CSS ⌨️ (1:42:30) Other Background Properties ⌨️ (1:48:59) Opacity/Transparency ⌨️ (1:52:17) Gradients ⌨️ (2:04:12) Introduction to Types of Units ⌨️ (2:15:57) Text Manipulation ⌨️ (2:23:54) Font Size, Bolding & Style ⌨️ (2:30:33) Font Families ⌨️ (2:37:08) Including External Fonts w/ Google Fonts ⌨️ (2:43:14) Using External Fonts ⌨️ (2:49:07) The CSS Box Model ⌨️ (2:53:18) Changing Content Size ⌨️ (2:59:07) CSS Borders ⌨️ (3:05:51) Margin & Padding ⌨️ (3:15:17) Float & Display Types ⌨️ (3:27:47) What is Flexbox? ⌨️ (3:31:35) Creating a Flex Container ⌨️ (3:34:09) Flex Direction & Wrap ⌨️ (3:38:26) Content Alignment ⌨️ (3:44:45) Flex Item Order ⌨️ (3:49:32) Shrink, Grow, & Basis ⌨️ (4:00:03) The 'flex' Property ⌨️ (4:03:21) Item Alignment ⌨️ (4:08:16) Grid vs Flexbox ⌨️ (4:11:14) Creating a Grid ⌨️ (4:13:30) Template Columns & Rows ⌨️ (4:21:12) Justify & Align Grid ⌨️ (4:28:10) Row & Column Gaps ⌨️ (4:33:13) Column & Row Lines ⌨️ (4:40:46) Grid Area ⌨️ (4:44:38) The Transition Property ⌨️ (4:58:05) Transformation Functions ⌨️ (5:12:26) Creating Animations w/ Keyframes ⌨️ (5:20:30) Adding an Animation ⌨️ (5:23:23) Animation Properties ⌨️ (5:34:49) Website Transformation Challenge ⌨️ (5:38:22) Website Transformation - SOLUTION ⌨️ (6:13:32) What to Learn Next -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

RyTRgQ7k6QE | 14 Oct 2019

Learn Bootstrap by creating a custom admin theme - Intermediate Tutorial

Learn the Bootstrap CSS framework with this full tutorial. In this intermediate course, you will learn Bootstrap by creating a custom bootstrap theme from scratch using webpack. We'll be making an admin theme. First, we'll set up npm and webpack so we can configure Bootstrap's source files that are written in SASS. Next, we'll cover the basics of Bootstrap and create some basic Bootstrap templates that are common in admin forms. Finally, we'll customize the theme by writing custom styling and overwriting some of the Bootstrap JavaScript 💻 Code: https://github.com/wilsmex/hq-admin 🎥 Video by Andrew Wilson. Check out his YouTube channel: https://www.youtube.com/channel/UCETveVX7TPauIupxYz6sFtA ⭐️ Course Contents ⭐️ Part 1 ⌨️ (2:03) initialize git ⌨️ (2:15) initialize npm ⌨️ (5:06) initialize web pack ⌨️ (6:52) initialize font awesome ⌨️ (7:39) web pack config file ⌨️ (9:04) initialize bootstrap sass and associated required files ⌨️ (15:10) set up project src directory and structure ⌨️ (22:40) configure webpack.config.js ⌨️ (38:50) set up index.html file ⌨️ (52:40) setup our Sass files and import Bootstrap Sass files Part 2 ⌨️ (1:04:33) Bootstrap grid basics ⌨️ (1:11:20) Bootstrap form basics ⌨️ (1:25:00) Bootstrap table basics ⌨️ (1:31:03) Bootstrap card basics ⌨️ (1:38:20) Bootstrap buttons, alerts, dialogs Part 3 ⌨️ (1:41:50) setup our App HTML structure ⌨️ (1:55:03) CSS for navigation header ⌨️ (2:08:35) CSS for sidebar ⌨️ (2:19:35) Override bootstrap defaults ⌨️ (2:26:20) Add responsiveness and sidebar auto-hide ⌨️ (2:39:16) Add mobile toggle via CSS ⌨️ (2:43:45) Add mobile toggle javascript -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Algorithms Course - Graph Theory Tutorial from a Google Engineer

09_LlHjoEiY | 09 Oct 2019

Algorithms Course - Graph Theory Tutorial from a Google Engineer

This full course provides a complete introduction to Graph Theory algorithms in computer science. Knowledge of how to create and design excellent algorithms is an essential skill required in becoming a great programmer. You will learn how many important algorithms work. The algorithms are accompanied by working source code in Java to solidify your understanding. 💻 Code: https://github.com/williamfiset/algorithms 🔗 Slides: https://github.com/williamfiset/Algorithms/tree/master/slides/graphtheory 🎥 Course created by William Fiset. Check out his YouTube channel: https://www.youtube.com/channel/UCD8yeTczadqdARzQUp29PJw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Graph Theory Introduction ⌨️ (0:13:53) Problems in Graph Theory ⌨️ (0:23:15) Depth First Search Algorithm ⌨️ (0:33:18) Breadth First Search Algorithm ⌨️ (0:40:27) Breadth First Search grid shortest path ⌨️ (0:56:23) Topological Sort Algorithm ⌨️ (1:09:52) Shortest/Longest path on a Directed Acyclic Graph (DAG) ⌨️ (1:19:34) Dijkstra's Shortest Path Algorithm ⌨️ (1:43:17) Dijkstra's Shortest Path Algorithm | Source Code ⌨️ (1:50:47) Bellman Ford Algorithm ⌨️ (2:05:34) Floyd Warshall All Pairs Shortest Path Algorithm ⌨️ (2:20:54) Floyd Warshall All Pairs Shortest Path Algorithm | Source Code ⌨️ (2:29:19) Bridges and Articulation points Algorithm ⌨️ (2:49:01) Bridges and Articulation points source code ⌨️ (2:57:32) Tarjans Strongly Connected Components algorithm ⌨️ (3:13:56) Tarjans Strongly Connected Components algorithm source code ⌨️ (3:20:12) Travelling Salesman Problem | Dynamic Programming ⌨️ (3:39:59) Travelling Salesman Problem source code | Dynamic Programming ⌨️ (3:52:27) Existence of Eulerian Paths and Circuits ⌨️ (4:01:19) Eulerian Path Algorithm ⌨️ (4:15:47) Eulerian Path Algorithm | Source Code ⌨️ (4:23:00) Prim's Minimum Spanning Tree Algorithm ⌨️ (4:37:05) Eager Prim's Minimum Spanning Tree Algorithm ⌨️ (4:50:38) Eager Prim's Minimum Spanning Tree Algorithm | Source Code ⌨️ (4:58:30) Max Flow Ford Fulkerson | Network Flow ⌨️ (5:11:01) Max Flow Ford Fulkerson | Source Code ⌨️ (5:27:25) Unweighted Bipartite Matching | Network Flow ⌨️ (5:38:11) Mice and Owls problem | Network Flow ⌨️ (5:46:11) Elementary Math problem | Network Flow ⌨️ (5:56:19) Edmonds Karp Algorithm | Network Flow ⌨️ (6:05:18) Edmonds Karp Algorithm | Source Code ⌨️ (6:10:08) Capacity Scaling | Network Flow ⌨️ (6:19:34) Capacity Scaling | Network Flow | Source Code ⌨️ (6:25:04) Dinic's Algorithm | Network Flow ⌨️ (6:36:09) Dinic's Algorithm | Network Flow | Source Code -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build 5 Dapps on the Ethereum Blockchain - Beginner Tutorial

8wMKq7HvbKw | 07 Oct 2019

Build 5 Dapps on the Ethereum Blockchain - Beginner Tutorial

Learn Ethereum Dapp in this full tutorial for beginners. This course teaches how to build decentralized applications on the Ethereum Blockchain. We are going to build 5 Ethereum Dapps. For each of them, we will: - Develop smart contracts - Test smart contracts - Build a web frontend to interact with the smart contract The course covers: - The architecture of Dapps - Solidity, the programming language for Ethereum smart contract - Remix, the online IDE for Solidity - Truffle, the framework for Solidity smart contracts - Ganache, the local development Blockchain - Web3, the JS library to integrate a Dapp frontend - Metamask, the Ethereum wallet used by most Dapps (browser extension) - Deployment to public testnet (Ropsten) and mainnet, using Infura API Requirements: - NodeJS v10 - Works on both Windows, Linux and Mac 💻 Code: https://github.com/jklepatch/eattheblocks/tree/master/dapp-30 Register to the FREE mini-course "become a blockchain developer" on eattheblocks.com to learn how to get a remote blockchain job making 100k. For more tutorials on Ethereum Dapps, Solidity smart contracts, check out the EatTheBlocks channel: https://www.youtube.com/c/eattheblocks While this is a stand-alone course, it is part of Dapp 30, a course where we build 30 Ethereum Dapps so that you can learn Ethereum Dapps / Solidity AND build your portfolio to get a job as Blockchain developer: https://eattheblocks-pro.teachable.com/p/dapp-30 ⭐️ Course Contents ⭐️ Dapp 1 - Simple smart contract ⌨️ 8:22: Smart contract: Intro to Solidity, Remix, Deploying contract on Remix ⌨️ 21:09: Tests - Introduction to Truffle and tests ⌨️ 32:03: Frontend - Architecture of Ethereum Dapp / integration with smart contract, ABI, intro to Web3 Dapp 2 - Helloworld ⌨️ 57:18: Smart contract - Solidity read-only functions, Interacting with functions in Remix ⌨️ 1:07:28: Tests - Testing a smart contract function with Truffle ⌨️ 1:12:33: Frontend - Interacting with a smart contract function from frontend, with Web3 Dapp 3 - Simple storage ⌨️ 1:24:00: Smart contract - Solidity functions that can modify smart contract data (in transaction) ⌨️ 1:41:53: Tests - Test (transaction) smart contract functions with Truffle ⌨️ 1:45:27: Frontend - Sending transactions from frontend, with Web3 Dapp 4 - Complex storage ⌨️ 2:04:05: Smart contract - Solidity Arrays (adding element, read single element, read all elements and get length) ⌨️ 2:14:37: Tests - Testing Solidity arrays with Truffle, introduction to the BN.js library to deal with Solidity numbers ⌨️ 2:26:54: Frontend - Using Webpack / ES6 for Dapp frontend, Intro to (new) Metamask and integration with frontend Dapp 5 - Crud ⌨️ 3:06:51: Smart contract - create, read update and delete data in Solidity ⌨️ 3:31:33: Tests - How to tests Solidity errors with Truffle (require, revert...) ⌨️ 3:47:25: Frontend - Deployment on public testnet (Ropsten) and Mainnet with Infura -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Netlify Tutorial - How to build and deploy websites using Netlify

mT5siI19gtc | 03 Oct 2019

Netlify Tutorial - How to build and deploy websites using Netlify

Netlify helps developers quickly roll out static websites. In this in-depth Netlify course for beginners, you will learn how to use the service for everything needed in modern web development, from local setup to global deployment. This video is the perfect place to start for anyone that wants to learn how to use Netlify. 💻 Detailed Notes and References: https://gist.github.com/sw-yx/167250684bb3c47edc40ad97b63d1cfb 🎥 Video by Swyx. He is an Infinite Builder working on DX at Netlify. 🐦 Twitter: @swyx ⭐️ Course Contents ⭐️ ⌨️ (00:03:42) Part 1: 🗺️ Netlify Edge ⌨️ (00:37:15) Part 2: ⚒️ Netlify Build ⌨️ (01:02:02) Part 3: 👩🏼‍💻 Netlify Dev ⌨️ (01:24:17) Part 4: 🗒️ Netlify Forms ⌨️ (01:55:21) Part 5: 🆔 Netlify Identity ⌨️ (02:34:07) Part 6: ✍️ NetlifyCMS ⌨️ (02:59:53) Part 7: ➕ Netlify Addons: Everything Else! ⌨️ (03:18:18) Part 8: 🍻 Netlify API ⌨️ (03:25:39) Part 9: ❓ Learn More -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React and APIs - Full Tutorial - Hacker News API Application

LN6Dol_fX0w | 01 Oct 2019

React and APIs - Full Tutorial - Hacker News API Application

Learn how to use APIs with React in this intermediate tutorial. We're going to be creating a small application in React that calls the Hacker News API. We'll be looking at React memo, Axios (to make API calls), styled components, and finally we will test our work using React Testing Library. Once we have done all this we will run our application through Lighthouse (a browser extension) that allows us to test for accessibility, performance and so much more. We will be making 500+ automated API calls in this application, and I want to show you how to use memo with React so that we can avoid making multiple network calls if we already have the data. 💻 Code: https://github.com/karlhadwen/newsreader 🎥 Video by Karl Hadwen. Check out his YouTube channel: https://youtube.com/c/cognitivesurge 🐦 Karl on Twitter: @karlhadwen Check out part 2 where Karl teaches how to use Apollo Server 2 and GraphQL: https://www.youtube.com/watch?v=M0nIFRd8DXU ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction (what are we building?), tech stack talk ⌨️ (0:01:50) Using create-react-app as our base ⌨️ (0:03:30) Stripping out the files & content that we do not need ⌨️ (0:05:00) Refactoring to named exports ⌨️ (0:08:35) Modifying our .env file ⌨️ (0:09:15) Scaffolding our application ⌨️ (0:10:15) Looking at the Hacker News Api ⌨️ (0:11:50) Looking at all the news article Ids ⌨️ (0:12:58) Adding Axios using Yarn ⌨️ (0:13:00) Creating our hnApi.js service file ⌨️ (0:15:07) Adding the ability to get all story Ids from HN Api ⌨️ (0:17:14) Starting work on App.js ⌨️ (0:22:30) Adding useEffect to App.js to show all story Ids ⌨️ (0:30:00) Explaining how useEffect works ⌨️ (0:36:00) Creating our StoriesContainer.js container/component ⌨️ (0:37:50) Adding the ability to get stories from HN Api ⌨️ (0:39:50) Demonstrating the results that we receive from the HN Api ⌨️ (0:41:30) Creating our Story.js component file ⌨️ (0:43:15) Adding our Story component to the StoriesContainer component ⌨️ (0:44:10) Adding storyId as a prop to the Story.js component ⌨️ (0:46:40) Adding state to our Story.js component ⌨️ (0:47:10) Using useEffect to get a story in our Story.js component ⌨️ (0:47:40) Adding validation when getting stories ⌨️ (0:49:00) Dumping our stories onto the page ⌨️ (0:49:55) Building out the Story.js component with real data ⌨️ (0:53:20) Adding a selector for the story fields ⌨️ (0:56:00) Adding styled components ⌨️ (0:57:00) Building out our StoryStyles.js file using styled components ⌨️ (0:59:00) Adding a title to StoriesContainer.js ⌨️ (1:00:00) Adding a StoryWrapper to our Story.js component ⌨️ (1:01:50) More work on styling ⌨️ (1:02:30) Adding styling for StoryMeta ⌨️ (1:03:55) Adding styling for StoryMetaElements & styled component props ⌨️ (1:04:55) Adding our styled components to our Story.js component ⌨️ (1:11:30) Adding StoriesContainerStyles for more styling on the container ⌨️ (1:12:05) Looking at adding global styles (createGlobalStyle) ⌨️ (1:13:00) Adding our container styles to StoriesContainer.js ⌨️ (1:14:55) Brief look at the React profiler ⌨️ (1:16:00) Quick run through as to what we have built so far ⌨️ (1:18:10) Making our time display properly using mapTime.js ⌨️ (1:22:00) Adding InfiniteScroll to our application (custom hook) ⌨️ (1:22:40) Constants to be used by InfiniteScroll for per page items ⌨️ (1:39:05) Adding debounce functionality for scrolling ⌨️ (1:42:00) Adding a fixture folder with fixtures for tests ⌨️ (1:46:00) Testing! Lets test App.js ⌨️ (1:48:00) Adding react-testing-library to our application ⌨️ (1:59:00) Adding Jest coverage (good practise to do so) ⌨️ (2:02:00) Testing the StoriesContainer.js ⌨️ (2:03:40) Testing the Story.js component ⌨️ (2:10:00) Testing the HnApi.js file ⌨️ (2:22:18) Looking at our coverage and more testing! ⌨️ (2:22:53) Collecting coverage from the right places ⌨️ (2:25:43) Looking at React memo ⌨️ (2:27:33) Adding memo to Story.js to prevent additional Api calls ⌨️ (2:29:18) Overview of what we have achieved! ⌨️ (2:30:29) Running our application through Lighthouse! ⌨️ (2:33:00) Thanks for watching, I hope you learned a lot! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

TensorFlow 2.0 Crash Course

6g4O5UOH304 | 26 Sep 2019

TensorFlow 2.0 Crash Course

Learn how to use TensorFlow 2.0 in this crash course for beginners. This course will demonstrate how to create neural networks with Python and TensorFlow 2.0. If you want a more comprehensive TensorFlow 2.0 course, check out this 7 hour course: https://youtu.be/tPYj3fFJGjk 🎥 Course created by Tech with Tim. Check out his YouTube channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What is a Neural Network? ⌨️ (0:26:34) How to load & look at data ⌨️ (0:39:38) How to create a model ⌨️ (0:56:48) How to use the model to make predictions ⌨️ (1:07:11) Text Classification (part 1) ⌨️ (1:28:37) What is an Embedding Layer? Text Classification (part 2) ⌨️ (1:42:30) How to train the model - Text Classification (part 3) ⌨️ (1:52:35) How to saving & loading models - Text Classification (part 4) ⌨️ (2:07:09) How to install TensorFlow GPU on Linux -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer

RBSGKlAvoiM | 19 Sep 2019

Data Structures Easy to Advanced Course - Full Tutorial from a Google Engineer

Learn and master the most common data structures in this full course from Google engineer William Fiset. This course teaches data structures to beginners using high quality animations to represent the data structures visually. You will learn how to code various data structures together with simple to follow step-by-step instructions. Every data structure presented will be accompanied by some working source code (in Java) to solidify your understanding. 💻 Code: https://github.com/williamfiset/data-structures 🎥 Course created by William Fiset. Check out his YouTube channel: https://www.youtube.com/channel/UCD8yeTczadqdARzQUp29PJw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Abstract data types ⌨️ (0:04:28) Introduction to Big-O ⌨️ (0:17:00) Dynamic and Static Arrays ⌨️ (0:27:40) Dynamic Array Code ⌨️ (0:35:03) Linked Lists Introduction ⌨️ (0:49:16) Doubly Linked List Code ⌨️ (0:58:26) Stack Introduction ⌨️ (1:09:40) Stack Implementation ⌨️ (1:12:49) Stack Code ⌨️ (1:15:58) Queue Introduction ⌨️ (1:22:03) Queue Implementation ⌨️ (1:27:26) Queue Code ⌨️ (1:31:32) Priority Queue Introduction ⌨️ (1:44:16) Priority Queue Min Heaps and Max Heaps ⌨️ (1:49:55) Priority Queue Inserting Elements ⌨️ (1:59:27) Priority Queue Removing Elements ⌨️ (2:13:00) Priority Queue Code ⌨️ (2:28:26) Union Find Introduction ⌨️ (2:33:57) Union Find Kruskal's Algorithm ⌨️ (2:40:04) Union Find - Union and Find Operations ⌨️ (2:50:30) Union Find Path Compression ⌨️ (2:56:37) Union Find Code ⌨️ (3:03:54) Binary Search Tree Introduction ⌨️ (3:15:57) Binary Search Tree Insertion ⌨️ (3:21:20) Binary Search Tree Removal ⌨️ (3:34:47) Binary Search Tree Traversals ⌨️ (3:46:17) Binary Search Tree Code ⌨️ (3:59:26) Hash table hash function ⌨️ (4:16:25) Hash table separate chaining ⌨️ (4:24:10) Hash table separate chaining source code ⌨️ (4:35:44) Hash table open addressing ⌨️ (4:46:36) Hash table linear probing ⌨️ (5:00:21) Hash table quadratic probing ⌨️ (5:09:32) Hash table double hashing ⌨️ (5:23:56) Hash table open addressing removing ⌨️ (5:31:02) Hash table open addressing code ⌨️ (5:45:36) Fenwick Tree range queries ⌨️ (5:58:46) Fenwick Tree point updates ⌨️ (6:03:09) Fenwick Tree construction ⌨️ (6:09:21) Fenwick tree source code ⌨️ (6:14:47) Suffix Array introduction ⌨️ (6:17:54) Longest Common Prefix (LCP) array ⌨️ (6:21:07) Suffix array finding unique substrings ⌨️ (6:25:36) Longest common substring problem suffix array ⌨️ (6:37:04) Longest common substring problem suffix array part 2 ⌨️ (6:43:41) Longest Repeated Substring suffix array ⌨️ (6:48:13) Balanced binary search tree rotations ⌨️ (6:56:43) AVL tree insertion ⌨️ (7:05:42) AVL tree removals ⌨️ (7:14:12) AVL tree source code ⌨️ (7:30:49) Indexed Priority Queue | Data Structure ⌨️ (7:55:10) Indexed Priority Queue | Data Structure | Source Code -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Introduction To Responsive Web Design - HTML & CSS Tutorial

srvUrASNj0s | 18 Sep 2019

Introduction To Responsive Web Design - HTML & CSS Tutorial

This tutorial teaches you to build responsive websites from scratch. It’s a part of The Responsive Web Design Bootcamp at Scrimba: https://scrimba.com/g/gresponsive However, this 4-hour tutorial stands fully on its own legs. It starts with explaining the core concepts needed to start thinking responsively, and then it takes you through every single step in building a professional-level responsive website. The teacher is the brilliant Kevin Powell, who’s well-known for his videos on HTML and CSS here on YouTube. You can check out his channel here: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw ⭐️ Course content ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:02:59) 1. Starting to think responsively ⌨️ (00:06:01) 2. CSS Units ⌨️ (00:09:16) 3. CSS Units - Percentage ⌨️ (00:15:14) 4. Controlling the width of images ⌨️ (00:20:05) 5. min-width and max-width ⌨️ (00:22:54) 6. CSS Units - The em unit ⌨️ (00:28:25) 7. The problem with ems ⌨️ (00:30:58) 8. The Solution: Rems ⌨️ (00:35:46) 9. Picking which unit to use ⌨️ (00:39:18) 10. ems and rems - an example ⌨️ (00:47:10) 11. Flexbox refresher and setting up some HTML ⌨️ (00:55:02) 12. Basic Styles and setting up the columns ⌨️ (01:02:09) 13. Adding the background color ⌨️ (01:06:21) 14. Setting the column widths ⌨️ (01:10:00) 15. Spacing out the columns ⌨️ (01:14:27) 16. Controlling the vertical position of flex items ⌨️ (01:19:42) 17. Media Query basics ⌨️ (01:29:50) 18. Making out layout responsive with flex-direction ⌨️ (01:36:45) 19. flex-direction explained ⌨️ (01:39:54) 20. Creating a navigation ⌨️ (01:44:40) 21. Using flexbox to start styling our navigation ⌨️ (01:52:19) 22. Making out navigation look good ⌨️ (01:59:38) 23. Adding the underline ⌨️ (02:03:40) 24. A more complicated navigation ⌨️ (02:10:25) 25. Making the navigation responsive ⌨️ (02:17:20) 26. Taking a look at the rest of the project ⌨️ (02:21:34) 27. Setting up the structure ⌨️ (02:29:59) 28. Featured article structure ⌨️ (02:35:07) 29. The home page - HTML for the recent articles ⌨️ (02:37:39) 30. Home Page - HTML for the aside ⌨️ (02:43:45) 31. Starting the CSS for our page ⌨️ (02:59:15) 32. Starting the layout - looking at the big picture ⌨️ (03:07:48) 33. Starting to think mobile first ⌨️ (03:10:37) 34. Styling the featured article ⌨️ (03:17:03) 35. Changing the visual order with flex box ⌨️ (03:22:19) 36. Playing with the title’s position, and the downsides of negative margins ⌨️ (03:27:05) 37. Changing the visual order with flex box ⌨️ (03:31:00) 38. Styling recent articles for large screens ⌨️ (03:38:50) 39. Setting up the widgets and talking breakpoints ⌨️ (03:45:41) 40. Using a new pseudo-class to wrap-up the homepage ⌨️ (03:53:12) 41. Creating the recent posts page ⌨️ (03:56:39) 42. Setting up the About Me page ⌨️ (04:00:54) 43. Fixing up some loose ends ⌨️ (04:05:27) 44. Important Note. The viewport meta tag ⌨️ (04:09:10) 45. Module wrap up ⌨️ (04:12:24) Outro -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sass Tutorial for Beginners - CSS With Superpowers

_a5j7KoflTs | 09 Sep 2019

Sass Tutorial for Beginners - CSS With Superpowers

In this course, you will learn the basics of Sass. We will start with a brief overview of what Sass is along with what is required to incorporate Sass into your environment. We will also set up a Sass compiler in Visual Studio Code. You will learn about Sass variables, maps, nesting, functions, mixins, extending, and operations. Lastly, we will start from scratch on a real-world project (Portfolio website) using Sass. We will go step-by-step through each part, and at the end, we will deploy the site. 🔗 Project Code: https://github.com/codeSTACKr/portfolio-sass 🎥 Tutorial from codeSTACKr. Check out their YouTube Channel: https://www.youtube.com/codeSTACKr ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Intro ⌨️ (0:00:58) What Is Sass? ⌨️ (0:01:24) Requirements ⌨️ (0:02:15) Install/Setup Live Sass Compiler VS Code Extension ⌨️ (0:04:02) Folder Structure / Sass Syntax ⌨️ (0:08:06) Variables ⌨️ (0:10:03) Maps ⌨️ (0:03:00) Nesting ⌨️ (0:16:54) Partials ⌨️ (0:19:40) Functions ⌨️ (0:21:30) Mixin Example 1 ⌨️ (0:24:26) Mixin Example 2 ⌨️ (0:28:00) Mixin Example 3 ⌨️ (0:30:20) Extend ⌨️ (0:32:05) Math Operations ⌨️ (0:33:49) How to Learn More (Documentation) ⌨️ (0:34:02) Real-World Example From Scratch (Portfolio Site) ⌨️ (0:34:38) index.html ⌨️ (0:40:35) Font Awesome Setup ⌨️ (0:41:29) main.scss / _config.scss ⌨️ (0:48:18) _home.scss ⌨️ (0:52:55) Transition Ease Mixin ⌨️ (0:54:24) Text Color Function ⌨️ (0:57:10) _menu.scss ⌨️ (1:02:38) main.js ⌨️ (1:06:08) Menu cont. ⌨️ (1:19:38) about.html ⌨️ (1:23:51) _about.scss ⌨️ (1:30:37) projects.html ⌨️ (1:35:05) _projects.scss ⌨️ (1:43:57) contact.html ⌨️ (1:47:09) _contact.scss ⌨️ (1:49:56) _responsive.scss ⌨️ (2:01:35) Deploy on Github Pages ✔️ codeSTACKr on Twitter: https://twitter.com/codeSTACKr ✔️ codeSTACKr on Instagram: https://instagram.com/codeSTACKr ✔️ codeSTACKr website: http://codeSTACKr.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CEO can code? Watch Netlify's CEO code a Sudoku app from scratch in a bar on a Saturday night

GytUZLK4kwA | 06 Sep 2019

CEO can code? Watch Netlify's CEO code a Sudoku app from scratch in a bar on a Saturday night

Netlify CEO Matt Biilmann live codes a Sudoku app using Netlify while sitting in a bar on late one Saturday night. We recorded this in GitHub's bar in their office during the 2018 freeCodeCamp JAMstack Hackathon. Matt co-founded Netlify in 2014. He's raised more than $44 million in venture capital funding. But he hasn't lost his coding chops. Netlify is a San Francisco-based Platform-as-a-Service that builds, deploys, and hosts static websites and apps. You can learn more and create a free account to host your websites here: https://www.netlify.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to start a coding YouTube channel (with tips from a bunch of successful creators!)

AsTagX5tG4E | 04 Sep 2019

How to start a coding YouTube channel (with tips from a bunch of successful creators!)

Learn how to start a software YouTube channel! In this tutorial, you will learn everything you need to know to start your own successful software YouTube channel including how to plan videos, how to make good thumbnails and titles, what the algorithm cares about, how to make money, and more. You will also hear tips from these successful YouTube creators: ⌨️ Brad Traversy | https://www.youtube.com/traversymedia ⌨️ CodingPhase | https://www.youtube.com/codingphase ⌨️ RealToughCandy | https://www.youtube.com/RealToughCandy ⌨️ Jesse Weigel | https://www.youtube.com/JesseandBek ⌨️ Caleb Curry | https://www.youtube.com/CalebTheVideoMaker2 ⌨️ Kevin Markham | https://www.youtube.com/dataschool 🔗Check out the article version of this video: https://www.freecodecamp.org/news/how-to-start-a-software-youtube-channel/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and why you should start a channel ⌨️ (0:01:32) Determine your goals ⌨️ (0:05:31) Determine your channel style ⌨️ (0:18:45) Channel set up ⌨️ (0:21:01) Video planning ⌨️ (0:22:04) Recording and editing ⌨️ (0:26:59) Creating thumbnails ⌨️ (0:29:28) Choosing a title ⌨️ (0:32:40) How to get views ⌨️ (0:35:38) What the algorithm DOESN'T care about* ⌨️ (0:41:28) What the algorithm does care about ⌨️ (0:44:46) Consistency and specific goals ⌨️ (0:46:41) Making money ⌨️ (1:02:00) Promoting ⌨️ (1:03:16) Miscellaneous tips -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spring Boot Tutorial for Beginners (Java Framework)

vtPkZShrvXQ | 03 Sep 2019

Spring Boot Tutorial for Beginners (Java Framework)

Learn Spring Boot in this full course for beginners. Spring Boot is an amazing framework for building Java applications. It makes it easy to create stand-alone, production-grade Spring based Applications that you can "just run". 💻 Code: https://github.com/amigoscode/spring-boot-react-fullstack ✏️ Course from Amigoscode. 🔗 Subscribe to Amigoscode YouTube channel: http://bit.ly/2HpF5V8 🔗 Full Stack Spring Boot | React | Postgres Course: http://bit.ly/2NGmUx3 🔗 Visit Amigoscode.com for more courses: http://bit.ly/2JgGW0w 🔗 Follow Amigoscode on Instagram: http://bit.ly/2TSkA9w 🔗 Join Amigoscode Closed Facebook Group: http://bit.ly/2FbuIkx -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jamovi for Data Analysis - Full Tutorial

mZomeS0tLxY | 29 Aug 2019

jamovi for Data Analysis - Full Tutorial

Learn jamovi in this full tutorial course. jamovi is a free, open-source application that makes data analysis easy and intuitive. jamovi menus and commands are designed to simplify the transition from programs like SPSS but, under the hood, jamovi is based on the powerful statistical programming language R. jamovi has a clean, human-friendly design that facilitates insight into your data and makes it easy to share your work with others. In this introductory course, you’ll learn how you can use jamovi to refine, analyze, and visualize your data to get critical insights. 🔗 Course files: https://drive.google.com/drive/folders/1gJJ9di69FBZPhAdG9dWqXHZnR_JJry0G 🔗 Preview course files on preview them on OSF.io: https://osf.io/4k9rx/?view_only=de565278f386463dacf16a0047a90a31 💻 Course created by Barton Poulson from datalab.cc. 🔗 Check out the datalab.cc YouTube channel: https://www.youtube.com/user/datalabcc 🔗 Watch more free data science courses at http://datalab.cc/ ⭐️ Course Contents ⭐️ GETTING STARTED ⌨️ (0:00:00) Welcome ⌨️ (0:01:26) Installing jamovi ⌨️ (0:02:00) Navigating jamovi ⌨️ (0:05:43) Sample data ⌨️ (0:08:54) Sharing files ⌨️ (0:10:26) Sharing with OSF.io ⌨️ (0:13:54) jamovi modules ⌨️ (0:18:05) The jmv package for R WRANGLING DATA ⌨️ (0:23:07) Wrangling data: chapter overview ⌨️ (0:24:36) Entering data ⌨️ (0:26:52) Importing data ⌨️ (0:31:43) Variable types & labels ⌨️ (0:37:52) Computing means ⌨️ (0:41:47) Computing z-scores ⌨️ (0:43:43) Transforming scores to categories ⌨️ (0:47:25) Filtering cases EXPLORATION ⌨️ (0:55:51) Exploration: chapter overview ⌨️ (0:56:56) Descriptive statistics ⌨️ (1:02:22) Histograms ⌨️ (1:06:47) Density plots ⌨️ (1:10:10) Box plots ⌨️ (1:13:35) Violin plots ⌨️ (1:16:13) Dot plots ⌨️ (1:19:20) Bar plots ⌨️ (1:23:08) Exporting tables & plots T-TESTS ⌨️ (1:24:28) t-tests: chapter overview ⌨️ (1:33:24) Independent-samples t-test ⌨️ (1:40:03) Paired-samples t-test ⌨️ (1:45:16) One-sample t-test ANOVA ⌨️ (1:52:23) ANOVA: chapter overview ⌨️ (1:54:20) ANOVA ⌨️ (2:06:31) Repeated-measures ANOVA ⌨️ (2:16:21) ANCOVA ⌨️ (2:30:14) MANCOVA ⌨️ (2:37:26) Kruskal-Wallis test ⌨️ (2:43:26) Friedman test REGRESSION ⌨️ (2:48:55) Regression: chapter overview ⌨️ (2:51:03) Correlation matrix ⌨️ (2:58:34) Linear regression ⌨️ (3:13:36) Variable entry ⌨️ (3:20:51) Regression diagnostics ⌨️ (3:27:11) Binomial logistic regression ⌨️ (3:36:12) Multinomial logistic regression ⌨️ (3:45:03) Ordinal logistic regression FREQUENCIES ⌨️ (3:53:28) Frequencies: chapter overview ⌨️ (3:55:47) Binomial test ⌨️ (4:00:39) Chi-squared goodness-of-fit ⌨️ (4:07:06) Chi-squared test of association ⌨️ (4:12:26) McNemar test ⌨️ (4:17:19) Log-linear regression FACTOR ⌨️ (4:23:05) Factor: chapter overview ⌨️ (4:24:54) Reliability analysis ⌨️ (4:32:20) Principal component analysis ⌨️ (4:40:18) Exploratory factor analysis ⌨️ (4:43:49) Confirmatory factor analysis CONCLUSION ⌨️ (4:52:42) Next steps -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intermediate React Tutorial - Todoist Clone (with Firebase, Custom Hooks, SCSS, React Testing)

hT3j87FMR6M | 27 Aug 2019

Intermediate React Tutorial - Todoist Clone (with Firebase, Custom Hooks, SCSS, React Testing)

In this course, we're going to be creating the popular Todoist list application (https://todoist.com) from scratch using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing). In addition to the latter technologies, we will be styling the application using SCSS (CSS) and following the BEM naming methodology. We'll make sure that the application is fully responsive. You will see how to use Lighthouse (Chrome extension) to make sure your website is fully accessible by getting all accessibility features integrated into our application. 💻 Github repo: https://github.com/karlhadwen/todoist (don't forget, you can contribute to this project (highly encouraged!)) 🎥 Video by Karl Hadwen. Check out his YouTube channel: https://youtube.com/c/cognitivesurge 🐦 Karl on Twitter: @karlhadwen ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction (What is Todoist?), tech stack talk ⌨️ (0:02:26) Showing the final application (with dark mode!) ⌨️ (0:05:00) Installing create react app ⌨️ (0:07:15) Clearing out what we don't need from create react app ⌨️ (0:10:57) Let's get building our components! ⌨️ (0:18:00) Installing packages using Yarn ⌨️ (0:18:22) Building the Header component ⌨️ (0:19:57) Building the Content component ⌨️ (0:20:37) Building the Sidebar component ⌨️ (0:28:27) Adding Firebase ⌨️ (0:40:32) Adding our React hooks (useState, useEffect) ⌨️ (0:49:57) Adding our function helpers ⌨️ (0:53:07) Back to adding more to our React hooks (useTasks, useProjects) ⌨️ (1:06:22) Building the Tasks component ⌨️ (1:08:42) Building the Checkbox component ⌨️ (1:13:10) Styling our application ⌨️ (1:35:02) Adding Context to our application ⌨️ (1:48:26) Building the Projects component ⌨️ (1:55:25) Adding a composite index in Firebase ⌨️ (1:57:21) Building the IndividualProject component ⌨️ (2:06:21) Adding the IndividualProject component to the Projects component ⌨️ (2:08:54) Adding the AddProject component & modifying our context ⌨️ (2:10:54) Adding Projects to Firebase ⌨️ (2:11:49) Adding Show Confirm Delete to our Stylesheet ⌨️ (2:14:04) Building out our Tasks component ⌨️ (2:23:14) Adding Main Content to our Stylesheet ⌨️ (2:23:49) Adding Tasks to our Stylesheet ⌨️ (2:28:24) Adding Context to our Sidebar for Projects ⌨️ (2:35:19) Building our AddProject component ⌨️ (2:44:44) Adding Add Task to our Stylesheet ⌨️ (2:46:44) Building the AddTask component (using moment JS) ⌨️ (2:59:20) Adding to our Tasks component ⌨️ (3:00:29) Adding to our AddTask component ⌨️ (3:07:44) Adding more AddTask styles to our Stylesheet ⌨️ (3:12:00) Adding TaskDate to our Stylesheet ⌨️ (3:13:00) Adding ProjectOverlay to our Stylesheet ⌨️ (3:15:05) Building out the ProjectOverlay ⌨️ (3:19:10) Adding the ProjectOverlay to AddTask ⌨️ (3:22:25) Building our the TaskDate component ⌨️ (3:26:00) Adding to the Header component (dark mode implementation) ⌨️ (3:29:35) Adding our CSS for dark mode ⌨️ (3:29:50) Adding quick add task to the Header component ⌨️ (3:42:25) Some quick manual testing ⌨️ (3:43:45) User testing for responsive design ⌨️ (3:45:10) Starting to look at accessibility ⌨️ (3:55:45) Modifying our App.scss to make our components more accessible ⌨️ (3:59:30) Making the Checkbox component more accessible ⌨️ (4:00:25) Making the AddTask component more accessible ⌨️ (4:01:45) Making the IndividualProject component more accessible ⌨️ (4:02:20) Making the Sidebar component more accessible ⌨️ (4:09:20) Making the ProjectOverlay more accessible ⌨️ (4:11:45) Making the TaskDate more accessible ⌨️ (4:18:00) Looking at tabIndex for improved accessibly ⌨️ (4:21:15) Adding aria-label and tabIndex to our components ⌨️ (4:34:05) Analysing our accessibility score using Lighthouse ⌨️ (4:39:45) Dev complete; testing starts with React Testing Library ⌨️ (4:39:46) Testing the Checkbox component ⌨️ (4:52:30) Modifying package.json for test coverage and reporting ⌨️ (5:00:40) Testing the App component ⌨️ (5:11:45) Testing the AddTask component ⌨️ (6:11:38) Testing the ProjectOverlay component ⌨️ (6:19:43) Testing the Projects component ⌨️ (6:26:58) Testing the IndividualProject component ⌨️ (6:43:33) Testing the Tasks component ⌨️ (6:52:03) Testing the AddProject component ⌨️ (7:06:13) Testing the Header component ⌨️ (7:20:02) Testing the Sidebar component ⌨️ (7:32:18) Signing out! I hope you enjoyed this video :)

Scratch Tutorial for Beginners - Make a Flappy Bird Game

x14G4DCk4nY | 21 Aug 2019

Scratch Tutorial for Beginners - Make a Flappy Bird Game

Learn how to use Scratch 3.0 by building a flappy bird game. This full tutorial course is prefect for beginners who want to learn Scratch. Scratch is a free programming language and online community where you can create your own interactive stories, games, and animations. Scratch is designed especially for ages 8 to 16, but is used by people of all ages. 🔗Official Scratch website: https://scratch.mit.edu 💻 Completed project: https://scratch.mit.edu/projects/282380922/ 🎥 Tutorial created by Warfame. Check out their Youtube Channel: https://www.youtube.com/channel/UCXJDb8HZ8Hz9HDxWL-wRvmg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build an E-commerce Website with Django and Python

YZvRrldjf1Y | 19 Aug 2019

How to Build an E-commerce Website with Django and Python

Learn how to build an E-commerce website with Django and Python. 💻 Project code: https://github.com/justdjango/django-ecommerce 💻 Original code: https://mdbootstrap.com/freebies/jquery/e-commerce/ 🎥 Tutorial from JustDjango. Check out their Youtube Channel: https://www.youtube.com/channel/UCRM1gWNTDx0SHIqUJygD-kQ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Setup and project configuration ⌨️ (0:16:55) Adding items to a cart ⌨️ (0:54:09) Improving the UI ⌨️ (1:10:34) Creating an order summary ⌨️ (1:38:03) The checkout process ⌨️ (2:10:46) Handling payments with Stripe ⌨️ (2:37:33) Discount codes ⌨️ (3:07:41) Managing refunds ⌨️ (3:31:31) Default addresses ⌨️ (4:12:30) Saving credit card information -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Docker Tutorial for Beginners - A Full DevOps Course on How to Run Applications in Containers

fqMOX6JJhGo | 16 Aug 2019

Docker Tutorial for Beginners - A Full DevOps Course on How to Run Applications in Containers

Get started using Docker with this end-to-end beginners course with hands-on labs. Docker is an open platform for developers and sysadmins to build, ship, and run distributed applications, whether on laptops, data center VMs, or the cloud. In this course you will learn Docker through a series of lectures that use animation, illustration and some fun analogies that simply complex concepts, we have demos that will show how to install and get started with Docker and most importantly we have hands-on labs that you can access right in your browser. 💻 Practice Labs: https://kodekloud.com/p/docker-labs 🔗 KodeKloud Website: https://www.kodekloud.com 🎥 Tutorial from KodeKloud. Check out their Youtube Channel: https://www.youtube.com/user/mmumshad ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:35) Docker Overview ⌨️ (0:05:10) Getting Started ⌨️ (0:16:58) Install Docker ⌨️ (0:21:00) Commands ⌨️ (0:29:00) Labs ⌨️ (0:33:12) Run ⌨️ (0:42:19) Environment Variables ⌨️ (0:44:07) Images ⌨️ (0:51:38) CMD vs ENTRYPOINT ⌨️ (0:58:37) Networking ⌨️ (1:03:55) Storage ⌨️ (1:16:27) Compose ⌨️ (1:34:49) Registry ⌨️ (1:49:38) Engine ⌨️ (1:34:49) Docker on Windows ⌨️ (1:53:22) Docker on Mac ⌨️ (1:59:25) Docker Swarm ⌨️ (2:03:21) Kubernetes ⌨️ (2:09:30) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build Tetris in React - GameDev Tutorial (with React Hooks!)

ZGOaCxX8HIU | 14 Aug 2019

How to Build Tetris in React - GameDev Tutorial (with React Hooks!)

Learn to create a Tetris game with React Hooks in this tutorial course for beginners. You will learn how to build Tetris from scratch using hooks like useState, useEffect, useCallback and custom hooks. Styling is done with Styled Components. 💻 Starter files: https://github.com/weibenfalk/react-tetris-starter-files 🎥 Tutorial from Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg 🔗 Watch more courses from Thomas on his website: https://www.weibenfalk.com/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (03:40) create-react-app and tooling ⌨️ (06:57) Scaffolding Components ⌨️ (15:49) Stage and Tetrominos ⌨️ (32:05) Styling with Styled Components ⌨️ (57:19) usePlayer and useStage ⌨️ (1:12:51) Stage update and player movement ⌨️ (1:37:02) Collision Detection ⌨️ (1:50:46) Player RotationG ⌨️ (2:04:12) Clear Rows ⌨️ (2:11:37) drop with useInterval ⌨️ (2:18:47) useGameStatus and React.memo -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Angular Material - Full Tutorial

jUfEn032IL8 | 13 Aug 2019

Learn Angular Material - Full Tutorial

Learn how to use Angular Material in this full tutorial course for beginners. Angular Material is a UI component library for Angular JS developers. Angular Material design components help in constructing attractive, consistent, and functional web pages and web applications while adhering to modern web design principles like browser portability, device independence, and graceful degradation. 🎥 Tutorial from Codevolution. Check out their YouTube channel: https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:42) Getting Started ⌨️ (0:10:01) Material Module ⌨️ (0:13:00) Typography ⌨️ (0:17:18) Button ⌨️ (0:23:35) Button Toggle ⌨️ (0:29:27) Icons ⌨️ (0:31:51) Badges ⌨️ (0:39:52) Progress Spinner ⌨️ (0:44:19) Navbar ⌨️ (0:47:51) Sidenav ⌨️ (0:57:39) Menu ⌨️ (1:10:00) List ⌨️ (1:14:47) Grid List ⌨️ (1:19:46) Expansion Panel ⌨️ (1:25:08) Cards ⌨️ (1:28:09) Tabs ⌨️ (1:31:12) Stepper ⌨️ (1:37:17) Input ⌨️ (1:43:60) Select ⌨️ (1:50:13) Autocomplete ⌨️ (2:00:38) Checkbox and Radio Button ⌨️ (2:05:18) Date Picker ⌨️ (2:11:48) Tooltip ⌨️ (2:15:05) Snackbar ⌨️ (2:24:08) Dialog ⌨️ (2:33:40) Data table ⌨️ (2:42:29) Exploring Data table ⌨️ (2:47:36) Data table Filtering ⌨️ (2:51:43) Data table Sorting ⌨️ (2:55:11) Data table Pagination ⌨️ (2:58:18) Virtual Scrolling -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python NumPy Tutorial for Beginners

QUT1VHiLmmI | 07 Aug 2019

Python NumPy Tutorial for Beginners

Learn the basics of the NumPy library in this tutorial for beginners. It provides background information on how NumPy works and how it compares to Python's Built-in lists. This video goes through how to write code with NumPy. It starts with the basics of creating arrays and then gets into more advanced stuff. The video covers creating arrays, indexing, math, statistics, reshaping, and more. 💻 Code: https://github.com/KeithGalli/NumPy 🎥 Tutorial from Keith Galli. Check out his YouTube channel: https://www.youtube.com/channel/UCq6XkhO5SZ66N04IcPbqNcw ⭐️ Course Contents ⭐️ ⌨️ (01:15) What is NumPy ⌨️ (01:35) NumPy vs Lists (speed, functionality) ⌨️ (09:17) Applications of NumPy ⌨️ (11:08) The Basics (creating arrays, shape, size, data type) ⌨️ (16:08) Accessing/Changing Specific Elements, Rows, Columns, etc (slicing) ⌨️ (23:14) Initializing Different Arrays (1s, 0s, full, random, etc...) ⌨️ (31:34) Problem #1 (How do you initialize this array?) ⌨️ (33:42) Be careful when copying variables! ⌨️ (35:45) Basic Mathematics (arithmetic, trigonometry, etc.) ⌨️ (38:20) Linear Algebra ⌨️ (42:19) Statistics ⌨️ (43:57) Reorganizing Arrays (reshape, vstack, hstack) ⌨️ (47:29) Load data in from a file ⌨️ (50:20) Advanced Indexing and Boolean Masking ⌨️ (55:59) Problem #2 (How do you index these values?) ⭐️ Links with more info ⭐️ 🔗 NumPy vs Lists: https://www.youtube.com/channel/UC_mmB9WkzXQAQmwj6EPmXQw 🔗 Indexing: https://docs.scipy.org/doc/numpy-1.13.0/user/basics.indexing.html 🔗 Array Creation Routines: https://docs.scipy.org/doc/numpy/reference/routines.array-creation.html 🔗 Math Routines Docs: https://docs.scipy.org/doc/numpy/reference/routines.math.html 🔗 Linear Algebra Docs: https://docs.scipy.org/doc/numpy/reference/routines.linalg.html -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Kotlin Programming Fundamentals Tutorial - Full Course

AeC4G-H-MQA | 05 Aug 2019

Kotlin Programming Fundamentals Tutorial - Full Course

Learn programming fundamentals using the Kotlin programming language. Kotlin is an excellent language for GUI Architectures, Libraries, and Server Side Applications. This course will start you off the right way, no matter which path you take with the language. The course features hands-on coding exercises to teach you both Functional, Event Driven, and Object Oriented design patterns. 💻 Code: https://github.com/BracketCove/KotlinCourseSamples 🎥 Tutorial from Ryan Kay. Check out his wiseAss YouTube channel: https://www.youtube.com/user/gosuddr93 🔗Kotlin course on Udemy: https://www.udemy.com/application-programming-fundamentals-with-kotlin/ ⭐️ Course Contents ⭐️ Section 1 ⌨️ (0:00:00) Course Overview: About Me, You, and this Course ⌨️ (0:09:23) How to Run the Examples ⌨️ (0:10:59) Kotlin Syntax Practice for Beginners Section 2 ⌨️ (0:39:26) Data Landscape: Memory Spaces and Named Addresses (References) ⌨️ (0:44:21) How to use "val" and "const val" References to promote Immutability/Efficiency: ⌨️ (0:51:55) Using "var" Reference Types, and the problems with Shared Mutable State! ⌨️ (0:58:58) Giving Structure to Data with Classes Section 3 ⌨️ (1:19:45) A Fundamental Divide: Computation and Control Logic ⌨️ (1:22:52) Computing Data means Solving Problems ⌨️ (1:32:11) Controlling the Flow of Data ⌨️ (1:37:24) Event Driven Programs ⌨️ (1:57:33) Functional versus Imperative Program Style (mild introduction) Section 4 ⌨️ (2:18:38) What is Software Architecture? ⌨️ (2:21:14) Separation of Concerns ⌨️ (2:34:13) Dependency Inversion: Using Interfaces Effectively for Front End and Back End ⌨️ (3:06:22) Extension versus Abstraction: Open/Closed Principle ⌨️ (3:17:00) Dependency Injection: How, What, and Why? ⌨️ (3:30:23) Inversion of Control via the Service Locator Pattern Section 5 ⌨️ (3:44:25) Proving Programs with Tests (a light introduction to Testing) ⌨️ (4:01:42) Solving Problem (Domains) by Analysis -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

In-Depth React Tutorial: Build a Hotel Reservation Site (with Contentful and Netlify)

LXJOvkVYQqA | 02 Aug 2019

In-Depth React Tutorial: Build a Hotel Reservation Site (with Contentful and Netlify)

Learn React by building a beach resort website project. The project uses React router for routing, React context API for state management, Contentful headless CMS for data management, and Netlify to host the application. 💻 Setup Files: https://github.com/john-smilga/setup-files-react-beach-resort 💻 Finished Project: https://github.com/john-smilga/react-beach-resort-project 🎥 Tutorial from Coding Addict. Check out the Coding Addict YouTube channel: https://www.youtube.com/codingaddict 🔗 React Udemy course from Coding Addict: https://www.udemy.com/react-tutorial-and-projects-course/?couponCode=REACTJSONLYTEN -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Ethical Hacking Course - Network Penetration Testing for Beginners (2019)

3Kq1MIfTWCE | 29 Jul 2019

Full Ethical Hacking Course - Network Penetration Testing for Beginners (2019)

Learn network penetration testing / ethical hacking in this full tutorial course for beginners. This course teaches everything you need to know to get started with ethical hacking and penetration testing. You will learn the practical skills necessary to work in the field. Throughout the course, we will develop our own Active Directory lab in Windows, make it vulnerable, hack it, and patch it. We'll cover the red and blue sides. We'll also cover some of the boring stuff like report writing :). This course was originally live streamed weekly on Twitch and built from lessons learned in the previous week. 💻 GitHub repo (for homework): https://github.com/hmaverickadams/Beginner-Network-Pentesting 🎥 Course created by The Cyber Mentor. Check out his YouTube channel: https://www.youtube.com/channel/UC0ArlFuFYMpEewyRBzdLHiw 🐦 The Cyber Mentor on Twitter: https://twitter.com/thecybermentor ⭐️ Course Contents ⭐️ ⌨️ (0:00) - Course Introduction/whoami ⌨️ (6:12) - Part 1: Introduction, Notekeeping, and Introductory Linux ⌨️ (1:43:45) - Part 2: Python 101 ⌨️ (3:10:05) - Part 3: Python 102 (Building a Terrible Port Scanner) ⌨️ (4:23:14) - Part 4: Passive OSINT ⌨️ (5:41:41) - Part 5: Scanning Tools & Tactics ⌨️ (6:56:42) - Part 6: Enumeration ⌨️ (8:31:22) - Part 7: Exploitation, Shells, and Some Credential Stuffing ⌨️ (9:57:15) - Part 8: Building an AD Lab, LLMNR Poisoning, and NTLMv2 Cracking with Hashcat ⌨️ (11:13:20) - Part 9: NTLM Relay, Token Impersonation, Pass the Hash, PsExec, and more ⌨️ (12:40:46) - Part 10: MS17-010, GPP/cPasswords, and Kerberoasting ⌨️ (13:32:33) - Part 11: File Transfers, Pivoting, Report Writing, and Career Advice -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Svelte Tutorial - Is it better than React?

vhGiGqZ78Rs | 26 Jul 2019

Svelte Tutorial - Is it better than React?

Learn Svelte in this full tutorial for beginners. You will build your first Svelte app that uses multiple routes, handles forms and consumes a full CRUD API. Svelte is a radical new approach to building user interfaces. It is a framework that really isn't a framework. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. 🔗 Full Code: https://github.com/hidjou/classsed-svelte-tutorial 🔗 API Base URL: https://ndb99xkpdk.execute-api.eu-west-2.amazonaws.com/dev 🔗 Rich Harris talk: https://www.youtube.com/watch?v=AdNJ3fydeao 🎥 Course created by Classsed. Check out their YouTube channel: https://www.youtube.com/classsed 🔗 Classsed Discord: https://discord.gg/GUuKyQW 🔗 Classsed Patreon: https://www.patreon.com/classsed -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Dart Programming Tutorial - Full Course

Ej_Pcr4uC2Q | 24 Jul 2019

Dart Programming Tutorial - Full Course

Learn the Dart programming language in this full tutorial for beginners. Dart is a strictly typed programming language that is used in the Flutter framework to develop cross platform mobile apps. Since Dart supports both AOT (Ahead of time) and JIT (Just In Time) compilation, it delivers extremely fast development cycles and fast execution and startup times. It is a compiled programming language and can also transpile the code into JavaScript. 💻 Course from Mahmud Ahsan. 🔗 Mahmud's Youtube Channel: https://www.youtube.com/channel/UCtHlgyUw0wLE5Ous9swfFlg 🔗 Mahmud's Github: https://github.com/mahmudahsan/ 🔗 Mahmud's Blog: https://thinkdiff.net/ 🔗 Dart language: https://dart.dev/ 🔗 Flutter Framework: https://flutter.dev/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:32) Setup ⌨️ (0:03:50) Fundamentals ⌨️ (0:11:04) Data Types ⌨️ (0:15:44) String, Type Conversion, Constant, null ⌨️ (0:23:50) Operators ⌨️ (0:39:13) Loop ⌨️ (0:48:03) Collections [ List, Set, Map ] ⌨️ (1:01:07) Function ⌨️ (1:13:49) Class ⌨️ (1:37:41) Exception Handling ⌨️ (1:41:26) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Godot Game Engine Tutorial - Make a 2D Platformer Game

fQXKjmCDkIA | 22 Jul 2019

Godot Game Engine Tutorial - Make a 2D Platformer Game

Godot is a 2D and 3D cross-platform game engine released as open-source software. Learn to use Godot by building a 2D platformer game in this tutorial for absolute beginners. 💻 Code: https://www.filepicker.io/api/file/NVeQIcYWTbq3bTQVHkrL 💻 Assets: https://www.filepicker.io/api/file/NVeQIcYWTbq3bTQVHkrL 🎥 Course created by Awesome Tuts. Check out their YouTube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw 🔗 Learn Unity, GoDot, And More (Soon Unreal Engine, Game Maker And Blender Will Be Available): https://www.awesometuts.com/ultimate-game-dev-academy-dis?utm_medium=youtube&utm_source=freecodecamp&utm_campaign=godot_tut -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Solidity Tutorial - A Full Course on Ethereum, Blockchain Development, Smart Contracts, and the EVM

ipwxYa-F1uY | 19 Jul 2019

Solidity Tutorial - A Full Course on Ethereum, Blockchain Development, Smart Contracts, and the EVM

Learn to program in Solidity in the full tutorial. Solidity is an object-oriented programming language for writing smart contracts. It is used for implementing smart contracts on various blockchain platforms, most notably, Ethereum. 🔗 Solidity article with code: http://www.dappuniversity.com/articles/solidity-tutorial 🎥 Course created by Dapp University. Check out their YouTube channel: https://www.youtube.com/dappuniversity 🔗 Dapp University Free Blockchain Developer Training: http://www.dappuniversity.com/bootcamp ⭐️ Course Contents ⭐️ ⌨️ (12:03) Part 2 ⌨️ (32:34) Part 3 ⌨️ (46:32) Part 4 ⌨️ (1:00:48) Part 5 ⌨️ (1:18:35) Part 6 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC

iVRO0toVdYM | 17 Jul 2019

React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC

Learn about React Hooks and Styled Components in this full tutorial. We'll build a React video player where you can create a list of videos and select from the list. The video player can play both Vimeo and YouTube videos and will also persist state in local storage of played videos. 💻 https://github.com/weibenfalk/hooks-videoplayer-starterfiles 🎥 Course created by Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/user/Weibenfalk In this course you'll learn: ∙ React Fundamentals with Hooks ∙ Stateless Functional Components ∙ JSX syntax and expressions ∙ Styled Components ∙ Higher Order Components (HOC) ∙ React Router ∙ Use Create-React-App ∙ Deploy the finished App ∙ ES6+ concepts and syntax ∙ Use Local Storage to keep state ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and Setup ⌨️ (0:07:50) Scaffolding ⌨️ (0:15:50) Setting Up the Routes ⌨️ (0:18:45) Styled Components - Global Styling ⌨️ (0:25:27) Styled Components - Component Styling ⌨️ (0:34:09) Styled Components - Themes ⌨️ (0:50:11) Preparing for Hooks ⌨️ (0:59:15) Pre-Example ⌨️ (1:02:49) useState ⌨️ (1:13:23) useEffect ⌨️ (1:21:57) Higher Order Components ⌨️ (1:28:03) Callback Functions ⌨️ (1:40:35) Persisting State in Local Storage ⌨️ (1:45:19) Deploying ⌨️ (1:49:10) useCallback -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Reinforcement Learning in Python Tutorial - A Course on How to Implement Deep Learning Papers

GJJc1t0rtSU | 16 Jul 2019

Deep Reinforcement Learning in Python Tutorial - A Course on How to Implement Deep Learning Papers

In this intermediate deep learning tutorial, you will learn how to go from reading a paper on deep deterministic policy gradients to implementing the concepts in Tensorflow. This process can be applied to any deep learning paper, not just deep reinforcement learning. In the second part, you will learn how to code a deep deterministic policy gradient (DDPG) agent using Python and PyTorch, to beat the continuous lunar lander environment (a classic machine learning problem). DDPG combines the best of Deep Q Learning and Actor Critic Methods into an algorithm that can solve environments with continuous action spaces. We will have an actor network that learns the (deterministic) policy, coupled with a critic network to learn the action-value functions. We will make use of a replay buffer to maximize sample efficiency, as well as target networks to assist in algorithm convergence and stability. 🎥 Course created by Phil Tabor. Check out his YouTube channel: https://www.youtube.com/channel/UC58v9cLitc8VaCjrcKyAbrw ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:58) How to Implement Deep Learning Papers ⌨️ (1:59:00) Deep Deterministic Policy Gradients are Easy in Pytorch -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intermediate React and Firebase Tutorial - Build an Evernote Clone

I250xdtUvy8 | 15 Jul 2019

Intermediate React and Firebase Tutorial - Build an Evernote Clone

In this intermediate React.js tutorial, we create a clone of the popular note-taking application Evernote. This app will allow us to create notes with a full text editor, and update live to a database using Firebase. 💻 Code: https://github.com/Zackazt/evernote-clone 🎥 Tutorial from PortEXE. Check out their YouTube channel: https://www.youtube.com/channel/UCjGQyJCSU_VVMTu5nigonqg 🐦 PortEXE on Twitter: https://twitter.com/portexe 🔗 Other React tutorial series (INCLUDES users & authentication): https://www.youtube.com/playlist?list=PL2pKsGhl_rg8ojPTdkoroDgWLg0NS4qhl 🔗 Map tutorial: https://www.youtube.com/watch?v=LFELwK3WPjE 🔗 React tutorial: https://www.youtube.com/watch?v=DLX62G4lc44 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Kotlin Course - Tutorial for Beginners

F9UC9DY-vIU | 12 Jul 2019

Kotlin Course - Tutorial for Beginners

Learn the Kotlin programming language in this introduction to Kotlin. Kotlin is a general purpose, open source, statically typed “pragmatic” programming language. It is used for many things, including Android development. 🎥Course developed by Nate Ebel. Check out his YouTube channel: https://www.youtube.com/channel/UCVysWoMPvvHQMEJvRkslbAQ ⭐️ Course Contents ⭐️ ⌨️ (0:00:50) Create Your First Kotlin Project ⌨️ (0:04:23) Hello World ⌨️ (0:06:33) Working With Variables ⌨️ (0:11:04) Type System ⌨️ (0:15:00) Basic Control Flow ⌨️ (0:21:31) Basic Kotlin Functions ⌨️ (0:27:12) Function Parameters ⌨️ (0:32:52) Arrays ⌨️ (0:35:28) Iterating with forEach ⌨️ (0:41:17) Lists ⌨️ (0:42:47) Maps ⌨️ (0:45:05) Mutable vs Immutable Collections ⌨️ (0:49:24) Vararg Parameters ⌨️ (0:54:21) Named Arguments ⌨️ (0:56:26) Default Parameter Values ⌨️ (1:00:27) Create A Simple Class ⌨️ (1:03:35) Adding Class Properties ⌨️ (1:05:15) Class Init Block ⌨️ (1:06:40) Accessing Class Properties ⌨️ (1:07:32) Primary Constructor Properties ⌨️ (1:08:17) Secondary Constructors ⌨️ (1:09:50) Working With Multiple Init Blocks ⌨️ (1:11:30) Default Property Values ⌨️ (1:11:59) Properties With Custom Getters/Setters ⌨️ (1:16:52) Class Methods ⌨️ (1:20:12) Visibility Modifiers - Public/Private/Protected/Public ⌨️ (1:22:30) Interfaces ⌨️ (1:24:21) Abstract Classes ⌨️ (1:26:13) Implementing An Interface ⌨️ (1:26:35) Overriding Methods ⌨️ (1:28:30) Default Interface Methods ⌨️ (1:29:30) Interface Properties ⌨️ (1:31:40) Implementing Multiple Interfaces ⌨️ (1:32:57) Type Checking And Smart Casts ⌨️ (1:36:18) Inheritance ⌨️ (1:43:07) Object Expressions ⌨️ (1:45:06) Companion Objects ⌨️ (1:49:51) Object Declarations ⌨️ (1:52:41) Enum Classes ⌨️ (1:58:16) Sealed Classes ⌨️ (2:00:07) Data Classes ⌨️ (2:12:25) Extension Functions/Properties ⌨️ (2:16:40) Higher-Order Functions ⌨️ (2:29:07) Using The Kotlin Standard Library ⌨️ (2:00:07) Data Classes -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn GraphQL with Laravel and Vue.js - Full Tutorial

4z3EMCc4bP4 | 10 Jul 2019

Learn GraphQL with Laravel and Vue.js - Full Tutorial

Learn how to use GraphQL with Laravel and Vue.js in this tutorial course. We'll be using the Lighthouse package on the backend with Laravel and Vue Apollo on the frontend. We'll build a book recommendation app from scratch as a project. Laravel is a PHP framework and Vue.js is a JavaScript frontend framework. 🎥 Course created by Andre Madarang. Check out his YouTube channel: https://www.youtube.com/channel/UCtb40EQj2inp8zuaQlLx3iQ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Overview ⌨️ (0:36:20) Lighthouse Package Backend ⌨️ (1:07:33) Vue Apollo Queries ⌨️ (1:54:38) Vue Apollo Mutations ⌨️ (2:33:53) Tailwind CSS Styling ⌨️ (3:19:34) Deployment ⌨️ (3:33:33) GraphQL Client in Laravel ⌨️ (3:49:37) GraphQL Laravel server w/ graphql-laravel ⌨️ (4:15:24) GraphQL Authentication in Laravel w/ Lighthouse & Passport ⌨️ (4:40:06) GraphQL Authentication in Vue Apollo -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting Started with Node.js - Full Tutorial

gG3pytAY2MY | 08 Jul 2019

Getting Started with Node.js - Full Tutorial

Learn the fundamentals of the very popular Node.js runtime and get comfortable writing JavaScirpt code for Node.js. 🎥 Course created by Samer Buna. Check out his website for more courses: https://jscomplete.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:03:24) Getting Node ⌨️ (0:06:02) What is Node? What is V8? What’s a REPL? ⌨️ (0:15:44) Node’s CLI and process environment ⌨️ (0:22:37) Executing files with Node ⌨️ (0:27:15) Modules wrapping and exports/require ⌨️ (0:37:50) Modules caching and APIs ⌨️ (0:43:32) ECMAScript modules in Node ⌨️ (0:51:15) Using Node/npm packages ⌨️ (0:57:34) Publishing packages ⌨️ (1:02:33) Cleanup and global modules ⌨️ (1:05:30) package.json scripts, npx, and prod/dev dependencies ⌨️ (1:16:47) Creating a web server with built-in http ⌨️ (1:30:47) Creating a web server with express ⌨️ (1:34:14) Require vs import vs import() ⌨️ (1:38:13) Watching files for change in development ⌨️ (1:41:12) Callbacks and promises ⌨️ (1:58:17) Events and streams ⌨️ (2:08:45) Clusters and PM2 ⌨️ (2:11:27) Other core libraries in Node ⌨️ (2:14:21) Debugging Node applications ⌨️ (2:19:13) Modern JavaScript review ⌨️ (2:23:19) What’s next? -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp https://www.youtube.com/watch?v=coQ5dg8wM2o

Linux for Ethical Hackers (Kali Linux Tutorial)

lZAoFs75_cs | 05 Jul 2019

Linux for Ethical Hackers (Kali Linux Tutorial)

In this course, you will learn the basics of Kali Linux. The course covers installation, using the terminal / command line, bash scripting, tools and features for ethical hacking, and more. The course focuses on Kali Linux but much of the content applies to other versions of Linux as well. ⭐️ Course Contents ⭐️ ⌨️ Installing VMWare / Kali Linux ⌨️ Kali Linux Overview ⌨️ Navigating the File System ⌨️ Users and Privileges ⌨️ Common Network Commands ⌨️ Viewing, Creating, and Editing Files ⌨️ Starting and Stopping Services ⌨️ Installing and Updating Tools ⌨️ Scripting with Bash 🎥 Course created by The Cyber Mentor. Check out his YouTube channel: https://www.youtube.com/channel/UC0ArlFuFYMpEewyRBzdLHiw 🐦 The Cyber Mentor on Twitter: https://twitter.com/thecybermentor -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp https://www.youtube.com/watch?v=coQ5dg8wM2o

Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)

pTJJsmejUOQ | 03 Jul 2019

Flutter Course - Full Tutorial for Beginners (Build iOS and Android Apps)

Learn Flutter, Google’s groundbreaking multi-platform mobile development framework to create apps for Android and iOS. In this course, Nick Manning from fluttercrashcourse.com teaches you how to get up and running with Flutter quickly and effectively. Nick has been a Flutter engineer since 2017 and has boiled down this real-world know-how into a clear-cut, realistic and step-by-step crash course. Flutter apps are written in the Dart programming language 💻 Code - https://github.com/seenickcode/tourismandco 💻 Accompanying blog posts for each lesson - https://fluttercrashcourse.com/blog ⭐️ Contents ⭐️ (0:00) Intro: ⌨️ What this course covers (2:15) Layout in Flutter: ⌨️ Layout concepts ⌨️ Column, mainAxisAlignment, crossAxisAlignment ⌨️ Container and Parameterized StatelessWidgets (14:48) Images: ⌨️ Image, BoxConstraint ⌨️ Configuring image assets ⌨️ Implementing ImageBanner (30:05) Text: ⌨️ Importing a custom font ⌨️ Finalizing our TextSection with Column and EdgeInsets ⌨️ ThemeData, TextTheme and organizing style (48:30) Models: ⌨️ Using Models to represent data and functionality ⌨️ Making our screen dynamic ⌨️ Generics, map(), Anonymous Functions and Cascades (69:33) Navigation and Lists: ⌨️ Parameterized named routes ⌨️ MaterialPageRoute, RouteFactory ⌨️ ListView and GestureDetector ⭐️ Links: ⭐️ 🔗 Nick Manning’s Flutter Crash Course: https://fluttercrashcourse.com 🔗 Installing Flutter on macOS: https://www.youtube.com/watch?v=THsihXK1-14 🔗 Installing Flutter on Windows: https://www.youtube.com/watch?v=EDlywQeg5Vs ⭐️ Social: ⭐️ 🐤 Twitter: https://twitter.com/seenickcode 📬 Email: [email protected] 📽 Nick’s YouTube channel: https://www.youtube.com/channel/UCRCpzcQz-t2ueVihCIx5jDg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Visualization with D3.js - Full Tutorial Course

_8V5o2UHG0E | 01 Jul 2019

Data Visualization with D3.js - Full Tutorial Course

In this data visualization course, you’ll learn how to transform data into meaningful graphical forms using D3.js and web technologies. D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS. Besides teaching all about D3, this beginner's course also covers the basics of JavaScript, HTML, CSS, and SVG so you will have all the prerequisite knowledge to create stunning data visualizations. 🎥 Course created by Curran Kelleher. Check out his YouTube channel: https://www.youtube.com/channel/UCSwd_9jyX4YtDYm9p9MxQqw 🔗 You can create data visualization projects on VizHub: https://vizhub.com ⭐️ Course Contents & Code ⭐️ ⌨️ (0:00:00) Data Visualization Course Overview ⌨️ (0:02:50) Why Visualize Data? ⌨️ (0:14:28) Inputs for Data Visualization: Data & Tasks ⌨️ (0:29:31) Intro to Javascript 💻 Code: https://vizhub.com/curran/1e6587bb27c54c368deae8b79a7ca59a ⌨️ (1:57:35) Intro to HTML, CSS & SVG 💻 Code: https://vizhub.com/curran/366c38ba5ebc4631b4bd936f3b709744 ⌨️ (2:31:56) Intro to D3.js - Let's Make a Face! 💻 Code: https://vizhub.com/68416/be771477cb974c938cd8603dd8b59d32 ⌨️ (3:15:06) Making a Bar Chart with D3.js and SVG 💻 Code: https://vizhub.com/curran/dd44f8fcdc8346ff90bddd63572bf638 ⌨️ (3:44:02) Customizing Axes of a Bar Chart with D3.js 💻 Code: https://vizhub.com/curran/a44b38541b6e47a4afdd2dfe67a302c5 ⌨️ (4:10:03) Making a Scatter Plot with D3.js 💻 Code: https://vizhub.com/curran/9247d4d42df74185980f7b1f7504dcc5 ⌨️ (4:34:22) Making Line and Area Charts with D3.js 💻 Code: https://vizhub.com/curran/012b5b20ce894b0fa7dc98ef3a0b43a5 ⌨️ (5:04:36) The General Update Pattern of D3.js 💻 Code: https://vizhub.com/curran/7f4137a77b564607ae2791ab1e49cf7e ⌨️ (6:04:30) Marks & Channels in Data Visualization ⌨️ (6:28:43) Interaction with Unidirectional Data Flow using D3.js 💻 Code: https://vizhub.com/curran/c2274b1dfe914115bac48f437b3c104e ⌨️ (6:45:13) Making a World Map with D3 💻 Code: https://vizhub.com/curran/c5475d7c95d348d5b8268012fbccb728 ⌨️ (7:02:43) Cheap Tricks for Interaction on a D3.js World Map 💻 Code: https://vizhub.com/curran/4fb5e4e665474a169325bd18cdc3d0c0 ⌨️ (7:25:37) Blank Canvas 💻 Code: https://vizhub.com/curran/0c35fdf97a6042188b5550e6712de315 ⌨️ (7:30:43) Building a Tree Visualization of World Countries with D3.js 💻 Code: https://vizhub.com/curran/4f92c793909f48d28012e43ddab716df ⌨️ (8:04:48) Color and Size Legends with D3.js 💻 Code: https://vizhub.com/curran/92c34f62c0f948e89e87d28907c08715 ⌨️ (8:33:27) Choropleth Map with D3.js 💻 Code: https://vizhub.com/curran/d5ad96d1fe8148bd827a25230cc0f083 ⌨️ (9:05:16) Interactive Filtering on a Choropleth Map 💻 Code: https://vizhub.com/curran/5c907e49d0294538aad03ad1f41e1e28 ⌨️ (9:51:00) Using Color in Visualization ⌨️ (10:07:54) Scatter Plot with Menus 💻 Code: https://vizhub.com/curran/98ba4daacc92442f8d9fd7d91bfd712a ⌨️ (10:54:03) Circles on a Map 💻 Code: https://vizhub.com/curran/8704c9b7c6df43cabf839aa3f1cb7b70 ⌨️ (11:35:51) Line Chart with Multiple Lines 💻 Code: https://vizhub.com/curran/2546209d161e4294802c4ac0098bebc2 ⌨️ (11:59:34) Melting and Munging Data with JavaScript 💻 Code: https://vizhub.com/curran/ecb0793c7d674100b3e3133d92cb6957 ⌨️ (12:28:29) Selecting a Year on a Line Chart 💻 Code: https://vizhub.com/curran/501f3fe24cfb4e6785ac75008b530a83 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp https://www.youtube.com/watch?v=coQ5dg8wM2o

Build Your First Blockchain App Using Ethereum Smart Contracts and Solidity

coQ5dg8wM2o | 28 Jun 2019

Build Your First Blockchain App Using Ethereum Smart Contracts and Solidity

Learn how to build a blockchain app using Etherium smart contracts in this full tutorial course for beginners. You will learn how to create a todo app with Etherium smart contracts using the Solidity programming language. You will also learn to write tests, deploy to the blockchain, and create a client-side application. 💻 Code: https://github.com/dappuniversity/eth-todo-list 🎥 Course created by Dapp University. Check out their YouTube channel: https://www.youtube.com/dappuniversity 🔗 Dapp University Free Blockchain Developer Training: http://www.dappuniversity.com/bootcamp 🔗 Full-Length Article: http://www.dappuniversity.com/articles/blockchain-app-tutorial ⭐️ Course Contents ⭐️ ⌨️ (0:06:34) Install Dependencies ⌨️ (0:09:26) Project Setup ⌨️ (0:22:47) List Tasks ⌨️ (1:05:07) Create Tasks ⌨️ (1:16:40) Complete Tasks -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js)

7CqJlxBYj-M | 25 Jun 2019

Learn the MERN Stack - Full Tutorial (MongoDB, Express, React, Node.js)

Learn the MERN stack by building an exercise tracker application in this complete tutorial course. You will learn the basics of MongoDB, Express, React, Node.js, and Mongoose. Tutorial developed by Beau Carnes. 💻Code: https://github.com/beaucarnes/mern-exercise-tracker-mongodb 🔗MongoDB Atlas: https://www.mongodb.com/cloud/atlas?utm_campaign=atlas_bc_mern&utm_source=medium&utm_medium=inf&utm_term=campaign_term&utm_content=campaign_content 🔗Article version: https://medium.com/@beaucarnes/learn-the-mern-stack-by-building-an-exercise-tracker-mern-tutorial-59c13c1237a1 If you like robot toys, check out Beau's other YouTube channel: https://youtube.com/robotfamily -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack React & Firebase Tutorial - Build a social media app

m_u6P5k0vP0 | 24 Jun 2019

Full Stack React & Firebase Tutorial - Build a social media app

In this full tutorial course, you will learn how to create a full stack, fully-featured social media application using React, Firebase, Redux, Express, and Material-UI. This intermediate tutorial covers things such as creating a backend REST API server with Node.js and Express, user login and authentication, image uploads, notifications, cloud functions, deploying to Firebase, and much more. 🎥 Course created by Classsed. Check out their YouTube channel: https://www.youtube.com/classsed 🔗Classsed Discord: https://discord.gg/GUuKyQW 🔗Classsed Patreon: https://www.patreon.com/classsed ⭐️ Code ⭐️ Functions code repo: https://github.com/hidjou/classsed-react-firebase-functions React code repo: https://github.com/hidjou/classsed-react-firebase-client Email regular expression: https://pastebin.com/f33g85pd NoImg: https://pixabay.com/vectors/blank-profile-picture-mystery-man-973460/ API Base URL: https://europe-west1-socialape-d081e.cloudfunctions.net/api ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:07:03) Create & Read Data ⌨️ (0:27:56) Express & formatting response ⌨️ (0:42:37) User Registration ⌨️ (1:03:22) Validation & Login Route ⌨️ (1:19:33) Authentication Middleware ⌨️ (1:33:10) Refactoring & Organising ⌨️ (1:48:46) Image Upload ⌨️ (2:13:45) Add and Get User Profile Details ⌨️ (2:33:15) Getting and Commenting on Post ⌨️ (2:56:38) Like, Unlike and Delete Post ⌨️ (3:25:42) Create and Get Notifications ⌨️ (3:58:11) Finishing up Cloud Functions ⌨️ (4:23:46) Getting Started With React ⌨️ (4:44:01) Post Card Details ⌨️ (5:11:45) Login Form ⌨️ (5:50:36) Signup and Auth State ⌨️ (6:05:16) Redux Setup ⌨️ (6:41:17) Signup and Auth Route ⌨️ (6:56:35) Profile Section ⌨️ (7:19:48) Image Upload ⌨️ (7:31:24) Logout and Edit profile ⌨️ (7:53:60) Navbar Buttons ⌨️ (8:07:60) Like and Unlike Actions ⌨️ (8:39:11) Delete Button ⌨️ (8:57:45) Add Post Component ⌨️ (9:20:19) Post Dialog ⌨️ (9:47:30) Post Dialog Details ⌨️ (10:01:21) Displaying Comments ⌨️ (10:16:29) Submitting comments ⌨️ (10:37:28) User Page ⌨️ (10:54:30) Notifications ⌨️ (11:31:59) Loading Skeletons ⌨️ (11:59:28) Deployment to Firebase -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Go Programming - Golang Tutorial for Beginners

YS4e4q9oBaU | 20 Jun 2019

Learn Go Programming - Golang Tutorial for Beginners

Learn the Go programming language (Golang) in this step-by-step tutorial course for beginners. Go is an open source programming language designed at Google that makes it easy to build simple, reliable, and efficient software. 🎥 Course from Michael Van Sickle. Check out his courses on Pluralsight about Go, JavaScript, and more: https://www.pluralsight.com/authors/mike-vansickle ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:16:57) Setting Up a Development Environment ⌨️ (0:35:48) Variables ⌨️ (0:57:05) Primitives ⌨️ (1:26:29) Constants ⌨️ (1:47:53) Arrays and Slices ⌨️ (2:17:20) Maps and Structs ⌨️ (2:48:00) If and Switch Statements ⌨️ (3:21:17) Looping ⌨️ (3:41:34) Defer, Panic, and Recover ⌨️ (4:03:57) Pointers ⌨️ (4:21:30) Functions ⌨️ (4:57:59) Interfaces ⌨️ (5:33:57) Goroutines ⌨️ (6:05:10) Channels -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Webpack - Full Tutorial for Beginners

MpGLUVbqoYQ | 19 Jun 2019

Learn Webpack - Full Tutorial for Beginners

Learn Webpack from Colt Steele in this full tutorial course. It begins with a simple question: "What is webpack?" Quickly we move on to installing Webpack, configuring it, and adding loaders for CSS, SASS, HTML, and Files. The course covers cache busting, setting up a dev server, and splitting up your development and production config files. We incorporate multiple Webpack plugins including clean-webpack-plugin, mini-css-extract-plugin, optimize-css-assets-webpack-plugin, terser-webpack-plugin, and html-webpack-plugin. It's a lot of stuff :) 💻 Code and commits: https://github.com/Colt/webpack-demo-app 🔗 Colt Steele's YouTube channel: https://www.youtube.com/channel/UCrqAGUPPMOdo0jfQ6grikZw 🔗 Colt Steele's Udemy courses: https://www.udemy.com/user/coltsteele/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What Even Is Webpack?? ⌨️ (0:08:12) Installing and Running Webpack and Webpack-CLI ⌨️ (0:22:18) Imports, Exports, & Webpack Modules ⌨️ (0:29:58) Configuring Webpack ⌨️ (0:38:57) Loaders, CSS, & SASS ⌨️ (0:53:55) Cache Busting and Plugins ⌨️ (1:07:13) Splitting Dev & Production ⌨️ (1:17:13) Html-loader, File-loader, & Clean-webpack ⌨️ (1:28:17) Multiple Entrypoints & Vendor.js ⌨️ (1:34:45) Extract CSS & Minify HTML/CSS/JS -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Run freeCodeCamp Locally (P8D2) - Live Coding with Jesse

GFQ9VZYw2-0 | 18 Jun 2019

Run freeCodeCamp Locally (P8D2) - Live Coding with Jesse

Project 8 Day 2 Today we will get the freeCodeCamp lessons running locally! See a professional software engineer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Penetration Testing: Gophish Tutorial (Phishing Framework)

S6S5JF6Gou0 | 17 Jun 2019

Penetration Testing: Gophish Tutorial (Phishing Framework)

Gophish is a powerful, open-source phishing framework that makes it easy to test your organization's exposure to phishing. This is an important tool for penetration testers and ethical hackers. Learn to use Gophish in this tutorial. 🎥Course from Sagar Bansal. 🔗Sagar's YouTube channel: https://www.youtube.com/channel/UCdsl8fYtJM2Mw-HueDy2G4Q 🔗Sagar's website: https://sagarbansal.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Statistics - A Full University Course on Data Science Basics

xxpc-HPKN28 | 12 Jun 2019

Statistics - A Full University Course on Data Science Basics

Learn the essentials of statistics in this complete course. This course introduces the various methods used to collect, organize, summarize, interpret and reach conclusions about data. An emphasis is placed on demonstrating that statistics is more than mathematical calculations. By using examples gathered from real life, students learn to use statistical methods as analytical tools to develop generalizations and meaningful conclusions in their field of study. 🎥 Course by Monika Wahi. 🔗 These lectures are based on the textbook Understanding Basic Statistics, 6th Edition, by Brase & Brase, available here: https://www.amazon.com/Understanding-Basic-Statistics-Charles-Henry/dp/1111827028 🔗 Monika Wahi's LinkedIn Learning courses are here: https://www.linkedin.com/learning/instructors/monika-wahi?u=2125562 🔗 Visit Monika Wahi's web page here: http://www.dethwench.com/ 🔗 Monika Wahi's peer-reviewed articles listed here: https://scholar.google.com/citations?user=v3BDf1oAAAAJ&hl=en ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) What is statistics ⌨️ (0:33:34) Sampling ⌨️ (1:21:20) Experimental design ⌨️ (2:00:32) Randomization ⌨️ (2:16:25) Frequency histogram and distribution ⌨️ (2:35:58) Time series, bar and pie graphs ⌨️ (3:10:10) Frequency table and stem-and-leaf ⌨️ (3:39:41) Measures of central tendency ⌨️ (4:11:56) Measure of variation ⌨️ (4:58:35) Percentile and box-and-whisker plots ⌨️ (5:24:58) Scatter diagrams and linear correlation ⌨️ (6:39:54) Normal distribution and empirical rule ⌨️ (7:05:39) Z-score and probabilities ⌨️ (7:45:11) Sampling distributions and the central limit theorem -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AWS AppSync Tutorial - GraphQL APIs with AppSync, Amplify and Angular

QEMfnr5MO1w | 11 Jun 2019

AWS AppSync Tutorial - GraphQL APIs with AppSync, Amplify and Angular

AWS AppSync automatically updates the data in web and mobile applications in real time, and updates data for offline users as soon as they reconnect. Learn how to use it to build a GraphQL API using Amplify and Angular. 💻 Course created by Manoj Fernando. Check out his YouTube channel: https://www.youtube.com/channel/UChpIik3lwpviVj_tIoCeUHw ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction to GraphQL APIs with AppSync, Amplify and Angular ⌨️ (26:19) Modeling Relationships (1:1 | 1:N | M:N) ⌨️ (57:01) How to send realtime updates with GraphQL subscriptions ⌨️ (1:06:20) Let's Build an Offline Web App -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to HTML & CSS - Tutorial

kLO4X_3VYdg | 10 Jun 2019

Intro to HTML & CSS - Tutorial

Learn the basics of HTML and CSS in this tutorial for beginners. Check out more tutorials on our channel about HTML and CSS: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnSe1qUNMG7AbPmjIG54u88 Tutorial created by Nano Productions. Check out their channel: https://www.youtube.com/channel/UCudphoxex0cGrDmgPiz_H1Q

React Native Browser Editor (P8D1) - Live Coding with Jesse

drN9DEm3hFE | 10 Jun 2019

React Native Browser Editor (P8D1) - Live Coding with Jesse

Today we are going to start a new project! We will be giving the FreeCodeCamp.org in browser code editor the ability to run React Native. Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

R Programming Tutorial - Learn the Basics of Statistical Computing

_V8eKsto3Ug | 06 Jun 2019

R Programming Tutorial - Learn the Basics of Statistical Computing

Learn the R programming language in this tutorial course. This is a hands-on overview of the statistical programming language R, one of the most important tools in data science. 💻Course Files: https://drive.google.com/drive/folders/15U8WjVKbYXaq6N6Wb_6bCr9QZ1DwCkAO 💻 Course created by Barton Poulson from datalab.cc. 🔗 Check out the datalab.cc YouTube channel: https://www.youtube.com/user/datalabcc 🔗 Watch more free data science courses at http://datalab.cc/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Welcome ⌨️ (0:02:20) Installing R ⌨️ (0:07:17) RStudio ⌨️ (0:11:52) Packages ⌨️ (0:19:16) plot() ⌨️ (0:27:49) Bar Charts ⌨️ (0:32:10) Histograms ⌨️ (0:39:44) Scatterplots ⌨️ (0:44:39) Overlaying Plots ⌨️ (0:52:30) summary() ⌨️ (0:55:49) describe() ⌨️ (1:00:17) Selecting Cases ⌨️ (1:06:14) Data Formats ⌨️ (1:21:39) Factors ⌨️ (1:28:34) Entering Data ⌨️ (1:34:18) Importing Data ⌨️ (1:42:29) Hierarchical Clustering ⌨️ (1:49:35) Principal Components ⌨️ (1:59:16) Regression ⌨️ (2:08:36) Next Steps -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Data Science Tutorial - Full Course for Beginners

ua-CiDNNj30 | 30 May 2019

Learn Data Science Tutorial - Full Course for Beginners

Learn Data Science is this full tutorial course for absolute beginners. Data science is considered the "sexiest job of the 21st century." You'll learn the important elements of data science. You'll be introduced to the principles, practices, and tools that make data science the powerful medium for critical insight in business and research. You'll have a solid foundation for future learning and applications in your work. With data science, you can do what you want to do, and do it better. This course covers the foundations of data science, data sourcing, coding, mathematics, and statistics. 💻 Course created by Barton Poulson from datalab.cc. 🔗 Check out the datalab.cc YouTube channel: https://www.youtube.com/user/datalabcc 🔗 Watch more free data science courses at http://datalab.cc/ ⭐️ Course Contents ⭐️ ⌨️ Part 1: Data Science: An Introduction: Foundations of Data Science - Welcome (1.1) - Demand for Data Science (2.1) - The Data Science Venn Diagram (2.2) - The Data Science Pathway (2.3) - Roles in Data Science (2.4) - Teams in Data Science (2.5) - Big Data (3.1) - Coding (3.2) - Statistics (3.3) - Business Intelligence (3.4) - Do No Harm (4.1) - Methods Overview (5.1) - Sourcing Overview (5.2) - Coding Overview (5.3) - Math Overview (5.4) - Statistics Overview (5.5) - Machine Learning Overview (5.6) - Interpretability (6.1) - Actionable Insights (6.2) - Presentation Graphics (6.3) - Reproducible Research (6.4) - Next Steps (7.1) ⌨️ Part 2: Data Sourcing: Foundations of Data Science (1:39:46) - Welcome (1.1) - Metrics (2.1) - Accuracy (2.2) - Social Context of Measurement (2.3) - Existing Data (3.1) - APIs (3.2) - Scraping (3.3) - New Data (4.1) - Interviews (4.2) - Surveys (4.3) - Card Sorting (4.4) - Lab Experiments (4.5) - A/B Testing (4.6) - Next Steps (5.1) ⌨️ Part 3: Coding (2:32:42) - Welcome (1.1) - Spreadsheets (2.1) - Tableau Public (2.2) - SPSS (2.3) - JASP (2.4) - Other Software (2.5) - HTML (3.1) - XML (3.2) - JSON (3.3) - R (4.1) - Python (4.2) - SQL (4.3) - C, C++, & Java (4.4) - Bash (4.5) - Regex (5.1) - Next Steps (6.1) ⌨️ Part 4: Mathematics (4:01:09) - Welcome (1.1) - Elementary Algebra (2.1) - Linear Algebra (2.2) - Systems of Linear Equations (2.3) - Calculus (2.4) - Calculus & Optimization (2.5) - Big O (3.1) - Probability (3.2) ⌨️ Part 5: Statistics (4:44:03) - Welcome (1.1) - Exploration Overview (2.1) - Exploratory Graphics (2.2) - Exploratory Statistics (2.3) - Descriptive Statistics (2.4) - Inferential Statistics (3.1) - Hypothesis Testing (3.2) - Estimation (3.3) - Estimators (4.1) - Measures of Fit (4.2) - Feature Selection (4.3) - Problems in Modeling (4.4) - Model Validation (4.5) - DIY (4.6) - Next Step (5.1) -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Flask for Python - Full Tutorial

Z1RJmh_OqeA | 28 May 2019

Learn Flask for Python - Full Tutorial

Flask is a micro web framework written in Python. It is classified as a microframework because it does not require particular tools or libraries. Learn how to use it in this crash course tutorial. 💻Code: https://github.com/jakerieger/FlaskIntroduction Tutorial from Jake Rieger. Check out his YouTube channel: https://www.youtube.com/channel/UC0np-tFaO8GPJuIKZhwnQxg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

023Psne_-_4 | 24 May 2019

E-Commerce JavaScript Tutorial - Shopping Cart from Scratch

Learn how to create a shopping cart using vanilla Javascript in JavaScript Tutorial Course. 💻Setup files: https://github.com/john-smilga/setup-files-js-comfy-house 🔗Working Example: https://js-comfy-home-furniture-store.netlify.com/ 🎥Course from John Smilga. Check out his channel: https://www.youtube.com/codingaddict 🔗John's course on Udemy: https://www.udemy.com/in-depth-html-css-course-build-responsive-websites/?couponCode=ONLYTEN -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Java Programming - Course for Absolute Beginners

GoXwIVyNvX0 | 21 May 2019

Intro to Java Programming - Course for Absolute Beginners

Java is a general-purpose programming language. Learn how to program in Java in this full tutorial course. This is a complete Java course meant for absolute beginners. No prior programming experience is required. Course created by Tech with Tim. Check out his channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:06:18) Variables & Data Types ⌨️ (0:17:55) Basic Operators ⌨️ (0:29:36) Input and Scanners ⌨️ (0:38:40) Conditions and Booleans ⌨️ (0:49:54) If/Else/Else If ⌨️ (1:00:08) Nested Statements ⌨️ (1:07:18) Arrays ⌨️ (1:15:29) For Loops ⌨️ (1:24:46) For Loops (Continued) ⌨️ (1:34:10) While Loops ⌨️ (1:40:50) Sets and Lists ⌨️ (1:55:25) Maps & HashMaps ⌨️ (2:07:46) Maps Example ⌨️ (2:16:09) Introduction to Objects ⌨️ (2:29:05) Creating Classes ⌨️ (2:44:06) Inheritance ⌨️ (2:57:50) What Does STATIC Mean? ⌨️ (3:07:02) Overloading Methods & Object Comparisons ⌨️ (3:17:37) Inner Classes ⌨️ (3:25:23) Interfaces ⌨️ (3:37:32) Enums Download the Eclipse editor: https://www.eclipse.org/downloads/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Ionic Framework 4 - Full Tutorial - iOS / Android App Development

AvbuIRg8_Jg | 17 May 2019

Ionic Framework 4 - Full Tutorial - iOS / Android App Development

Learn how to use Ionic 4 in this full tutorial course for beginners. Ionic Framework is the free, open source mobile UI toolkit for developing high-quality cross-platform apps for native iOS, Android, and the web—all from a single JavaScript codebase. In this tutorial you will learn how to build a mobile app with Ionic and Angular from scratch. You will learn the basic concepts of Ionic and the Ionic CLI. Course from Awais Mirza. Check out his YouTube channel: https://www.youtube.com/channel/UCIKbbV7ae7LAWa8cGnvjSPA Awais has a full stack JavaScript tutorial on Udemy: https://www.udemy.com/javascript-master-class/?couponCode=AWAIS80 ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Introduction to Ionic ⌨️ (00:12:20) Project Structure ⌨️ (00:23:44) Platform and Emulating ⌨️ (00:33:10) Emulating iOS ⌨️ (00:36:23) Emulating Android ⌨️ (00:39:34) Routing and Lazy Loading ⌨️ (00:51:17) Action Sheet ⌨️ (01:02:37) Components ⌨️ (01:15:55) ION Alert and Documentation ⌨️ (01:32:08) More Components ⌨️ (01:54:36) Side Menu and Tabs ⌨️ (02:16:37) Cordonva Not Available - fixed ⌨️ (02:26:26) Ionic Native ⌨️ (02:32:49) Debugging in Emulator using Safari ⌨️ (02:39:14) Debugging Using Webstorm ⌨️ (02:44:26) Native HTTP Plugins ⌨️ (02:53:20) Native SMS Plugins ⌨️ (02:56:55) Native Storage -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

kzWIUX3CpuI | 15 May 2019

The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course

Gatsby is a framework for creating blazing fast websites and web applications. Powered by React and GraphQL, Gatsby gives you everything you need to build and launch your next project. In this tutorial, you will learn everything you need to build and launch your first site with Gatsby. You’ll build a website from scratch and learn how to get it deployed to production. 💻 Course created by Andrew Mead. Follow him on Twitter: https://twitter.com/andrew_j_mead Andrew Mead's premium courses: 🔗 Node.js (most popular): http://links.mead.io/fccnode 🔗 JavaScript: http://links.mead.io/fccjs 🔗 React: http://links.mead.io/fccreact 🔗 GraphQL: http://links.mead.io/fccgraphql ⭐️ Course Contents ⭐️ ⌨️ 1. Creating a Gatsby Site - Timestamp: 0:38 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-02-creating-site.zip ⌨️ 2. Working with Gatsby Pages - Timestamp: 14:50 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-03-gatsby-pages.zip ⌨️ 3. Linking Between Pages with Gatsby - Timestamp: 27:00 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-04-linking-pages.zip ⌨️ 4. Creating Shared Page Components - Timestamp: 35:56 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-05-shared-components.zip ⌨️ 5. Creating Gatsby Page Layouts - Timestamp: 48:14 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-06-page-layout.zip ⌨️ 6. Styling Gatsby Projects - Timestamp: 56:13 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-07-styling-gatsby.zip ⌨️ 7. Styling Gatsby with CSS Modules - Timestamp: 1:06:49 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-08-css-modules.zip ⌨️ 8. Gatsby Data with GraphQL - Timestamp: 1:28:23 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-09-graphql.zip ⌨️ 9. GraphQL Playground - Timestamp: 1:47:12 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-10-playground.zip ⌨️ 10. Sourcing Content from the File System - Timestamp: 1:51:32 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-11-file-system.zip ⌨️ 11. Working with Markdown Posts - Timestamp: 2:03:37 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-12-transform-markdown.zip ⌨️ 12. Generating Slugs for Posts - Timestamp: 2:19:00 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-13-creating-pages.zip ⌨️ 13. Dynamically Generating Pages - Timestamp: 2:35:14 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-14-post-pages.zip ⌨️ 14. Rendering Post Data in Blog Template - Timestamp: 2:52:08 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-15-render-post-data.zip ⌨️ 15. Adding Images to Posts - Timestamp: 3:03:28 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-16-add-images.zip ⌨️ 16. Getting Started with Contentful - Timestamp: 3:21:19 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-17-contentful.zip ⌨️ 17. Rendering Contentful Posts - Timestamp: 3:38:29 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-18-contentful-posts.zip ⌨️ 18. Dynamic Pages from Contentful - Timestamp: 3:49:24 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-19-contentful-pages.zip ⌨️ 19. 404 Pages and React Helmet - Timestamp: 4:10:18 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-20-helmet.zip ⌨️ 20. Deploying Your Gatsby Site - Timestamp: 4:25:38 - Code: https://s3-us-west-2.amazonaws.com/the-great-gatsby-bootcamp/ga-01-21-deploy.zip -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reinforcement Learning Course - Full Machine Learning Tutorial

ELE2_Mftqoc | 14 May 2019

Reinforcement Learning Course - Full Machine Learning Tutorial

Reinforcement learning is an area of machine learning that involves taking right action to maximize reward in a particular situation. In this full tutorial course, you will get a solid foundation in reinforcement learning core topics. The course covers Q learning, SARSA, double Q learning, deep Q learning, and policy gradient methods. These algorithms are employed in a number of environments from the open AI gym, including space invaders, breakout, and others. The deep learning portion uses Tensorflow and PyTorch. The course begins with more modern algorithms, such as deep q learning and policy gradient methods, and demonstrates the power of reinforcement learning. Then the course teaches some of the fundamental concepts that power all reinforcement learning algorithms. These are illustrated by coding up some algorithms that predate deep learning, but are still foundational to the cutting edge. These are studied in some of the more traditional environments from the OpenAI gym, like the cart pole problem. 💻Code: https://github.com/philtabor/Youtube-Code-Repository/tree/master/ReinforcementLearning ⭐️ Course Contents ⭐️ ⌨️ (00:00:00) Intro ⌨️ (00:01:30) Intro to Deep Q Learning ⌨️ (00:08:56) How to Code Deep Q Learning in Tensorflow ⌨️ (00:52:03) Deep Q Learning with Pytorch Part 1: The Q Network ⌨️ (01:06:21) Deep Q Learning with Pytorch part 2: Coding the Agent ⌨️ (01:28:54) Deep Q Learning with Pytorch part ⌨️ (01:46:39) Intro to Policy Gradients 3: Coding the main loop ⌨️ (01:55:01) How to Beat Lunar Lander with Policy Gradients ⌨️ (02:21:32) How to Beat Space Invaders with Policy Gradients ⌨️ (02:34:41) How to Create Your Own Reinforcement Learning Environment Part 1 ⌨️ (02:55:39) How to Create Your Own Reinforcement Learning Environment Part 2 ⌨️ (03:08:20) Fundamentals of Reinforcement Learning ⌨️ (03:17:09) Markov Decision Processes ⌨️ (03:23:02) The Explore Exploit Dilemma ⌨️ (03:29:19) Reinforcement Learning in the Open AI Gym: SARSA ⌨️ (03:39:56) Reinforcement Learning in the Open AI Gym: Double Q Learning ⌨️ (03:54:07) Conclusion Course from Machine Learning with Phil. Check out his YouTube channel: https://www.youtube.com/channel/UC58v9cLitc8VaCjrcKyAbrw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Symfony PHP Framework Tutorial - Full Course

Bo0guUbL5uo | 09 May 2019

Symfony PHP Framework Tutorial - Full Course

Symfony is a PHP web application framework and a set of reusable PHP components/libraries. Learn how to use it in this full tutorial course for beginners. ⭐️ Course Contents ⭐️ ⌨️ (0:03:50) Installing the development tools ⌨️ (0:15:54) Installing Symfony ⌨️ (0:25:08) Console ⌨️ (0:25:00) Generating a controller ⌨️ (0:30:55) Routing ⌨️ (0:44:37) Using the Symfony Server ⌨️ (0:51:50) Twig ⌨️ (1:08:00) Doctrine ⌨️ (1:49:37) Flash messages ⌨️ (1:52:58) Symfony bug ⌨️ (2:09:41) Security ⌨️ (2:20:16) Registration page ⌨️ (2:39:39) More doctrine & Relationships ⌨️ (2:40:07) File uploading ⌨️ (2:47:55) Defining custom parameters ⌨️ (2:53:23) Doctrine relationship ⌨️ (3:03:35) QueryBuilder ⌨️ (3:11:49) Services Course from OverSeas Media. Check out their YouTube channel: https://www.youtube.com/channel/UCPsBHZLaXkZ_mmapD8vBLXg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code a magic card trick using JavaScript & Node.js - Tutorial

h21pa3yeW08 | 08 May 2019

Code a magic card trick using JavaScript & Node.js - Tutorial

Learn to code a magic card trick using JavaScript, Node.js, Express, and MongoDB. First, you'll see the card trick performed. Then, you'll learn how to program it and deploy it using Heroku. 🔗 freeCodeCamp.org Programmer Playing Cards: https://www.freecodecamp.org/news/programmer-playing-cards/ Files referenced in video: 🔗 Card images: https://drive.google.com/file/d/1Lgj841OZOu-XvbiU0n6teVtJcOqcrbY9/view?usp=sharing 🔗 secret.html file: https://raw.githubusercontent.com/beaucarnes/anycard-fcc/master/secret.html 💻 Full code: https://github.com/beaucarnes/anycard-fcc To follow along, you will need to create an account and a new app on Heroku: https://www.heroku.com/ ✏️ This tutorial was developed by Beau Carnes. You can follow him on Twitter: https://twitter.com/beaucarness -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Laravel PHP Framework Tutorial - Full Course for Beginners (2019)

ImtZ5yENzgE | 07 May 2019

Laravel PHP Framework Tutorial - Full Course for Beginners (2019)

Learn Laravel 5.8 by creating an Instagram clone in this full tutorial course for beginners. Laravel is a free, open-source PHP web framework used for creating web applications. 💻Code: https://github.com/coderstape/freecodegram ⭐️Course Contents ⭐️ ⌨️ (0:00) Introduction ⌨️ (1:14) What is Laravel? ⌨️ (2:07) Installing Laravel ⌨️ (5:30) First look at the project ⌨️ (7:15) Intro to php artisan ⌨️ (11:42) Generating login flow with make:auth ⌨️ (12:04) Setting Up the Front End with Node and NPM ⌨️ (20:00) Migrations and Setting Up SQLite ⌨️ (26:00) Designing the UI from Instagram ⌨️ (42:12) Adding Username to the Registration Flow ⌨️ (58:35) Creating the Profiles Controller ⌨️ (1:04:00) RESTful Resource Controller ⌨️ (1:09:10) Passing Data to the View ⌨️ (1:10:20) Adding the Profiles Mode, Migration and Table ⌨️ (1:17:30) Adding Eloquent Relationships ⌨️ (1:28:10) Fetching the Record From The Database ⌨️ (1:30:00) Adding Posts to the Database & Many To Many Relationship ⌨️ (2:04:24) Creating Through a Relationship ⌨️ (2:08:12) Uploading/Saving the Image to the Project ⌨️ (2:19:19) Resizing Images with Intervention Image PHP Library ⌨️ (2:27:42) Route Model Binding ⌨️ (2:31:48) Editing the Profile ⌨️ (2:46:46) Restricting/Authorizing Actions with a Model Policy ⌨️ (2:54:50) Editing the Profile Image ⌨️ (3:00:00) Automatically Creating A Profile Using Model Events ⌨️ (3:12:56) Default Profile Image ⌨️ (3:19:48) Follow/Unfollow Profiles Using a Vue.js Component ⌨️ (3:31:28) Many To Many Relationship ⌨️ (3:46:33) Calculating Followers Count and Following Count ⌨️ (3:48:55) Laravel Telescope ⌨️ (3:51:44) Showing Posts from Profiles The User Is Following ⌨️ (4:01:03) Pagination with Eloquent ⌨️ (4:03:25) N + 1 Problem & Solution ⌨️ (4:05:21) Make Use of Cache for Expensive Query ⌨️ (4:11:44) Sending Emails to New Registered Users ⌨️ (4:21:51) Wrapping Up ⌨️ (4:22:37) Closing Remarks & What's Next In your Learning 🎥Course from Coder's Tape. Check out their YouTube channel for more great Laravel tutorials: https://www.youtube.com/coderstape -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python for Everybody - Full University Python Course

8DvywoWv6fI | 02 May 2019

Python for Everybody - Full University Python Course

This Python 3 tutorial course aims to teach everyone the basics of programming computers using Python. The course has no pre-requisites and avoids all but the simplest mathematics. 🔗 Sample Code Zip: https://www.py4e.com/code3.zip 🔗 Lecture Slides and Handouts: https://www.py4e.com/lectures3/ 🔗 Free Textbook: https://www.py4e.com/book.php 🔗 Course Website: https://www.py4e.com/ ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Why Program? ⌨️ (0:12:21) Why Program? - Hardware Architecture ⌨️ (0:24:24) Python 3 Windows Installation ⌨️ (0:32:34) Python 3 Mac Installation ⌨️ (0:36:41) Why Program? - Python as a Language ⌨️ (0:44:17) Why Program? - What do we say? ⌨️ (0:56:55) Variables, Expressions, and Statements ⌨️ (1:06:20) Variables, Expressions, and Statements - Expressions ⌨️ (1:26:00) Conditional Execution ⌨️ (1:39:13) Conditional Execution - More Conditional Structures ⌨️ (1:52:48) Functions ⌨️ (2:03:02) Functions - Functions of our own ⌨️ (2:15:21) Loops and Iteration ⌨️ (2:25:04) Loops and Iteration - Definite Loops ⌨️ (2:31:40) Loops and Iteration - Loop Idioms ⌨️ (2:40:07) Loops and Iteration - More Loop Patterns ⌨️ (2:58:39) Strings ⌨️ (3:09:06) Strings - More String Operations ⌨️ (3:27:33) Reading Files ⌨️ (3:35:12) Reading Files - Reading Files in Python ⌨️ (3:48:42) Python Lists ⌨️ (3:59:27) Python Lists - Loop Operations ⌨️ (4:08:52) Python Lists - Strings vs. Lists ⌨️ (4:16:42) Python Lists - Strings, Files, Lists & the Guardian Pattern ⌨️ (4:28:44) Dictionaries ⌨️ (4:36:32) Dictionaries - Counting ⌨️ (4:45:43) Dictionaries - Counting Words in Text ⌨️ (4:58:21) Dictionaries - Counting Word Frequency Using a Dictionary ⌨️ (5:22:46) Tuples ⌨️ (5:32:18) Tuples - Sorting ⌨️ (5:44:26) Tuples - Sorting a Dictionary Using Tuples ⌨️ (5:54:56) Regular Expressions ⌨️ (6:05:21) Regular Expressions - From Matching to Extracting ⌨️ (6:13:47) Regular Expressions - String Parsing ⌨️ (6:22:17) Networked Programs ⌨️ (6:29:45) Networked Programs - Application Protocols ⌨️ (6:38:56) Networked Programs - Write a Web Browser ⌨️ (6:43:10) Networked Programs - Code Example: socket1.py ⌨️ (6:48:58) Networked Programs - Characters and Strings ⌨️ (6:59:57) Networked Programs - urllib ⌨️ (7:05:10) Networked Programs - Code Example: urllib1.py, urlwords.py ⌨️ (7:08:25) Networked Programs - Parsing HTML ⌨️ (7:14:48) Networked Programs - Code Example: urllinks.py ⌨️ (7:23:43) Using Web Services ⌨️ (7:26:35) Using Web Services - XML ⌨️ (7:32:02) Using Web Services - Code Example: xml1.py, xml2.py ⌨️ (7:37:40) Using Web Services - XML Schema ⌨️ (7:51:32) Using Web Services - JavaScipt Notation ⌨️ (7:57:45) Using Web Services - Code Example: json1.py, json2.py ⌨️ (8:03:08) Using Web Services - Service Oriented Approach ⌨️ (8:04:44) Using Web Services - Web Services ⌨️ (8:11:33) Using Web Services - Code Example: geojson.py ⌨️ (8:18:49) Using Web Services - API Security & Rate Limiting ⌨️ (8:28:45) Using Web Services - Code Example: twitter1.py, twitter2.py ⌨️ (8:48:01) Python Objects ⌨️ (8:58:28) Python Objects - Sample Code ⌨️ (9:06:50) Python Objects - Object Lifecycle ⌨️ (9:13:19) Python Objects - Inheritance ⌨️ (9:20:44) Databases ⌨️ (9:35:55) Databases - SQLite Browser ⌨️ (9:45:40) Databases - Code Sample: emaildb.py ⌨️ (9:58:55) Databases - Code Sample: twspider.py ⌨️ (10:08:06) Databases - Database Design ⌨️ (10:16:29) Databases - Representing Relationships ⌨️ (10:20:37) Databases - Relationship Building ⌨️ (10:33:05) Databases - Join Operation ⌨️ (10:43:13) Databases - Code Sample: tracks.py ⌨️ (10:57:45) Databases - Many-to-Many Relationships ⌨️ (11:09:37) Databases - Code Sample: roster.py ⌨️ (11:20:40) Databases - Code Sample: twspider.py ⌨️ (11:20:40) Data Visualization ⌨️ (11:48:18) Data Visualization - Code Sample: Geodata ⌨️ (12:01:05) Data Visualization - Page Rank ⌨️ (12:12:14) Data Visualization - Code Sample: Pagerank Spidering ⌨️ (12:29:12) Data Visualization - Code Sample: Pagerank Computation ⌨️ (12:44:17) Data Visualization - Code Sample: Pagerank Visualization ⌨️ (12:44:17) Data Visualization - Mailing List Crawl ⌨️ (12:57:08) Data Visualization - Code Sample: Gmane Data Retrieval ⌨️ (13:13:42) Data Visualization - Code Sample: Gmane Data Modeling ⌨️ (13:26:04) Data Visualization - Code Sample: Gmane Data Visualization This course was created by Dr. Charles Severance (a.k.a. Dr. Chuck). He is a Clinical Professor at the University of Michigan School of Information, where he teaches various technology-oriented courses including programming, database design, and Web development. "Python for Everybody" by Dr. Chuck Severance and the University of Michigan is licensed under CC BY. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Styling Part 2 (P7D13) - Live Coding with Jesse

VSLMJ2mZx5Y | 01 May 2019

React Native Web Styling Part 2 (P7D13) - Live Coding with Jesse

Project 7 Day 13: Today we will continue to try to make our math game look a little nicer. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn HTML5 and CSS3 From Scratch - Full Course

mU6anWqZJcc | 30 Apr 2019

Learn HTML5 and CSS3 From Scratch - Full Course

HTML and CSS are essential skills to have for a career in web development. In this course we will cover both languages from the scratch and by the end of the course you will be creating your own projects. (0:00) Intro (2:47) What is HTML (5:11) Google Chrome and Visual Studio Code (6:02) Download Google Chrome (8:11) Download Visual Studio Code (13:58) Create A Project (16:09) First Webpage (20:35) Visual Code Settings (22:48) Download Live Server Extension (26:59) Basic HTML Document Structure (29:05) Implementing Basic Document Structure (34:50) Word Wrap and Emmet (40:24) Heading Elements (44:33) Paragraph Elements (47:50) White Space Collapsing (49:22) Lorem Ipsum Dummy Text (51:17) Images (57:15) Multiple Path Options (1:00:06) External Images (1:02:43) Nice Images (1:05:49) Width and Height Attribute (1:08:40) Crop Images (1:12:07) Proper Path (01:15:37) Comments And Line Breaks (01:19:47) External Links (01:23:32) Internal Links (01:25:53) Links Within Page (01:30:10) Empty Links (01:32:39) Sup And Sub Elements (01:34:39) Strong And Em Elements (01:37:02) Special Characters In Html (01:38:58) Unordered Lists (01:41:25) Ordered Lists (01:42:18) Nested Lists (01:43:57) Table Element (01:46:10) Forms - Input And Submit Elements (01:58:12) Forms - Textarea - Radio - Checkbox (02:09:40) Prettier And Code Formatter (02:14:56) Keyboard Shortcuts (02:26:06) External Resources - Head Element (02:30:15) Html Project Intro (02:32:16) Project Setup (02:35:17) Download Images (02:39:02) Logo, Heading, Navigation (02:42:51) Home Page Completed (02:54:30) About Page (02:58:09) Numbers Page (03:04:14) Contact Page (03:09:11) Resource Files (03:09:42) Text Editor Setup (03:16:03) Css Intro (03:17:35) Workspace Setup (03:20:22) Inline Css (03:23:40) Course Resources (03:25:01) Internal Css (03:28:00) External Css (03:39:40) Power Struggle (03:44:17) Basic Css Syntax (03:52:27) Element Selectors (03:55:15) Grouping Selectors (03:57:27) Id Selectors (04:02:09) Class Selectors (04:06:17) Id And Class Selector Summary (04:08:30) Div And Span Elements (04:16:44) CSS Inheritance (04:20:08) More Info On Inheritance (04:22:30) Last Rule, Specificity, Universal Selector (04:27:33) Colors Intro (04:28:13) Color And Background-Color Properties (04:32:33) Color Names (04:33:30) Rgb (04:37:46) Rgba (04:44:33) Hex (04:50:58) Vs-Code Color Options (04:52:57) External Resources (04:55:39) Units Intro (04:56:18) Pixels, Font-Size, Width, Height (05:02:13) Percent Values (05:05:44) Em Values (05:11:42) Rem Values (05:14:41) VH And VW (05:19:14) Default Browser Syles (05:29:07) Calc Function (05:33:38) Typography Intro (05:34:07) Font-Family (05:36:47) Font-Stack Generic Fonts (05:39:23) Google Fonts (05:46:00) Font-Weight Font-Style (05:53:30) Text-Align And Text-Indent (05:56:52) More Text Properties (06:04:31) Box-Model Intro (06:04:53) Padding (06:13:28) Margin (06:19:01) Border (06:23:57) Border-Radius, Negative Margin (06:27:24) Outline Property (06:34:58) Display Property Intro (06:35:19) Display Property (06:43:26) Basic Horizontal Centering (06:48:11) Mobile Navbar Example (06:58:29) Box-Sizing Border-Box (07:06:46) Display Inline-Block (07:09:29) Display:none, Opacity, Visibility (07:16:20) Background-Image Intro (07:16:43) Background Images Setup (07:19:43) Background-Image-Property (07:27:45) Background-Repeat (07:34:07) Background-Size (07:36:58) Background-Position (07:41:18) Background-Attachment (07:47:04) Linear-Gradients (07:56:49) Background Image Shortcuts Combined (08:06:56) Linear-Gradient Colorzilla (08:11:08) Float Position Intro (08:11:47) Float Property (08:19:18) Float Property Column Layout Example (08:25:59) Position Static (08:30:44) Position Relative (08:33:18) Position Absolute (08:38:42) Position Fixed (08:42:30) Media Quries (08:57:07) Z-Index (09:06:04) ::Before And ::After Pseudo Elements (09:27:14) Css Selectors Intro (09:28:26) Basic Selectors (09:31:07) Descendant Child Selectors (09:35:50) First Line And First Letter (09:36:56) :Hover Pseudo-Class Selector (09:40:03) Link Pseudo-Class Selectors (09:44:36) Root Preudo-Class Selectors (09:51:01) Transform,Transition,And Animations (09:52:17) Transform:transition() (09:58:52) Transform:scale() (10:01:20) Transform:rotate() (10:04:47) Transform:skew() (10:06:31) Transition Property (10:09:13) Multiple Transition (10:11:11) Transition Delay (10:16:36) Transition-Timing Function (10:25:51) Animation (10:35:51) Animation-Fill-Mode (10:40:53) Last Module Intro (10:41:32) Css Variables (10:56:19) Font-Awesome Icons (11:07:55) Text-Shadow Box-Shadow (11:14:44) Browser Prefixes (11:19:23) Semantic Tags (11:24:11) Emmet Workflow Course from John Smilga. Check out his channel: https://www.youtube.com/codingaddict John's course on Udemy: https://www.udemy.com/in-depth-html-css-course-build-responsive-websites/?couponCode=ONLYTEN

APIs in React Tutorial - Recipe App using React Router

tvfeBLMA_Q4 | 25 Apr 2019

APIs in React Tutorial - Recipe App using React Router

Learn how to use external APIs with React and React Router. This tutorial shows how to create a recipe finder application in React. 💻Starter Files: https://drive.google.com/drive/folders/1iGkTFjBYngPOlxTGgoOjH5IKKKKf14uL 💻Source code: https://github.com/hamza-mirza/react-recipe-app 🎥Tutorial from Hamza Mirza. Check out his YouTube channel: https://www.youtube.com/c/HamzaMirza 📸Hamza on Instagram: https://www.instagram.com/hmz.js/

React Native Web Styling (P7D12) - Live Coding with Jesse

XHJbEbq8zKQ | 24 Apr 2019

React Native Web Styling (P7D12) - Live Coding with Jesse

Project 7 Day 12: Today we will try to make our math game look a little nicer. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Django Rest Framework & React Tutorial: Learning Management System (Blackboard / Moodle Clone)

JIFqqdRxmVo | 23 Apr 2019

Django Rest Framework & React Tutorial: Learning Management System (Blackboard / Moodle Clone)

In this intermediate Python Django tutorial you will learn to create a multiple-user system using React and the Django Rest Framework. We'll be building an online school where teachers can create assignments that students can complete and view their results. 💻 Clone this repo to get started: https://github.com/justdjango/django-react-boilerplate 💻 Full code: https://github.com/justdjango/teach-me-django 🔗 How to setup authentication between Django and React: https://youtu.be/BxzO2M7QcZw 🎥 Course from JustDjango. Check out their YouTube channel: https://www.youtube.com/channel/UCRM1gWNTDx0SHIqUJygD-kQ 📄 Want to learn how to deploy your projects? Check out JustDjango's course on Udemy: https://www.udemy.com/learn-to-deploy-django/ 🐦 JustDjango on Twitter: https://twitter.com/justdjangocode -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Regular Expressions (Regex) - Crash Course for Beginners

ZfQFUJhPqMM | 18 Apr 2019

Learn Regular Expressions (Regex) - Crash Course for Beginners

Regular expressions (or Regex) are patterns used to match character combinations in strings. In this crash course tutorial, you will learn how to use regular expressions in JavaScript. You will be able to apply the concepts to any programming language. This course follows along with the free regular expressions curriculum at freeCodeCamp.org: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/regular-expressions You can also view this course on Scrimba.com: https://scrimba.com/g/gregularexpressions ⭐️ Contents ⭐️ ⌨️ (01:04) Using the Test Method ⌨️ (02:15) Match Literal Strings ⌨️ (02:57) Match a Literal String with Different Possibilities ⌨️ (03:46) Ignore Case While Matching ⌨️ (04:45) Extract Matches ⌨️ (05:32) Find More Than the First Match ⌨️ (07:16) Match Anything with Wildcard Period ⌨️ (08:54) Match Single Character with Multiple Possibilities ⌨️ (10:14) Match Letters of the Alphabet ⌨️ (10:04) Match Numbers and Letters of the Alphabet ⌨️ (12:15) Match Single Characters Not Specified ⌨️ (13:32) Match Characters that Occur One or More Times ⌨️ (14:19) Match Characters that Occur Zero or More Times ⌨️ (15:32) Find Characters with Lazy Matching ⌨️ (18:54) Find One or More Criminals in a Hunt ⌨️ (19:58) Match Beginning String Patterns ⌨️ (20:53) Match Ending String Patterns ⌨️ (21:40) Match All Letters and Numbers ⌨️ (22:48) Match Everything But Letters and Numbers ⌨️ (23:35) Match All Numbers ⌨️ (24:04) Match All Non-Numbers ⌨️ (24:40) Restrict Possible Usernames ⌨️ (27:29) Match Whitespace ⌨️ (27:56) Match Non-Whitespace Characters ⌨️ (28:25) Specify Upper and Lower Number of Matches ⌨️ (29:40) Specify Only the Lower Number of Matches ⌨️ (30:10) Specify Exact Number of Matches ⌨️ (30:47) Check for All or None ⌨️ (31:38) Positive and Negative Lookahead ⌨️ (35:09) Reuse Patterns Using Capture Groups ⌨️ (40:18) Use Capture Groups to Search and Replace ⌨️ (43:18) Remove Whitespace from Start and End 🎥 Course created by Beau Carnes. Follow Beau on Twitter: https://twitter.com/BeauCarnes -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Math Game Dev (P7D11) - Live Coding with Jesse

tp1XjVEBdws | 17 Apr 2019

React Native Web Math Game Dev (P7D11) - Live Coding with Jesse

Project 7 Day 11: Today we will continue to work on the mechanics for our children's' math game. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How Deep Neural Networks Work - Full Course for Beginners

dPWYUELwIdM | 16 Apr 2019

How Deep Neural Networks Work - Full Course for Beginners

Even if you are completely new to neural networks, this course will get you comfortable with the concepts and math behind them. Neural networks are at the core of what we are calling Artificial Intelligence today. They can seem impenetrable, even mystical, if you are trying to understand them for the first time, but they don't have to. ⭐️ Contents ⭐️ ⌨️ (0:00:00) How neural networks work ⌨️ (0:24:13) What neural networks can learn and how they learn it ⌨️ (0:51:37) How convolutional neural networks (CNNs) work ⌨️ (1:16:55) How recurrent neural networks (RNNs) and long-short-term memory (LSTM) work ⌨️ (1:42:49) Deep learning demystified ⌨️ (2:03:33) Getting closer to human intelligence through robotics ⌨️ (2:49:18) How CNNs work, in depth 🎥 Lectures by Brandon Rohrer. Check out his YouTube channel: https://www.youtube.com/user/BrandonRohrer 🔗 Find more courses from Brandon at https://end-to-end-machine-learning.teachable.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

MASTER your coding interview

iAHQopLuZ4Q | 12 Apr 2019

MASTER your coding interview

Learn tips and strategies for mastering technical whiteboard coding interviews. You will see how to solve many common interview problems and understand the concepts behind the solutions. Coding interviews aren't all about how good you are at software engineering. They're about how well you play the coding interview game. This video will help you beat the game. ⭐️ Contents ⭐️ ⌨️ (0:01:04) Median of Arrays ⌨️ (0:36:19) Missing Two Numbers ⌨️ (1:08:10) 0-1 Knapsack ⌨️ (1:38:37) Integer to Roman Numeral ⌨️ (1:55:59) Matrix Product ⌨️ (2:29:36) Autocomplete ⌨️ (3:01:14) Build Order ⌨️ (3:28:11) Find All Duplicates ⌨️ (3:46:45) Priority Queue ⌨️ (4:17:34) List Cycles ⭐️ Problems Descriptions and Code ⭐️ https://www.byte-by-byte.com/median/ https://www.byte-by-byte.com/twomissingnumbers/ https://www.byte-by-byte.com/01knapsack/ https://www.byte-by-byte.com/inttoroman/ https://www.byte-by-byte.com/matrixproduct/ https://www.byte-by-byte.com/autocomplete/ https://www.byte-by-byte.com/buildorder/ https://www.byte-by-byte.com/findduplicates/ https://www.byte-by-byte.com/priorityqueue/ https://www.byte-by-byte.com/listcycles/ 📄 PDF download with 51 interview questions: https://www.byte-by-byte.com/50-questions/ 🎥 Course from Sam Gavis-Hughson of byte-by-byte.com. Check out his YouTube channel: https://www.youtube.com/channel/UCWSYAntBbdd2SLYUqPIxo0w -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Testing Part 2 (P7D10) - Live Coding with Jesse

FajtSrvwQ44 | 10 Apr 2019

React Native Web Testing Part 2 (P7D10) - Live Coding with Jesse

Project 7 Day 10: Today we will set up more end to end tests for our React Native Web game! See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Dropbox API / JavaScript ES6 Tutorial - Expense Organizer

AzCQrjWQJs4 | 09 Apr 2019

Dropbox API / JavaScript ES6 Tutorial - Expense Organizer

Learn how to build an expense organizer with the Dropbox API and ES6! You can also check out the interactive version of the course here: https://scrimba.com/g/gdropbox Dropbox is a content and collaboration platform trusted by more than 500 million users and 300,000 teams. It also has an API which allows you to add Dropbox features to your apps, such as file storage, sharing, previews, and search. One example of such an app is an expense organizer, which can help businesses prevent their receipts from turning into chaos. Each employee simply adds their receipts to a Dropbox folder, and then the app takes care of organizing them. In this course, you'll build this organizer app while learning the fundamentals of working with the Dropbox APIs. It will all be done in plain JavaScript. Along the way you'll also learn several ES6 concepts, like array methods and async/await functions. To learn more about the Dropbox API, visit the docs: https://www.dropbox.com/developers Course created by Christian Jensen. 🐦https://twitter.com/cbejensen -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn PostgreSQL Tutorial - Full Course for Beginners

qw--VYLpxG4 | 04 Apr 2019

Learn PostgreSQL Tutorial - Full Course for Beginners

Learn how to use PostgreSQL in this full course. PostgreSQL is a general purpose and object-relational database management system. It is the most advanced open source database system widely used to build back-end systems. ⭐️ Contents ⭐️ ⌨️ (0:03:16) What is a Database ⌨️ (0:05:17) What is SQL And Relational Database ⌨️ (0:09:10) What is PostreSQL AKA Postrgres ⌨️ (0:10:53) PostgreSQL Installation (Mac OS) ⌨️ (0:14:21) PostgreSQL Installation (Windows) ⌨️ (0:17:38) GUI Clients vs Terminal/CMD Clients ⌨️ (0:21:39) Setup PSQL (MAC OS) ⌨️ (0:25:22) Setup PSQL (Windows) ⌨️ (0:30:15) How to Create Database ⌨️ (0:33:35) How to Connect to Databases ⌨️ (0:38:12) A Very Dangerous Command ⌨️ (0:41:37) How To Create Tables ⌨️ (0:45:46) Creating Tables Without Constraints ⌨️ (0:49:12) Creating Tables with Constraints ⌨️ (0:55:55) Insert Into ⌨️ (0:59:14) Insert Into Example ⌨️ (1:02:36) Generate 1000 Rows with Mockaroo ⌨️ (1:12:28) Select From ⌨️ (1:15:18) Order By ⌨️ (1:19:53) Distinct ⌨️ (1:21:59) Where Clause and AND ⌨️ (1:25:29) Comparison Operators ⌨️ (1:29:35) Limit, Offset & Fetch ⌨️ (1:32:43) IN ⌨️ (1:35:43) Between ⌨️ (1:37:45) Like And iLike ⌨️ (1:43:10) Group By ⌨️ (1:46:41) Group By Having ⌨️ (1:52:08) Adding New Table And Data Using Mockaroo ⌨️ (1:55:40) Calculating Min, Max & Average ⌨️ (1:59:48) Sum ⌨️ (2:01:55) Basics of Arithmetic Operators ⌨️ (2:05:59) Arithmetic Operators (ROUND) ⌨️ (2:09:43) Alias ⌨️ (2:12:32) Coalesce ⌨️ (2:16:15) NULLIF ⌨️ (2:20:21) Timestamps And Dates Course ⌨️ (2:23:21) Adding And Subtracting With Dates ⌨️ (2:25:58) Extracting Fields From Timestamp ⌨️ (2:27:28) Age Function ⌨️ (2:29:24) What Are Primary Keys ⌨️ (2:31:23) Understanding Primary Keys ⌨️ (2:36:26) Adding Primary Key ⌨️ (2:40:55) Unique Constraints ⌨️ (2:49:15) Check Constraints ⌨️ (2:54:45) How to Delete Records ⌨️ (3:01:36) How to Update Records ⌨️ (3:05:55) On Conflict Do Nothing ⌨️ (3:11:09) Upsert ⌨️ (3:16:41) What Is A Relationship/Foreign Keys ⌨️ (3:19:48) Adding Relationship Between Tables ⌨️ (3:25:04) Updating Foreign Keys Columns ⌨️ (3:29:30) Inner Joins ⌨️ (3:35:17) Left Joins ⌨️ (3:40:53) Deleting Records With Foreign Keys ⌨️ (3:47:27) Exporting Query Results to CSV ⌨️ (3:50:42) Serial & Sequences ⌨️ (3:57:18) Extensions ⌨️ (3:59:39) Understanding UUID Data Type ⌨️ (4:05:54) UUID As Primary Keys ⌨️ (4:16:30) Conclusion ✏️ Course from Amigoscode. 🔗 Subscribe to Amigoscode YouTube channel | http://bit.ly/2HpF5V8 🔗 Visit Amigoscode.com for more courses | http://bit.ly/2JgGW0w 🔗 Full Playlist Available Here | http://bit.ly/2ClGPdY 🔗 Follow Amigoscode on Instagram | http://bit.ly/2TSkA9w 🔗 Join Amigoscode Closed Facebook Group | http://bit.ly/2FbuIkx -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Testing (P7D9) - Live Coding with Jesse

B51jR_MfaXk | 03 Apr 2019

React Native Web Testing (P7D9) - Live Coding with Jesse

Project 7 Day 9: Today we will set up end to end tests for our React Native Web game! See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ReasonML Programming - Full Course for Beginners

sjWsAYJF8BA | 02 Apr 2019

ReasonML Programming - Full Course for Beginners

ReasonML is an object-functional programming language created at Facebook. ReasonML lets you write simple, fast and quality type safe code while leveraging both the JavaScript & OCaml ecosystems. In this full tutorial course, you will learn everything you need to know about ReasonML (aka Reason) and you will be able to start building awesome things with it. ⭐️ Contents ⭐️ 1. Basic data types ⌨️ (0:02:26) Basic Types ⌨️ (0:19:17) Let Bindings ⌨️ (0:25:05) Conditionals ⌨️ (0:29:33) Functions ⌨️ (0:40:50) Recursions ⌨️ (0:49:36) Operators 2. Basic data structures ⌨️ (0:50:03) Let Bindings ⌨️ (1:03:21) Tuples ⌨️ (1:15:26) Records ⌨️ (1:34:28) Arrays ⌨️ (1:48:55) Equalities 3. Advanced data structures ⌨️ (1:54:26) Varient Types ⌨️ (2:16:50) Polymorphic Varients ⌨️ (2:36:28) List 4. Higher-order functions ⌨️ (2:57:01) Functional Expressions ⌨️ (3:05:55) First-Class Functions ⌨️ (3:23:28) Partial Application ⌨️ (3:41:58) Labeled Parameters ⌨️ (4:00:23) Map ⌨️ (4:11:43) Fold ⌨️ (4:28:17) Pipe Operator 5. Imperative features ⌨️ (4:44:58) Unit ⌨️ (4:54:55) Exceptions ⌨️ (5:10:15) Iterations ⌨️ (5:16:53) Mutations ⌨️ (5:25:01) References You can get individual videos from this course at https://learnreasonml.com/ 🎥 Tutorial from David Kopal. 🐦 @coding_lawyer 💻 https://www.codinglawyer.io/ ✏️ https://medium.com/@codinglawyer -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Develop an AI to play Connect Four - Python Tutorial

8392NJjj8s0 | 29 Mar 2019

Develop an AI to play Connect Four - Python Tutorial

Learn how to create an expert level artificial intelligence to play Connect Four using Python. We start out with a very simple implementation of just dropping a piece randomly and then progress to choosing a column based on score and then finally implementing the minimax algorithm with alpha beta pruning. 💻 Initial code: https://github.com/KeithGalli/Connect4-Python 🎥Developing the initial connect four game: https://youtu.be/XpYz-q1lxu8 🎥How a board game AI works: https://youtu.be/y7AKtWGOPAE 🎥Alpha-beta pruning: https://youtu.be/l-hh51ncgDI Video from Keith Galli. Check out his channel: https://www.youtube.com/channel/UCq6XkhO5SZ66N04IcPbqNcw Keith on social media: https://www.instagram.com/keithgalli/ https://twitter.com/keithgalli/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Online Multiplayer Game Development Tutorial

McoDjOCb2Zo | 27 Mar 2019

Python Online Multiplayer Game Development Tutorial

This Python online game tutorial will show you how to code a scaleable multiplayer game with python using sockets/networking and pygame. You will learn how to deploy your game so that people anywhere around the world can play against each other. You will learn and understand the following after this tutorial: • How a Client/Server System Works • How to Develop Applications to an External Server • How to Code a Client • How to Code a Server • Sending Encrypted Data Such as Objects Over a Port • Connecting Multiple Clients to a Server 💻Code: https://techwithtim.net/wp-content/uploads/2019/03/networkTutrorial.zip ⭐️ Contents ⭐️ ⌨️ (0:00:51) 1 - Creating a Client Using Sockets ⌨️ (0:16:55) 2 - Creating a Server ⌨️ (0:34:04) 3 - Sending & Receiving Information From Server ⌨️ (0:44:43) 4 - Connecting Multiple Clients ⌨️ (1:03:38) 5 - Sending Objects With Pickle! ⌨️ (1:14:52) 6 - Online Rock Paper Scissors 🔗 How to Install Pygame: https://www.youtube.com/watch?v=AdUZArA-kZw 🔗 Pycharm Download: https://www.jetbrains.com/pycharm/ 🎥 Tutorial from Tech with Tim. Check out his YouTube channel: https://www.youtube.com/techwithtim -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Deployment (P7D8) - Live Coding with Jesse

9McfnAxz23M | 27 Mar 2019

React Native Web Deployment (P7D8) - Live Coding with Jesse

Project 7 Day 8: Today we will deploy our React Native game as a web app! See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a C# Application from Start to Finish - Complete Course

wfWxdh-_k_4 | 25 Mar 2019

Create a C# Application from Start to Finish - Complete Course

In this comprehensive 24-hour-long course, you will learn to use C# to build a complete application from start to finish. Using .net and Visual Studio, we will construct a tournament tracker application that is fit to launch. The application uses Winforms, a class library, events, SQL database, text file data storage (in CSV format), custom events and more. ⌨️ (00:00:00) 01 - Initial Planning ⌨️ (00:16:45) 02 - Overview Planning ⌨️ (00:46:09) 03 - Data Design ⌨️ (01:15:06) 04 - User Interface Design ⌨️ (01:34:26) 05 - Logic Planning ⌨️ (01:50:02) 06 - Class Library Creation ⌨️ (02:06:10) 07 - Form Building ⌨️ (03:08:24) 08 - SQL Database Design ⌨️ (04:12:49) 09 - Prize Form Wire Up ⌨️ (05:36:04) 10 - SQL Connection ⌨️ (06:46:37) 11 - Text Connection ⌨️ (07:44:24) 12 - Create Team Form Part 1 ⌨️ (08:29:18) 13 - Create Team Form Part 2 ⌨️ (09:12:34) 14 - Create Team Form Part 3 ⌨️ (10:01:06) 15 - Create Tournament Form Part 1 ⌨️ (10:33:21) 16 - Create Tournament Form Part 2 ⌨️ (11:15:17) 17 - Create Tournament Form Part 3 ⌨️ (12:34:12) 18 - Create Tournament Form Part 4 ⌨️ (13:45:48) 19 - Create Tournament Form Part 5 ⌨️ (16:12:12) 20 - Debugging ⌨️ (17:09:09) 21 - Dashboard Form ⌨️ (17:58:42) 22 - Tournament Viewer Part 1 ⌨️ (19:07:33) 23 - Tournament Viewer Part 2 ⌨️ (20:23:30) 24 - Refactoring ⌨️ (21:30:51) 25 - Error Handling ⌨️ (21:52:55) 26 - Emailing Users ⌨️ (23:01:27) 27 - Wrapping Up 🎥Tutorial from Tim Corey. Check out his channel: https://youtube.com/IAmTimCorey 🔗Tim's website: https://www.IAmTimCorey.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native with Hooks (P7D7) - Live Coding with Jesse

2KkwRjuS30I | 22 Mar 2019

React Native with Hooks (P7D7) - Live Coding with Jesse

Project 7 Day 7: Today we will review a pull request that implements React Hooks! See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

2d Game Dev Unity Tutorial - Hyper Casual Game

kRGQJqHHwXA | 21 Mar 2019

2d Game Dev Unity Tutorial - Hyper Casual Game

In this full Unity tutorial, you will learn to create a simple 2d Hyper Casual game using Unity and C#. You will learn tips and tricks on how to work with Unity to achieve the best results in the simplest way possible. 🔗Game Assets: https://github.com/AwesomeTuts/cube-fall-hyper-casual-game Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Game Styles (P7D6) - Live Coding with Jesse

pexVpeGjoC8 | 20 Mar 2019

React Native Web Game Styles (P7D6) - Live Coding with Jesse

Project 7 Day 6: Today we will add some styles for our React Native Web game. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Vue.js - Full Course for Beginners - 2019

4deVCNJq3qc | 19 Mar 2019

Learn Vue.js - Full Course for Beginners - 2019

Learn to use Vue.js in this full tutorial course for beginners. Vue.js is an open-source JavaScript framework for building user interfaces and single-page applications. 💻 Code - Quiz App: https://github.com/gwenf/vue-quiz 💻 Code - Pet App: https://github.com/gwenf/vue-adopt-pets ⭐️ Contents ⭐️ (0:32) Part 1: ⌨️ The Vue Instance ⌨️ Directives ⌨️ Methods ⌨️ Data-binding ⌨️ Events ⌨️ Filters ⌨️ Computed Properties ⌨️ Components ⌨️ Component Lifecycle (35:33) Part 2: ⌨️ Vue-cli ⌨️ Vue devtools ⌨️ Props & Slots ⌨️ Making API calls ⌨️ Vue-router ⌨️ Vuex ⌨️ Unit Testing ⌨️ Recommended Resources ⭐️ Links: ⭐️ 🔗 TheJaredWilcurt Twitch Channel: https://www.twitch.tv/thejaredwilcurt 🔗 Sarah Drasner, Vue Animations: https://www.youtube.com/watch?v=LLnVLjpY6gE 🔗 Views on Vue podcast: https://devchat.tv/views-on-vue/ 🔗 State of Vue.js Report: https://www.monterail.com/state-of-vuejs-report ✏ Course from Gwen Faraday. Check out her YouTube channel: https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA 🐦 Gwen on Twitter: https://twitter.com/gwen_faraday 📬 Email Gwen: [email protected] -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Game Logic Part 2 (P7D5) - Live Coding with Jesse

Cu7z-L-UQhA | 15 Mar 2019

React Native Web Game Logic Part 2 (P7D5) - Live Coding with Jesse

Project 7 Day 5: Today we will add another game mode and a way for the user to select it for our React Native Web game. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web

_CBYbEGvxYY | 13 Mar 2019

React Native Web Full App Tutorial - Build a Workout App for iOS, Android, and Web

Learn to use React Native for Web to create a workout app that works on Android, iOS, and the web. The app uses Mobx, Typescript, React Navigation, React Hooks, AsyncStorage / Localstorage, and more. Once the app is complete, you will learn how to deploy it to Netlify. 💻 Code: https://github.com/benawad/react-native-web-series ⭐️ Contents ⭐️ ⌨️ (0:00:00) Setting Up a React Native Web Project ⌨️ (0:09:04) Setting Up React Native Hooks ⌨️ (0:15:03) Setting Up a React Native Web Monorepo ⌨️ (0:28:24) Configuring React Native for Yarn Workspaces ⌨️ (0:39:58) How to use Mobx with React Hooks ⌨️ (0:49:15) Navigation in React Native Web ⌨️ (1:03:28) Styling a Component in React Native Web ⌨️ (1:27:40) Mobx Root Store ⌨️ (1:45:20) Workout Timer with Mobx ⌨️ (2:11:20) React Router with React Native Web ⌨️ (2:22:45) How to Persist Mobx Stores ⌨️ (2:30:47) Storing and Displaying Workout History ⌨️ (2:54:33) React Router Params in React Native Web ⌨️ (3:17:30) Floating Action Button React Native Web ⌨️ (3:34:45) Deploy React Native Web to Netlify ⭐️ Links: ⭐️ 🔗 https://stronglifts.com/apps/ 🔗 https://github.com/necolas/react-native-web/blob/master/docs/guides/client-side-rendering.md 🔗 VSCode settings used: https://gist.github.com/benawad/1e9dd01994f78489306fbfd6f7b01cd3 Course from Ben Awad. Check out his YouTube channel: https://www.youtube.com/benawad97 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

How to Make a Custom Website from Scratch using WordPress (Theme Development) - 2019 Tutorial

KibbYf9avko | 11 Mar 2019

How to Make a Custom Website from Scratch using WordPress (Theme Development) - 2019 Tutorial

Learn to create a completely responsive website from scratch using WordPress, HTML, CSS, JavaScpript, and PHP. Also, learn to create a custom WordPress theme. After watching this course you will have a solid understanding of how WordPress works and how to create your own custom theme in WordPress. 🔗 Design Source Code: https://github.com/Godsont/Responsive-Website-Design 🔗 Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro and Demo ⌨️ (0:00:55) Research & Planning ⌨️ (0:10:52) UI Design - The Front Page ⌨️ (0:27:47) UI Design - CSS ⌨️ (0:59:07) UI Design - JavaScript ⌨️ (1:05:11) UI Design - More Pages ⌨️ (1:20:43) PHP Basics ⌨️ (1:58:31) Installing WordPress locally ⌨️ (2:03:05) WordPress - style.css file ⌨️ (2:11:47) WordPress - linking CSS and JS ⌨️ (2:23:17) WordPress - Custom Post Type ⌨️ (2:33:31) WordPress - Template Hierarchy ⌨️ (2:43:29) WordPress - while loop ⌨️ (2:54:52) WordPress - the Front Page ⌨️ (3:11:44) WordPress - Blogs Index Page ⌨️ (3:26:42) WordPress - Single Post Page & Comments ⌨️ (3:52:59) WordPress - Sidebar & Search ⌨️ (4:14:35) WordPress - Contact Form ⌨️ (4:20:17) WordPress - Custom 404 Page ⌨️ (4:24:19) Finishing Up Other Links: 🔗 Template Hierarchy: https://developer.wordpress.org/files/2014/10/wp-hierarchy.png 🔗 Link for the time formats in the_time() function: https://codex.wordpress.org/Function_Reference/the_time 🔗 Comment Form: https://codex.wordpress.org/Function_Reference/comment_form Course from GTCoding. Check out their YouTube channel: https://www.youtube.com/gtcoding -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Game Logic (P7D4) - Live Coding with Jesse

q4hqFqOuDwk | 08 Mar 2019

React Native Web Game Logic (P7D4) - Live Coding with Jesse

Project 7 Day 4: Today we will start to create some of the logic for our React Native Web game. See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Code Like a Pro (with Dylan Israel)

ZihKWQXRBmE | 07 Mar 2019

How to Code Like a Pro (with Dylan Israel)

Learn how to write more professional code. Learn tools and principles to improve your code from Dylan Israel. This tutorial covers: ⌨️ (0:00:00) Introduction ⌨️ (0:02:45) Linting ⌨️ (0:09:21) Variables ⌨️ (0:30:04) Functions ⌨️ (0:52:27) Comments ⌨️ (1:08:45) SOLID Principles ⌨️ (1:21:05) Single Responsibility Principle ⌨️ (1:29:52) Open Closed Principle ⌨️ (1:36:44) Liskov Substitution Principle ⌨️ (1:44:32) Interface Segregation Principle ⌨️ (1:54:49) Dependency Inversion Principle 💻Slides: https://docs.google.com/presentation/d/1KtOJz-YET9tTSdk6hiy7oehcFPAGQrBSAtfFERuBwk8/edit?usp=sharing 🔗TSLINT setup: https://www.youtube.com/watch?v=xPEMup5SPTM&t=1820 🔗ESLINT Setup: https://youtu.be/cMrDePs86Uo Check out Dylan's channel: https://www.YouTube.com/CodingTutorials360 Here is a course from Dylan you can get for $9.99: 100 Algorithm Challenge - How to Ace the JavaScript Coding Interview https://www.udemy.com/100-algorithms-challenge/?couponCode=CODINGGOD -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web UI Building (P7D3) - Live Coding with Jesse

XCy7tFtl7io | 06 Mar 2019

React Native Web UI Building (P7D3) - Live Coding with Jesse

Project 7 Day 3: Today we will start to build out a basic UI for our React Native Web project See a professional software engineer at work. Unscripted. Mistakes included. Project Repo: https://github.com/JesseRWeigel/battlemath Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Data Science - Crash Course for Beginners

N6BghzuFLIg | 04 Mar 2019

Intro to Data Science - Crash Course for Beginners

Learn the basic components of Data Science in this crash course for beginners. If you want to learn more about data science after completing this course, check out Max's Free Getting Started with Data Science Workshop: https://codingwithmax.com/webinar/data-scientist/ In this course for beginners, you will learn about: 1. Statistics: we talk about the types of data you'll encounter, types of averages, variance, standard deviation, correlation, and more. 2. Data visualization: we talk about why we need to visualize our data, and the different ways of doing it (1 variable graphs, 2 variable graphs and 3 variable graphs.) 3. Programming: we talk about why programming helps us with data science including the ease of automation and recommended Python libraries for you to get started with data science. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:10:52) Statistical Data Types ⌨️ (0:25:10) Types of Averages ⌨️ (0:38:55) Spread of Data ⌨️ (0:50:54) Quantiles and Percentiles ⌨️ (0:55:52) Importance of Data Visualization ⌨️ (1:05:14) One Variable Graphs ⌨️ (1:12:04) Two Variable Graphs ⌨️ (1:25:08) Three and Higher Variable Graphs ⌨️ (1:31:20) Programming Course from Coding With Max. Check out the Coding With Max blog: https://www.codingwithmax.com/blog Full data science course: https://codingwithmax.teachable.com/p/data-scientist-10-weeks -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Setup Part 2 (P7D2) - Live Coding with Jesse

-94GMZhq5B4 | 01 Mar 2019

React Native Web Setup Part 2 (P7D2) - Live Coding with Jesse

Project 7 Day 2: Today we will continue to set up our React Native Web project. See a professional software engineer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Foundation CSS Framework Tutorial - Crash Course for Beginners

_drzb7j9Bg4 | 27 Feb 2019

Foundation CSS Framework Tutorial - Crash Course for Beginners

Learn everything you need to know about Foundation by ZERB. Foundation is a responsive front-end CSS framework that makes it easy to design beautiful responsive websites. This tutorial for beginners covers all of the components of Foundation. First, you will learn how to use Foundation's HTML5 templates. Then, you will see how to build a complete portfolio website from scratch using Foundation. When you are finished with this course, you should have an intermediate understanding of how Foundation works. Links: 🔗 http://foundation.zurb.com 🔗 https://foundation.zurb.com/sites/docs/kitchen-sink.html 🔗 https://foundation.zurb.com/templates.html 🔗 https://atom.io/packages/atom-beautify ⭐️ Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:32) Installation ⌨️ (01:38) Kitchen Sink ⌨️ (54:57) HTML5 Templates ⌨️ (1:08:10) Portfolio build from scratch ⌨️ (1:33:36) Review 🎥 Tutorial created by Shadow Teck. Check out the Shadow Teck YouTube channel: https://www.youtube.com/channel/UC9vKBPQdHho6HrC0RiKz8ZA 🐦 Shadow Teck on Twitter: https://twitter.com/Shadow_Teck -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Unity 3D Tutorial - Beat Em Up Fight Game

gcF66q-UPCs | 25 Feb 2019

Unity 3D Tutorial - Beat Em Up Fight Game

Learn how to use Unity to create a 3D Beat Em Up Fight Game. This tutorial covers everything you need to know to make a basic Beat Em Up game. You are even provided the 3D assets! 💻Assets: https://github.com/AwesomeTuts/3d-beat-em-up-game-assets ⭐️Course Contents ⭐️ ⌨️ (0:00) Intro ⌨️ (3:47) Importing Assets ⌨️ (7:49) Configuring Our Player ⌨️ (12:34) Creating Player Animations ⌨️ (28:32) Player Movement Script ⌨️ (48:08) Character Animation Script ⌨️ (1:07:00) Player Attack Script ⌨️ (1:30:18) Configuring Our Enemies ⌨️ (1:49:52) Enemy Movement Script ⌨️ (2:19:58) Creating Player Attack Points For Detecting And Dealing Damage ⌨️ (2:34:34) Character Animation Delegate Script ⌨️ (3:04:51) Creating The Health Script ⌨️ (3:11:37) Knocking Down Enemy With Combos ⌨️ (3:26:02) Adding Sound FX In The Game ⌨️ (3:44:59) Camera Shake FX ⌨️ (3:57:31) Enemy Attack Points And Dealing Damage To Player ⌨️ (4:14:18) Enemy Manager Script ⌨️ (4:20:03) Displaying Health Stats With UI Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw Help Osarion To Bring His Game To Life https://www.kickstarter.com/projects/osarion/unsung-warriors Check Out The 3D Beat Em Up Unity Template https://assetstore.unity.com/packages/templates/systems/beat-em-up-game-template-3d-98013 The creator of the assets is Osarion and these are the assets from his beam em up unity template. Please NOTE that these assets can be used only for EDUCATIONAL purposes to follow this tutorial, you can't use them to create a commercial game or share the assets with others. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MongoDB with Python Crash Course - Tutorial for Beginners

E-1xI85Zog8 | 21 Feb 2019

MongoDB with Python Crash Course - Tutorial for Beginners

Learn the most popular NoSQL / document database: MongoDB. In this quickstart tutorial, you'll be up and running with MongoDB and Python. 💻Code: https://github.com/mikeckennedy/mongodb-quickstart-course ⭐️Course Contents⭐️ ⌨️ (0:00:00) Welcome ⌨️ (0:04:33) Intro to MongoDB ⌨️ (0:07:49) How do document DBs work? ⌨️ (0:10:34) Who uses MongoDB ⌨️ (0:13:02) Data modeling ⌨️ (0:16:30) Modeling guidelines ⌨️ (0:22:11) Integration database ⌨️ (0:24:23) Getting demo code ⌨️ (0:30:07) How ODMs work? ⌨️ (0:32:55) Introduction to mongoengine ⌨️ (0:34:01) Demo: Registering connections with MongoEngine ⌨️ (0:37:20) Concept: Registering connections ⌨️ (0:39:14) Demo: Defining mongoengine entities (classes) ⌨️ (0:45:22) Concept: mongoengine entities ⌨️ (0:49:03) Demo: Create a new account ⌨️ (0:56:55) Demo: Robo 3T for viewing and managing data ⌨️ (0:58:18) Demo: Login ⌨️ (1:00:07) Demo: Register a cage ⌨️ (1:10:28) Demo: Add a bookable time as a host ⌨️ (1:16:13) Demo: Managing your snakes as a guest ⌨️ (1:19:18) Demo: Book a cage as a guest ⌨️ (1:33:41) Demo: View your bookings as guest ⌨️ (1:41:29) Demo: View bookings as host ⌨️ (1:46:18) Concept: Inserting documents ⌨️ (1:47:28) Concept: Queries ⌨️ (1:48:09) Concept: Querying subdocuments with mongoengine ⌨️ (1:49:37) Concept: Query using operators ⌨️ (1:50:24) Concept: Updating via whole documents ⌨️ (1:51:46) Concept: Updating via in-place operators ⌨️ (1:54:01) Conclusion Thanks to Michael Kennedy for letting us post his course. Check out his other content: 🔗 MongoDB for Developers with Python Full Course: https://training.talkpython.fm/courses/explore_mongodb_for_python_developers_course/mongodb-for-python-for-developers-featuring-orm-odm-mongoengine 🔗 Python Jumpstart by Building 10 Apps: https://training.talkpython.fm/courses/explore_python_jumpstart/python-language-jumpstart-building-10-apps 🔗 Main course page: https://freemongodbcourse.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Python Algorithms for Interviews

p65AHm9MX80 | 19 Feb 2019

Python Algorithms for Interviews

Learn about common algorithm concepts in Python and how to solve algorithm challenges you may encounter in an interview. ⭐️Contents⭐️ ⌨️ (0:00:00) Big O Notation ⌨️ (0:22:08) Big O Examples ⌨️ (0:43:01) Array Sequences ⌨️ (0:53:23) Dynamic Arrays ⌨️ (1:06:26) Array Algorithms ⌨️ (1:20:40) Largest Sum ⌨️ (1:31:27) How to Reverse a String ⌨️ (1:57:32) Array Analysis ⌨️ (2:00:00) Array Common Elements ⌨️ (2:28:54) Minesweeper ⌨️ (3:08:16) Frequent Count ⌨️ (3:16:58) Unique Characters in Strings ⌨️ (3:28:35) Non-Repeat Elements in Array Tutorial from CupofCode 01. Check out their YouTube channel: https://www.youtube.com/channel/UCwptawgtdrxkG2kWY0OO5mQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology: https://youtube.com/subscription_center?add_user=freecodecamp

Valve developers discuss Portal problems - CS50's Intro to Game Development

riijspB9DIQ | 13 Feb 2019

Valve developers discuss Portal problems - CS50's Intro to Game Development

Developers who created the game Portal discuss problems they faced and how they solved them. This beginner's course teaches the foundations of game development. This video is lecture 11 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:58) What is a Portal? ⌨️ (0:04:40) Rendering ⌨️ (0:04:52) Texture vs Stencil Tradeoffs ⌨️ (0:09:35) Rendering Using Stencils ⌨️ (0:15:36) Duplicate Models ⌨️ (0:16:36) Clip Planes ⌨️ (0:17:44) Banana Juice ⌨️ (0:19:44) Recursion ⌨️ (0:23:19) Third Person Gotchas ⌨️ (0:24:48) Pixel Queries ⌨️ (0:26:34) Design ⌨️ (0:27:45) Prototyping in 2D ⌨️ (0:28:48) Training Basics ⌨️ (0:36:22) Portal Funnels ⌨️ (0:38:51) Aerial Faith Plates ⌨️ (0:39:34) Trigger Catapult ⌨️ (0:42:53) Portal Highlight ⌨️ (0:43:44) Portal Placement Helper ⌨️ (0:45:01) Fun Over Accurate Physics ⌨️ (0:46:54) Gels ⌨️ (0:48:09) Portal Gel ⌨️ (0:49:25) Cutting Sticky Gel ⌨️ (0:52:13) Cutting Portal Through Portal ⌨️ (0:53:02) Cutting Double Flings ⌨️ (0:54:31) Energy Ball To Laser ⌨️ (0:56:58) Combining Elements ⌨️ (0:57:35) Laser Introduction ⌨️ (0:57:52) Laser Saturation ⌨️ (0:58:41) Laser Graduation ⌨️ (0:59:14) Laser Combination ⌨️ (1:00:25) Physics ⌨️ (1:00:43) Volumes, Vectors, and Planes ⌨️ (1:03:41) Carving Holes ⌨️ (1:07:20) Collision Lists ⌨️ (1:08:50) Shadow Clones ⌨️ (1:11:32) Q&A ⌨️ (1:13:37) Reduce Rendering Frustum ⌨️ (1:41:05) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Express.js & Node.js Course for Beginners - Full Tutorial

G8uL0lFFoN0 | 12 Feb 2019

Express.js & Node.js Course for Beginners - Full Tutorial

Learn how to develop a web app from scratch using Node.js, Express.js, PostgreSQL, and Bootstrap. Develop a landing page and a CRUD application collecting sales leads. The code from this project is a good starting place for you to develop your own project. 💻Code: https://github.com/buzz-software/expressjs-mvp-landing-page Course developed by Buzz Team. Check out their YouTube channel: https://www.youtube.com/channel/UCYG3_Qd8eOesMmvhjtA-iOw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Portal Clone Tutorial in Unity - CS50's Intro to Game Development

359zcpybgIM | 12 Feb 2019

Portal Clone Tutorial in Unity - CS50's Intro to Game Development

Learn game development by creating a Portal clone game using Unity and C#. This beginner's course teaches the foundations of game development. This video is lecture 10 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/10/assignment10.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:08:10) Portal Demo ⌨️ (0:16:31) Portal Demo Unity View ⌨️ (0:18:38) Holding a Weapon ⌨️ (0:24:04) Raycasting ⌨️ (0:37:00) RenderTexture ⌨️ (0:46:00) Texture Masking ⌨️ (0:52:18) Teleporting ⌨️ (1:01:07) ProBuilder and ProGrids ⌨️ (1:25:23) Shadergraph ⌨️ (1:29:08) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Dreadhalls | Unity 3D Tutorial - CS50's Intro to Game Development

MOqpJp5ZyDE | 11 Feb 2019

Dreadhalls | Unity 3D Tutorial - CS50's Intro to Game Development

Learn game development and Unity by creating a Dreadhalls clone game. The principles you learn can apply to any programming language. This beginner's course teaches the foundations of game development. This video is lecture 9 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/9/assignment9.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:13) Demo ⌨️ (0:14:36) Texturing ⌨️ (0:20:54) UV Unwrapping ⌨️ (0:28:27) Materials ⌨️ (0:32:55) Lighting ⌨️ (0:33:51) Point Light ⌨️ (0:34:26) Spot Light ⌨️ (0:35:07) Directional Light ⌨️ (0:35:48) Area Light ⌨️ (0:43:25) Bump Mapping ⌨️ (0:48:42) 3D Maze Generation ⌨️ (1:11:39) Character Controllers ⌨️ (1:32:04) Multiple Scenes ⌨️ (1:41:44) Fog ⌨️ (1:44:40) Unity2D ⌨️ (1:52:34) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unity / C# Tutorial | Helicopter Game 3D - CS50's Intro to Game Development

smRX1XItAjU | 08 Feb 2019

Unity / C# Tutorial | Helicopter Game 3D - CS50's Intro to Game Development

Learn game development by creating Helicopter Game 3D using Unity, C#, and Blender. The principles you learn can apply to any programming language. This beginner's course teaches the foundations of game development. This video is lecture 8 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/8/assignment8.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:07:36) Unity ⌨️ (0:12:11) C# ⌨️ (0:17:24) Blender ⌨️ (0:19:09) GameObjects ⌨️ (0:29:32) Components ⌨️ (0:38:28) Composition vs. Inheritance ⌨️ (0:40:29) MonoBehaviours ⌨️ (0:56:46) Colliders and Triggers ⌨️ (1:14:49) Prefabs and Spawning ⌨️ (1:45:14) Texture Scrolling ⌨️ (1:49:26) Audio ⌨️ (1:54:08) Asset Store ⌨️ (1:55:30) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pokémon Coding Tutorial - CS50's Intro to Game Development

gx_qorHxBpI | 07 Feb 2019

Pokémon Coding Tutorial - CS50's Intro to Game Development

Learn game development by creating a Pokemon clone game using Lua and LÖVE2D. The principles you learn can apply to any programming language. This beginner's course teaches the foundations of game development. This video is lecture 7 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/7/assignment7.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:59) Pokémon Demo ⌨️ (0:11:33) StateStack ⌨️ (0:20:32) StartState ⌨️ (0:23:32) FadeInState ⌨️ (0:29:22) DialogueState ⌨️ (0:33:23) PlayState ⌨️ (0:36:11) Grid-Aligned Movement ⌨️ (0:42:25) Dialogue Revisited ⌨️ (0:44:13) Level ⌨️ (0:46:13) Triggering Encounters ⌨️ (0:50:09) GUIs ⌨️ (0:52:36) 9-Patches ⌨️ (0:55:10) GUI Widgets ⌨️ (1:01:46) Panel ⌨️ (1:03:25) Textbox ⌨️ (1:08:49) Selection ⌨️ (1:12:16) Menu ⌨️ (1:12:50) Party and Pokemon ⌨️ (1:22:19) BattleSprite ⌨️ (1:23:58) Shaders ⌨️ (1:28:45) BattleState ⌨️ (1:37:55) BattleMenuState ⌨️ (1:43:06) TakeTurnState ⌨️ (1:56:10) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Angry Birds Coding Tutorial - CS50's Intro to Game Development

9iYjOkRDzBs | 06 Feb 2019

Angry Birds Coding Tutorial - CS50's Intro to Game Development

Learn game development by creating an Angry Birds clone game using Lua and LÖVE2D. The principles you learn can apply to any programming language. This beginner's course teaches the foundations of game development. This video is lecture 6 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/6/assignment6.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:28) Lecture Demo ⌨️ (0:05:45) Sprites ⌨️ (0:08:38) The World ⌨️ (0:11:32) Bodies ⌨️ (0:13:13) Fixtures ⌨️ (0:16:18) Body Types ⌨️ (0:17:46) static ⌨️ (0:23:11) dynamic ⌨️ (0:23:42) ground ⌨️ (0:28:07) kinematic ⌨️ (0:35:07) ballpit ⌨️ (0:38:14) Mouse Input ⌨️ (0:42:08) StartState ⌨️ (0:43:51) Alien ⌨️ (0:50:43) Obstacle ⌨️ (0:55:43) Collision Callbacks ⌨️ (0:59:28) Level ⌨️ (1:13:32) AlienLaunchMarker ⌨️ (1:29:25) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Legend of Zelda Coding Tutorial - CS50's Intro to Game Development

SPAffu3ivIM | 05 Feb 2019

Legend of Zelda Coding Tutorial - CS50's Intro to Game Development

Learn game development by creating a Legend of Zelda clone game using Lua and LÖVE2D. The principles you learn can apply to any programming language. This beginner's course teaches the foundations of game development. This video is lecture 5 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/5/assignment5.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:06:04) Legend of Zelda Demo ⌨️ (0:08:24) Zelda Sprites ⌨️ (0:15:48) Top-Down Perspective ⌨️ (0:17:52) Dungeon Generation ⌨️ (0:24:08) World Classes ⌨️ (0:32:18) Infinite Dungeon Algorithm ⌨️ (0:38:30) Room ⌨️ (0:44:48) Entities and Game Objects as Data ⌨️ (0:56:03) Stenciling ⌨️ (1:03:29) Hitboxes and Hurtboxes ⌨️ (1:12:23) Events ⌨️ (1:15:26) Knife Event Library ⌨️ (1:23:57) Screen Scrolling ⌨️ (1:24:06) Stenciling Revisited ⌨️ (1:28:18) Game Design with Data ⌨️ (1:32:16) NES Homebrew and Programming ⌨️ (1:39:02) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Super Mario Bros Programming Tutorial - CS50's Intro to Game Development

_cPwFo--1LA | 04 Feb 2019

Super Mario Bros Programming Tutorial - CS50's Intro to Game Development

Learn game development by creating a Super Mario Brothers clone game using Lua and LÖVE2D. This beginner's course teaches the foundations of game development. This video is lecture 4 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/4/assignment4.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:20) Super Mario Bros. Demo ⌨️ (0:07:13) Tilemaps ⌨️ (0:08:34) tiles0 ⌨️ (0:13:46) tiles1 ⌨️ (0:21:29) character0 ⌨️ (0:23:57) character1 ⌨️ (0:26:38) character2 ⌨️ (0:30:07) character3 ⌨️ (0:30:46) Animation ⌨️ (0:38:48) character4 ⌨️ (0:45:12) Procedural Level Generation ⌨️ (0:52:44) level0 ⌨️ (1:02:40) level1 ⌨️ (1:07:28) level2 ⌨️ (1:09:50) Tile Collision ⌨️ (1:31:36) Entities ⌨️ (1:37:45) Game Objects ⌨️ (1:53:09) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Match 3 (Lua Tutorial) - CS50's Intro to Game Development

64TbMmCgRv0 | 03 Feb 2019

Match 3 (Lua Tutorial) - CS50's Intro to Game Development

Learn game development by creating a Match 3 game using Lua and LÖVE2D. This beginner's course teaches the foundations of game development. This video is lecture 3 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗https://docs.cs50.net/ocw/games/assignments/3/assignment3.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:29) Match-3 Demo ⌨️ (0:06:16) timer0 ⌨️ (0:09:40) timer1 ⌨️ (0:12:05) timer2 ⌨️ (0:16:50) tween0 ⌨️ (0:21:59) tween1 ⌨️ (0:30:52) Knife Library ⌨️ (0:32:08) tween2 ⌨️ (0:43:04) chain0 ⌨️ (0:49:57) chain1 ⌨️ (0:55:35) swap0 ⌨️ (1:06:51) swap1 ⌨️ (1:18:02) swap2 ⌨️ (1:19:51) Calculating Matches ⌨️ (1:30:25) Removing Matches ⌨️ (1:40:39) Replacing Tiles ⌨️ (1:46:46) Palettes ⌨️ (1:49:56) Palette Swapping ⌨️ (1:50:46) In Conclusion Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Breakout (Lua Tutorial) - CS50's Intro to Game Development

pGpn2YMXtdg | 02 Feb 2019

Breakout (Lua Tutorial) - CS50's Intro to Game Development

Learn game development by creating a Breakout game using Lua and LÖVE2D. This beginner's course teaches the foundations of game development. This video is lecture 2 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗Assignment: https://docs.cs50.net/ocw/games/assignments/2/assignment2.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:44) Breakout Demo ⌨️ (0:06:04) Lecture Goal ⌨️ (0:06:54) Breakout State Flow ⌨️ (0:08:27) The Day-0 Update ⌨️ (0:08:42) Project Organization ⌨️ (0:16:40) The Quad Update ⌨️ (0:16:52) Sprite Sheets and Quads ⌨️ (0:30:56) The Brick Update ⌨️ (0:34:14) The Bounce Update ⌨️ (0:49:14) LevelMaker ⌨️ (0:51:04) The Collision Update ⌨️ (0:52:12) Paddle Collision ⌨️ (0:52:55) Brick Collision ⌨️ (1:02:20) The Hearts Update ⌨️ (1:10:21) The Pretty Colors Update ⌨️ (1:16:28) The Tier Update ⌨️ (1:20:45) The Particle Update ⌨️ (1:27:50) The Progression Update ⌨️ (1:32:17) The High Scores Update ⌨️ (1:40:56) The Entry Update ⌨️ (1:46:03) The Paddle Select Update ⌨️ (1:49:07) Next Time Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flappy Bird (with Lua) - CS50's Intro to Game Development

rBHusPevM5k | 01 Feb 2019

Flappy Bird (with Lua) - CS50's Intro to Game Development

Learn game development by creating a Flappy Bird game using Lua and LÖVE2D. This beginner's course teaches the foundations of game development. This video is lecture 1 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗Assignment: https://docs.cs50.net/ocw/games/assignments/1/assignment1.html ⌨️ (0:00:00) Introduction ⌨️ (0:04:04) The Day-0 Update ⌨️ (0:12:49) The Parallax Update ⌨️ (0:26:53) Games Are Illusions ⌨️ (0:31:05) The Bird Update ⌨️ (0:36:51) The Gravity Update ⌨️ (0:41:51) The Anti-Gravity Update ⌨️ (0:52:52) The Infinite Pipe Update ⌨️ (1:13:12) The PipePair Update ⌨️ (1:34:43) The Collision Update ⌨️ (1:43:27) The State Machine Update ⌨️ (1:57:17) The Countdown Update ⌨️ (1:59:52) The Audio Update ⌨️ (2:02:42) The Mouse Update Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Applied Deep Learning with PyTorch - Full Course

CNuI8OWsppg | 31 Jan 2019

Applied Deep Learning with PyTorch - Full Course

In this course you will learn the key concepts behind deep learning and how to apply the concepts to a real-life project using PyTorch and Python. You'll learn the following: ⌨️ RNNs and LSTMs ⌨️ Sequence Modeling ⌨️ PyTorch ⌨️ Building a Chatbot in PyTorch ⭐️Requirements ⭐️ ⌨️ Some Basic High School Mathematics ⌨️ Some Basic Programming Knowledge ⌨️ Some basic Knowledge about Neural Networks ⭐️Contents ⭐️ ⌨️ (0:00:08) Recurrent Nerual Networks - RNNs and LSTMs ⌨️ (0:35:54) Sequence-To-Sequence Models ⌨️ (0:44:31) Attention Mechanisms ⌨️ (0:57:17) Introduction to PyTorch ⌨️ (1:10:02) PyTorch Tensors ⌨️ (1:28:03) Chatbot: Processing the Dataset ⌨️ (2:48:12) Chatbot: Data Preperation ⌨️ (3:33:26) Chatbot: Building the Model ⌨️ (4:53:42) Chatbot: Training the Model 🔗PyTorch Chatbot tutorial: https://pytorch.org/tutorials/beginner/chatbot_tutorial.html Course developed by Fawaz Sammani. Check out more courses from him on Udemy: https://www.udemy.com/user/fawaz-sammani/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pong (with Lua) - CS50's Intro to Game Development

jZqYXSmgDuM | 31 Jan 2019

Pong (with Lua) - CS50's Intro to Game Development

Learn game development by creating the game of Pong using Lua and LÖVE2D. This beginner's course teaches the foundations of game development. This video is lecture 0 of CS50's Intro to Game Development from Harvard University. Check out the full course playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbluXJKKbCIb4xd7fcRkpzoz 🔗Assignment: https://docs.cs50.net/ocw/games/assignments/0/assignment0.html ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:10) Lecture Topics ⌨️ (0:07:35) What is Lua? ⌨️ (0:09:20) LÖVE2D ⌨️ (0:10:08) Game Loops ⌨️ (0:11:06) 2D Coordinate System ⌨️ (0:11:47) Lecture Scope ⌨️ (0:13:01) The Day-0 Update ⌨️ (0:18:55) The Low-Res Update ⌨️ (0:21:02) Texture Filtering ⌨️ (0:25:10) The Rectangle Update ⌨️ (0:30:42) The Paddle Update ⌨️ (0:35:42) The Ball Update ⌨️ (0:45:37) The Class Update ⌨️ (0:55:51) The FPS Update ⌨️ (0:59:35) The Collision Update ⌨️ (0:59:51) AABB Collision Detection ⌨️ (1:12:37) The Score Update ⌨️ (1:14:40) State Machine ⌨️ (1:21:18) The Victory Update ⌨️ (1:27:57) The Audio Update ⌨️ (1:26:44) bfxr ⌨️ (1:33:54) The Resize Update Want to learn more computer science basics? Check out the original CS50 course: https://www.youtube.com/watch?v=F0WoVEr0-44&list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi Lecture taught by Colton T. Ogden. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQL - Intro to Computer Science - Harvard's CS50 (2018)

TplT4qjz1RQ | 30 Jan 2019

SQL - Intro to Computer Science - Harvard's CS50 (2018)

SQL is a standard language for storing, manipulating and retrieving data in databases. Learn how to use SQL in this video. This course teaches the foundations of computer science. This video is lecture 8 of Harvard University's CS50 2018 course (part 9 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗CS50 IDE (must have free edX account): https://cs50.io/ 🔗Notes: https://cs50.harvard.edu/x/2020/notes/8/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/8/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/8/src8.zip ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:50) Week 7 Recap ⌨️ (0:04:02) C$50 Finance ⌨️ (0:06:14) Cookies ⌨️ (0:14:13) store ⌨️ (0:20:49) Databases ⌨️ (0:25:42) Mock Database ⌨️ (0:27:34) SQL ⌨️ (0:37:59) SQLite ⌨️ (0:50:19) phpLiteAdmin ⌨️ (1:11:21) lecture ⌨️ (1:37:06) Race Conditions ⌨️ (1:44:24) SQL Injection Attacks Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Tableau for Data Science and Data Visualization - Crash Course Tutorial

TPMlZxRRaBQ | 29 Jan 2019

Tableau for Data Science and Data Visualization - Crash Course Tutorial

Learn to use Tableau to produce high quality, interactive data visualizations! Tableau can help you see and understand your data. Connect to almost any database, drag and drop to create visualizations, and share with a click. 🔗Tableau Public: https://public.tableau.com/en-us/s/ 🔗Kaggle dataset: https://www.kaggle.com/c/titanic/data Find more data science information: https://www.velocityanalytics.io/ Tutorial from Velocity Consulting. Check out their YouTube channel: https://www.youtube.com/channel/UCjWUocSV-slQnC64nQ1vVhQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Programming with Flask - Intro to Computer Science - Harvard's CS50 (2018)

zdgYw-3tzfI | 29 Jan 2019

Web Programming with Flask - Intro to Computer Science - Harvard's CS50 (2018)

Learn how to program for the web using Python, Flask, JavaScript, & jQuery. This course teaches the foundations of computer science. This video is lecture 7 of Harvard University's CS50 2018 course (part 8 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗CS50 IDE (must have free edX account): https://cs50.io/ 🔗Notes: https://cs50.harvard.edu/x/2020/notes/7/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/7/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/7/src7.zip ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (00:00:49) Week 6 Recap ⌨️ (00:03:57) MVC ⌨️ (00:05:31) froshims ⌨️ (00:07:04) serve.py ⌨️ (00:12:30) application.py ⌨️ (00:21:11) froshims0 ⌨️ (00:47:00) froshims1 ⌨️ (00:54:47) froshims2 ⌨️ (01:01:36) froshims3 ⌨️ (01:09:50) froshims6 ⌨️ (01:13:51) Bootstrap ⌨️ (01:15:22) Form Submission ⌨️ (01:21:19) words0 ⌨️ (01:35:01) jQuery ⌨️ (01:39:29) words1 ⌨️ (01:41:56) words2 ⌨️ (01:43:24) words3 Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python - Intro to Computer Science - Harvard's CS50 (2018)

hnDU1G9hWqU | 28 Jan 2019

Python - Intro to Computer Science - Harvard's CS50 (2018)

Learn the basics of the Python programming language. This course teaches the foundations of computer science. This video is lecture 6 of Harvard University's CS50 2018 course (part 7 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗CS50 IDE (must have free edX account): https://cs50.io/ 🔗Notes: https://cs50.harvard.edu/x/2020/notes/6/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/6/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/6/src6.zip ⭐️Contents⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:00:50) Week 5 Recap ⌨️ (0:13:01) resize.py ⌨️ (0:16:52) Python Syntax ⌨️ (0:23:48) Interpreting vs. Compiling ⌨️ (0:26:52) hello.py ⌨️ (0:29:54) string0.py ⌨️ (0:33:02) string1.py ⌨️ (0:35:00) ints.py ⌨️ (0:38:26) floats.dpy ⌨️ (0:42:58) overflow.py ⌨️ (0:46:26) conditions.py ⌨️ (0:48:53) answer.py ⌨️ (0:50:57) cough0.py ⌨️ (0:51:40) cough1.py ⌨️ (0:52:19) cough2.py ⌨️ (0:57:01) cough3.py ⌨️ (1:01:26) positive.py ⌨️ (1:06:51) capitalize2.py ⌨️ (1:11:46) strlen.py ⌨️ (1:15:51) argv0.py ⌨️ (1:18:39) argv1.py ⌨️ (1:20:26) swap.py ⌨️ (1:22:58) list.py ⌨️ (1:27:22) struct0.py ⌨️ (1:32:38) mario0.py ⌨️ (1:33:28) mario1.py ⌨️ (1:34:45) mario2.py ⌨️ (1:35:22) mario3.py ⌨️ (1:37:57) resize.py, continued ⌨️ (1:42:36) dictionary.py Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTTP, HTML, CSS - Intro to Computer Science - Harvard's CS50 (2018)

mudOTSUumXg | 27 Jan 2019

HTTP, HTML, CSS - Intro to Computer Science - Harvard's CS50 (2018)

Learn the basics of how the web works with HTTP, HTML, and CSS. This course teaches the foundations of computer science. This video is lecture 5 of Harvard University's CS50 2018 course (part 6 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗Notes: https://cs50.harvard.edu/x/2020/notes/5/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/5/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/5/src5.zip ⭐️Contents⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:49) TCP/IP ⌨️ (00:03:41) IP Addresses ⌨️ (00:08:52) URLs ⌨️ (00:09:44) DNS ⌨️ (00:10:44) Dissecting a URL ⌨️ (00:13:52) HTTP ⌨️ (00:17:57) Developer Tools ⌨️ (00:22:46) HTTP Status Codes ⌨️ (00:29:23) HTML ⌨️ (00:35:09) index.html ⌨️ (00:40:24) image.html ⌨️ (00:42:58) link.html ⌨️ (00:48:38) paragraphs.html ⌨️ (00:50:51) headings.html ⌨️ (00:51:42) table.html ⌨️ (00:53:22) HTML Validation ⌨️ (00:54:26) Implementing Google ⌨️ (01:00:30) CSS ⌨️ (01:01:06) css0.html ⌨️ (01:06:42) css1.html ⌨️ (01:08:28) css2.html ⌨️ (01:11:00) css3.html ⌨️ (01:12:33) css4.html ⌨️ (01:16:45) JavaScript ⌨️ (01:20:41) DOM ⌨️ (01:22:45) hello0.html ⌨️ (01:23:35) hello1.html ⌨️ (01:32:44) background.html ⌨️ (01:38:13) size.html ⌨️ (01:40:41) blink.html ⌨️ (01:43:03) geolocation.html Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Structures - Intro to Computer Science - Harvard's CS50 (2018)

uTZFGXv798o | 26 Jan 2019

Data Structures - Intro to Computer Science - Harvard's CS50 (2018)

Learn about data structures in the c programming language. This course teaches the foundations of computer science. This video is lecture 4 of Harvard University's CS50 2018 course (part 5 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗CS50 IDE (must have free edX account): https://cs50.io/ 🔗Handout: https://cs50.harvard.edu/college/guide.pdf 🔗Notes: https://cs50.harvard.edu/x/2020/notes/4/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/4/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/4/src4.zip ⭐️Contents⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:50) Week 3 Recap ⌨️ (00:05:55) memory.c ⌨️ (00:19:48) ddb50 ⌨️ (00:21:40) Week 3 Recap, continued ⌨️ (00:31:07) struct.h ⌨️ (00:32:37) struct0.c ⌨️ (00:35:03) Linked Lists ⌨️ (00:45:22) typedef ⌨️ (00:50:23) Linked Lists on Stage ⌨️ (01:02:24) list0.c ⌨️ (01:08:44) list1.c ⌨️ (01:25:26) list2.c ⌨️ (01:40:21) Hash Tables ⌨️ (01:50:05) Trees ⌨️ (01:54:50) Tries Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Memory - Intro to Computer Science - Harvard's CS50 (2018)

pejxLkT-wek | 25 Jan 2019

Memory - Intro to Computer Science - Harvard's CS50 (2018)

Learn about computer memory and how it relates to programming. This course teaches the foundations of computer science. This video is lecture 3 of Harvard University's CS50 2018 course (part 4 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗CS50 IDE (must have free edX account): https://cs50.io/ 🔗Notes: https://cs50.harvard.edu/x/2020/notes/3/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/3/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/3/src3.zip ⭐️Contents⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:50) Enhance ⌨️ (00:01:41) Week 2 Recap ⌨️ (00:05:10) CS50 IDE ⌨️ (00:14:24) check50 ⌨️ (00:18:37) debug50 ⌨️ (00:26:43) Taking Off the Training Wheels ⌨️ (00:27:46) compare0.c ⌨️ (00:29:54) compare1.c ⌨️ (00:32:09) Strings Don't Exist ⌨️ (00:41:40) compare2.c ⌨️ (00:47:50) char * ⌨️ (00:48:54) compare3.c ⌨️ (00:51:09) compare4.c ⌨️ (00:57:30) compare6.c ⌨️ (00:59:54) copy0.c ⌨️ (01:06:18) copy1.c ⌨️ (01:10:53) copy2.c ⌨️ (01:11:37) malloc and free ⌨️ (01:13:18) scanf0.c ⌨️ (01:15:36) scanf1.c ⌨️ (01:19:26) scanf2.c ⌨️ (01:25:07) addresses.c ⌨️ (01:30:51) Hexadecimal ⌨️ (01:33:38) Milk and OJ ⌨️ (01:36:44) noswap.c ⌨️ (01:44:51) swap.c ⌨️ (01:57:17) Pointer Fun with Binky ⌨️ (02:00:16) Stack Overflow ⌨️ (02:01:35) struct0.c ⌨️ (02:02:39) struct1.c ⌨️ (02:04:14) struct2.c ⌨️ (02:08:30) Outro Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Arrays and Sorting Algorithms - Intro to Computer Science - Harvard's CS50 (2018)

ba7e4mksR5I | 24 Jan 2019

Arrays and Sorting Algorithms - Intro to Computer Science - Harvard's CS50 (2018)

Learn about arrays, strings, and sorting algorithms and how they work in the C programming language. This course teaches the foundations of computer science. This video is lecture 2 of Harvard University's CS50 2018 course (part 3 since the lectures start at 0). Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗Notes: https://cs50.harvard.edu/x/2020/notes/2/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/2/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/2/src2.zip ⭐️Contents⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:54) Week 1 Recap ⌨️ (00:04:47) Preprocessing ⌨️ (00:07:05) Compiling ⌨️ (00:09:01) Assembling ⌨️ (00:09:29) Linking ⌨️ (00:12:36) buggy0.c ⌨️ (00:16:13) buggy2.c ⌨️ (00:25:14) Debugging Tools ⌨️ (00:26:02) RAM ⌨️ (00:29:11) Arrays ⌨️ (00:30:01) scores0.c ⌨️ (00:41:47) scores2.c ⌨️ (00:49:45) scores4.c ⌨️ (00:52:21) string0.c ⌨️ (01:00:42) Null Terminator ⌨️ (01:03:06) strlen.c ⌨️ (01:06:16) ascii0.c ⌨️ (01:09:39) capitalize0.c ⌨️ (01:12:23) capitalize1.c ⌨️ (01:16:38) argv0.c ⌨️ (01:21:25) argv1.c ⌨️ (01:24:52) Ciphering ⌨️ (01:33:15) exit.c ⌨️ (01:36:58) Finding 50 ⌨️ (01:40:38) Sorting on Stage ⌨️ (01:50:27) Bubble Sort ⌨️ (01:51:34) Selection Sort ⌨️ (01:52:23) Computational Complexity ⌨️ (01:57:42) Merge Sort ⌨️ (02:04:29) Comparing Sorts Visually Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C Programming Language - Intro to Computer Science - Harvard's CS50 (2018)

ix5jPkxsr7M | 23 Jan 2019

C Programming Language - Intro to Computer Science - Harvard's CS50 (2018)

Learn the the basics of the C programming language. This course teaches the foundations of computer science. This video is lecture 1 of Harvard University's CS50 2018 course (part 2 since the lectures start at 0). 🔗Notes: https://cs50.harvard.edu/x/2020/notes/1/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/1/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/1/src1.zip ⭐️Contents⭐️ ⌨️ (00:00:00) Introduction ⌨️ (00:00:50) Week 0 Recap ⌨️ (00:08:01) PBJ ⌨️ (00:15:59) C ⌨️ (00:20:56) Variables ⌨️ (00:21:46) Incrementing ⌨️ (00:23:36) Conditionals ⌨️ (00:32:31) While Loops ⌨️ (00:35:52) For Loops ⌨️ (00:40:47) User Input ⌨️ (00:48:14) CS50 Sandbox ⌨️ (00:49:48) hello.c ⌨️ (00:51:18) Compilation ⌨️ (00:57:31) Command-Line Arguments ⌨️ (00:58:50) make ⌨️ (00:58:30) Debugging ⌨️ (01:11:44) get_string and printf ⌨️ (01:18:23) int.c ⌨️ (01:21:58) float.c ⌨️ (01:24:29) ints.c ⌨️ (01:28:39) floats.c ⌨️ (01:37:54) parity.c ⌨️ (01:39:13) conditions.c ⌨️ (01:40:17) answer.c ⌨️ (01:42:15) cough0.c ⌨️ (01:42:57) cough1.c ⌨️ (01:43:57) cough2.c ⌨️ (01:49:53) cough3.c ⌨️ (01:52:04) positive.c ⌨️ (01:58:05) Integer Overflow ⌨️ (02:03:04) overflow.c ⌨️ (02:09:50) Integer Underflow Check out our full CS50 playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmGw5fN5BQlwuug-8bDmabi 🔗Notes: https://cs50.harvard.edu/college/weeks/1/notes/ 🔗Problem Set: https://cs50.harvard.edu/college/psets/1/ 🔗Source Code: https://cdn.cs50.net/2018/fall/lectures/1/src1/ Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Tutorial: Weather App with RESTful APIs

cdBvSlVCOXw | 23 Jan 2019

React Tutorial: Weather App with RESTful APIs

Lean how to use React to create a weather app using RESTful APIs. 💻Github Repo: https://github.com/ipenywis/React-Weather-App Tutorial from IPenywis. Check out their YouTube channel: https://www.youtube.com/channel/UCMm15RFnHUvM-aSc50e7R9A -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Computational Thinking & Scratch - Intro to Computer Science - Harvard's CS50 (2018)

F0WoVEr0-44 | 22 Jan 2019

Computational Thinking & Scratch - Intro to Computer Science - Harvard's CS50 (2018)

Learn the the basics of computational thinking and learn about the Scratch graphical programming language. Learn the foundations of computer science in this course. This video is lecture 0 of Harvard University's CS50 2018 course. 🔗Notes: https://cs50.harvard.edu/x/2020/notes/0/ 🔗Problem Set: https://cs50.harvard.edu/x/2020/psets/0/ 🔗Source Code: https://cdn.cs50.net/2019/fall/lectures/0/src0.zip ⭐️Contents⭐️ ⌨️ (00:50) Introduction ⌨️ (03:13) Binary ⌨️ (09:37) Binary Lamps ⌨️ (11:20) ASCII ⌨️ (18:48) RGB ⌨️ (24:00) Finding Mike Smith ⌨️ (24:06) Computational Complexity ⌨️ (29:44) Pseudocode ⌨️ (32:36) Introducing Scratch ⌨️ (33:41) meow ⌨️ (34:04) Oscartime ⌨️ (45:16) counting sheep ⌨️ (49:18) pet the cat ⌨️ (57:07) threads ⌨️ (59:11) events ⌨️ (1:01:23) functions ⌨️ (1:06:45) Ivy's Hardest Game Lecture taught by David J. Malan. Thanks to Harvard's CS50 for giving us permission to post this lecture. Checkout their YouTube channel for more great lectures: https://www.youtube.com/cs50 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unity FPS Survival Game Tutorial - First Person Shooter Game Dev

Sqb-Ue7wpsI | 21 Jan 2019

Unity FPS Survival Game Tutorial - First Person Shooter Game Dev

Learn how to make a first-person shooter in Unity. Making a FPS in Unity is easy for beginners. This 8-hour tutorial covers everything you need to know to make a basic first person shooter game. 💻Assets: https://github.com/beaucarnes/unity_fps/tree/master/assets 💻Full Project: https://github.com/beaucarnes/unity_fps/tree/master/complete_project Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw On the Awesome Tuts website, you can learn to create a game in 40 minutes: https://www.awesometuts.com/from-scratch-to-game-ws The creator of the assets is Winterbyte and these are the assets from their Ultimate Survival Asset Pack. Please NOTE that these assets can be used only for EDUCATIONAL purposes to follow this tutorial, you can't use them to create a commercial game or share the assets with others. ⭐️Contents⭐️ ⌨️ (0:00:00) Intro And Game Preview ⌨️ (0:04:21) Importing Level And Configuring Lights In The Game ⌨️ (0:10:19) Creating FPS Player ⌨️ (0:35:35) Coding Player's Movement And Jump ⌨️ (1:02:07) FPS Mouse Look And Mouse Controls ⌨️ (1:33:14) Player's Sprint And Crouch ⌨️ (1:49:01) Player's Footsteps Sound ⌨️ (2:18:47) Animating Player's FPS Hands And Weapons ⌨️ (2:41:27) Weapon Handler (script for controlling the attributes of weapons) ⌨️ (2:57:05) Weapon Manager (script for controlling the switching between weapons in our game) ⌨️ (3:10:36) Player Attack (script for controlling the shooting with the selected weapon) ⌨️ (3:36:52) Creating The Zoom Effect With Animations And Scripting ⌨️ (4:07:02) Creating Arrow And Spear Bullet Prefabs ⌨️ (4:36:27) Configuring And Animating Our Cannibal Enemy ⌨️ (4:50:40) Creating Enemy Animation Script ⌨️ (4:57:30) Enemy Controller (the script that will control the enemy’s AI and make him move and attack the player) ⌨️ (5:40:04) Configuring And Creating The Boar Enemy ⌨️ (5:51:10) Detecting And Dealing Damage ⌨️ (6:14:52) Creating Health Script ⌨️ (6:49:02) Creating Player And Enemies Sound Effects And Shoot Effects Sounds ⌨️ (7:21:13) Creating Player Stats UI ⌨️ (7:32:38) Displaying Health And Stamina Using Player Stats UI ⌨️ (7:46:45) Creating Enemy Manager(the script that will spawn the enemies) and adding Finishing Touches To Our Game -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Web Setup (P7D1) - Live Coding with Jesse

T6e1GnlW8-g | 18 Jan 2019

React Native Web Setup (P7D1) - Live Coding with Jesse

Project 7 Day 1: Today we will start a project with React Native Web See a professional software engineer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a Keylogger with Python - Tutorial

TbMKwl11itQ | 17 Jan 2019

Create a Keylogger with Python - Tutorial

Learn how to create a keylogger for windows using Python. Get user keypresses and store them in a text file. This keyboard logging tutorial uses the pynput module. Tutorial from Tech With Tim. Check out Tim's channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Improve Cybersecurity Skills with CTFs - PicoCTF Walkthrough (2018)

uIkxsBgkpj8 | 16 Jan 2019

Improve Cybersecurity Skills with CTFs - PicoCTF Walkthrough (2018)

Want to improve your cybersecurity / ethical hacking skills but don't know where to start? Cyber security Capture The Flag (CTF) games are the perfect place to practice and learn. picoCTF is a beginner's level computer security game that consists of a series of challenges where participants must reverse engineer, break, hack, decrypt, or do whatever it takes to solve the challenge. The challenges are all set up with the intent of being hacked, making it an excellent, legal way to get hands-on experience. This video is a walkthrough on how to solve the challenges from the picoCTF 2018 game. Consider trying to solve the challenges on your own first, then watch how to solve them. Start the game here: https://2018game.picoctf.com/ This walkthrough was created by John Hammond. Check out his channel for more great videos: https://www.youtube.com/user/RootOfTheNull/ ⭐️Contents ⭐️ ⌨️ (0:00:16) [01] General & Forensics Warmups ⌨️ (0:11:54) [02] Resources & Reversing Warmups ⌨️ (0:21:41) [03] Cryptography Warmups, grep & netcat ⌨️ (0:34:38) [04] Here's Johnny ⌨️ (0:45:29) [05] strings, pipe & Inspect Me ⌨️ (0:50:48) [06] grep2, Aca-Shell-A, Client Side is Still Bad ⌨️ (1:01:53) [07] Logon & Reading Between The Eyes ⌨️ (1:08:54) [08] [08] Recovering From the Snap & Admin Panel ⌨️ (1:14:12) [09] Assembly 0 & Buffer Overflow 0 ⌨️ (1:26:07) [10] Caesar Cipher 1, ENV, & Hertz ⌨️ (1:32:26) [11] [11] Hex Editor, SSH, Irish Name Repo ⌨️ (1:38:57) [12] Mr. Robots, Login, & Secret Agent ⌨️ (1:46:54) [13] Truly an Artist & Assembly 1 ⌨️ (1:53:04) [14] be-quick-or-be-dead 1 & blaise's cipher ⌨️ (2:00:47) [15] Buffer Overflow 1 & Hertz 2 ⌨️ (2:09:16) [16} leak me & Now You See Me ⌨️ (2:15:40) [17] quackme ⌨️ (2:26:01) [18] Shellcode ⌨️ (2:30:28) [19] What Base Is This? ⌨️ (2:39:10) [20] You Cant See Me & Buttons ⌨️ (2:43:09) [21] Super Ext Magic ⌨️ (2:51:09) [22] The Vault & What's My Name ⌨️ (2:56:45) [23] Absolutely Relative ⌨️ (3:00:33) [24] Assembly 2 ⌨️ (3:08:32) [25] Buffer Overflow 2 ⌨️ (3:17:07) [26] Caesar Cipher 2 ⌨️ (3:22:44) [27] ret2libc Exploits (got 2 learn libc) ⌨️ (3:38:50) [28] RSA Madlibs ⌨️ (3:55:54) [29] BE QUICK OR BE DEAD 2 ⌨️ (4:07:37) [30] in out error ⌨️ (4:11:57) [31] Artisinal Handcrafted HTTP 3 ⌨️ (4:19:55) [32] echooo ⌨️ (4:31:47) [33] learn gdb ⌨️ (4:36:34) [34] Flaskcards -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Tutorial: Build an e-commerce site from scratch using React and Netlify

wPQ1-33teR4 | 15 Jan 2019

React Tutorial: Build an e-commerce site from scratch using React and Netlify

Lean step-by-step how to create a full e-commerce store web site using React.js. Also learn how to deploy the site using Netlify. Set-up files: https://github.com/john-smilga/setup-filese-react-phone-e-commerce-project Tutorial from Coding Addict. Check out the Coding Addict YouTube channel: https://www.youtube.com/codingaddict -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Async/Await - JavaScript Tutorial

jAAmI5gMlVo | 10 Jan 2019

Async/Await - JavaScript Tutorial

This is an in-depth look at the Async/Await feature in JavaScript. Code: https://github.com/eXtremeXR/Async-Await First, we're going to go through brief history of asynchronous programming in JavaScript and see how it transitioned from callbacks to promises to generators and to finally Async/Await. Then we're going to focus purely on Async/Await and we'll go through a bunch of examples. We'll start off by learning how we can do sequential flow using Async/Await and we'll also see how we need to be careful about error handling. Next, we'll move onto parallel execution. We'll see how we can use Promise.all() function to be able to execute multiple promises in parallel. Again, we'll see why we need to be careful about our error handling. Last but not least, we'll take a look at how we can do iterations with Async/Await. We'll start off with for loop, then move onto forEach, for of loop is going to be next and finally we'll wrap that section with while loop. At the end, we'll do a quick recap of the things we just went through. ⭐️Contents ⭐️ ⌨️ 0:00 - Introduction ⌨️ 1:28 - Callbacks Example ⌨️ 6:44 - Promises Example ⌨️ 9:40 - Async/Await Example ⌨️ 13:18 - Coding Examples Begin ⌨️ 14:09 - Sequential Example (Naive) ⌨️ 19:27 - Sequential Example (Issue) ⌨️ 21:18 - Sequential Example (Solution) ⌨️ 23:48 - Parallel Example (Naive) ⌨️ 27:21 - Parallel Example (Issue) ⌨️ 28:58 - Parallel Example (Solution) ⌨️ 31:55 - For Loop Example ⌨️ 36:49 - ForEach Example ⌨️ 40:06 - For-Of Example ⌨️ 42:06 - While Loop Example ⌨️ 44:03 - Recap Tutorial from CodeWorkr. Check out the CodeWorkr channel for more great tutorials: https://www.youtube.com/channel/UCfYTu_qAO5T7a-8rC_74Ypw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Swift Tutorial - Full Course for Beginners

comQ1-x2a1Q | 09 Jan 2019

Swift Tutorial - Full Course for Beginners

Learn how to code with Swift in this full tutorial course for beginners. Swift is a powerful and intuitive programming language for macOS, iOS, watchOS and tvOS. This course covers all the core concepts of Swift including: Variables and Constants, Data Types, Properties, Functions and Parameters, Classes, IF Statements, and more. Course from Code With Chris. Check out their YouTube channel: https://www.youtube.com/user/codewithchris The Code With Chris Facebook community: https://www.facebook.com/groups/codewithchriscommunity/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Neural Networks with JavaScript - Full Course using Brain.js

6E6XecoTRVo | 07 Jan 2019

Neural Networks with JavaScript - Full Course using Brain.js

This course gives you a practical introduction to building neural networks in the browser and in Node.js using the Brain.js JavaScript library. To complete the course’s interactive challenges, simply head over to the Scrimba version: https://scrimba.com/g/gneuralnetworks ⭐️What you'll learn ⭐️ By the end of the course, you'll be able to solve a range of different problems using neural networks. The lectures does not dwell with much theory, but rather on how to code the networks. That means the course is suitable for anybody who knows JavaScript. ⭐️About Robert Plummer ⭐️ Robert is the lead developer of the Brain.js library. He has a unique ability to explain complex concepts in a manner that everyone can understand. Feel free to reach out to Robert via Twitter if you have feedback, or simply want to thank him for creating this course. Good luck, and welcome to the exciting world of neural networks! ⭐️Course Contents ⭐️ ⌨️ (0:00:00) Course introduction ⌨️ (0:01:46) Our first neural net! ⌨️ (0:04:31) How they learn - Propagation ⌨️ (0:07:57) How they learn - Structure ⌨️ (0:10:09) How they learn - Layers ⌨️ (0:14:04) Working with objects! ⌨️ (0:21:52) Learning more than numbers ⌨️ (0:34:21) Example: Counter ⌨️ (0:44:10) Normalization ⌨️ (0:50:35) Example: Stock price predictor ⌨️ (0:56:06) Predicting multiple steps ⌨️ (0:57:43) Example: A recurrent neural network that learns math ⌨️ (1:03:56) Example: Number detector ⌨️ (1:09:41) Example: Writing a children's book ⌨️ (1:11:28) Example: Sentiment detection ⌨️ (1:13:50) RNN inputs and outputs ⌨️ (1:17:56) Example: Simple reinforcement learning ⌨️ (1:21:03) Example: Recommendation engine ⌨️ (1:26:02) Closing thoughts -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Beautiful Soup Tutorial - Web Scraping in Python

87Gx3U0BDlo | 04 Jan 2019

Beautiful Soup Tutorial - Web Scraping in Python

The Beautiful Soup module is used for web scraping in Python. Learn how to use the Beautiful Soup and Requests modules in this tutorial. After watching, you will be able to start scraping the web on your own. 💻Code: https://github.com/vprusso/youtube_tutorials/tree/master/web_scraping_and_automation/beautiful_soup Tutorial from Vincent Russo of Lucid Programming. Check out his YouTube channel: http://bit.ly/lucidcode 🐦Vincent on Twitter: @captainhamptons -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Developer Portfolio Review and Tips - Nisar

msrnbh66OhM | 03 Jan 2019

Web Developer Portfolio Review and Tips - Nisar

Learn tips to improve your portfolio while watching Benjamin Spak review the portfolio and social media presence for a web developer named Nisar. 🎥 Benjamin's YouTube channel: https://www.youtube.com/channel/UCQUNME_uamXEW1c58iEADWw ⚠️ Want Benjamin to Review Your Resume or Portfolio? https://goo.gl/forms/6NM27sIuXxHAoE4y1 Connect With Benjamin 💬 👊 Discord: http://spak.co 🐦 Twitter: https://twitter.com/benjaminspak ⛓️ LinkedIn: https://www.linkedin.com/in/benjaminspak/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Django Web Framework - Full Course for Beginners

F5mRW0jo-U4 | 02 Jan 2019

Python Django Web Framework - Full Course for Beginners

Learn the Python Django framework with this free full course. Django is an extremely popular and fully featured server-side web framework, written in Python. Django allows you to quickly create web apps. 💻Code: https://github.com/codingforentrepreneurs/Try-Django ⭐️Course Contents ⭐️ ⌨️ (0:00:00) 1 - Welcome ⌨️ (0:01:14) 2 - Installing to Get Started ⌨️ (0:05:02) 3 - Setup your Virtual Environment for Django ⌨️ (0:14:39) 4 - Create a Blank Django Project ⌨️ (0:18:54) 5 - Setup Your Code Text Editor ⌨️ (0:22:27) 6 - Settings ⌨️ (0:29:58) 7 - Built-In Components ⌨️ (0:33:57) 8 - Your First App Component ⌨️ (0:42:34) 9 - Create Product Objects in the Python Shell ⌨️ (0:46:18) 10 - New Model Fields ⌨️ (0:52:52) 11 - Change a Model ⌨️ (0:59:27) 12 - Default Homepage to Custom Homepage ⌨️ (1:04:48) 13 - URL Routing and Requests ⌨️ (1:10:23) 14 - Django Templates ⌨️ (1:16:50) 15 - Django Templating Engine Basics ⌨️ (1:24:00) 16 - Include Template Tag ⌨️ (1:26:49) 17 - Rendering Context in a Template ⌨️ (1:33:21) 18 - For Loop in a Template ⌨️ (1:37:01) 19 - Using Conditions in a Template ⌨️ (1:42:17) 20 - Template Tags and Filters ⌨️ (1:48:59) 21 - Render Data from the Database with a Model ⌨️ (1:59:55) 22 - How Django Templates Load with Apps ⌨️ (2:06:50) 23 - Django Model Forms ⌨️ (2:14:16) 24 - Raw HTML Form ⌨️ (2:25:33) 25 - Pure Django Form ⌨️ (2:35:30) 26 - Form Widgets ⌨️ (2:41:29) 27 - Form Validation Methods ⌨️ (2:48:59) 28 - Initial Values for Forms ⌨️ (2:51:42) 29 - Dynamic URL Routing ⌨️ (2:54:26) 30 - Handle DoesNotExist ⌨️ (2:56:24) 31 - Delete and Confirm ⌨️ (2:58:24) 32 - View of a List of Database Objects ⌨️ (3:00:00) 33 - Dynamic Linking of URLs ⌨️ (3:01:17) 34 - Django URLs Reverse ⌨️ (3:03:10) 35 - In App URLs and Namespacing ⌨️ (3:07:35) 36 - Class Based Views - ListView ⌨️ (3:10:45) 37 - Class Based Views - DetailView ⌨️ (3:15:38) 38 - Class Based Views - CreateView and UpdateView ⌨️ (3:21:23) 39 - Class Based Views - DeleteView ⌨️ (3:24:02) 40 - Function Based View to Class Based View ⌨️ (3:27:15) 41 - Raw Detail Class Based View ⌨️ (3:30:31) 42 - Raw List Class Based View ⌨️ (3:33:32) 43 - Raw Create Class Based View ⌨️ (3:26:03) 44 - Form Validation on a Post Method ⌨️ (3:37:58) 45 - Raw Update Class Based View ⌨️ (3:41:13) 46 - Raw Delete Class Based View ⌨️ (3:42:17) 47 - Custom Mixin for Class Based Views Course from Coding for Entrepreneurs. Check out their YouTube channel: https://www.youtube.com/channel/UCWEHue8kksIaktO8KTTN_zg Also, check out the Coding For Entrepreneurs website for more great content: https://www.codingforentrepreneurs.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to make a 3d fight game in Unity - full tutorial

1wn5Ur1_vKg | 31 Dec 2018

How to make a 3d fight game in Unity - full tutorial

Learn to create a complete fight game in Unity 3d. This game features combat, dealing damage, creating and updating health bars, sound effects, and more. 🔗Assets: https://github.com/AwesomeTuts/3d-warrior-fight-game Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/c/awesometuts -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MongoDB Tutorial - CRUD app from scratch using Node.js

CyTWPr_WwdI | 28 Dec 2018

MongoDB Tutorial - CRUD app from scratch using Node.js

In this MongoDB Tutorial, you will learn how to use MongoDB to create a complete Todo CRUD Application. This project uses MongoDB, Node.js, Express.js, jQuery, Bootstrap, and the Fetch API. 💻Code: https://github.com/noobcoder1137/Todo_Rest_CRUD_Application_JQuery_FetchAPI ⭐️Course Contents ⭐️ ⌨️ (00:00) Overview ⌨️ (01:57) Setting Up our Application ⌨️ (11:27) Server Side - Read Portion ⌨️ (15:56) Server Side - Update Portion ⌨️ (21:17) Server Side - Create Portion ⌨️ (25:03) Server Side - Delete Portion ⌨️ (28:44) Creating Our Index.html File ⌨️ (41:25) Fetch API - GET Request ⌨️ (44:42) Fetch API - POST Request ⌨️ (49:39) Fetch API - DELETE Request ⌨️ (53:44) Fetch API - PUT Request ⌨️ (59:07) User Input Validation Tutorial from NoobCoder. Check out the NoobCoder YouTube channel: https://www.youtube.com/channel/UCV9MhzHCMx0Y83b5F8HWv-Q -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Full Course - Includes Flexbox and CSS Grid Tutorials

ieTHC78giGQ | 27 Dec 2018

CSS Full Course - Includes Flexbox and CSS Grid Tutorials

Learn CSS in this complete tutorial course. Cascading Style Sheets (CSS) tell the browser how to display the text and other content that you write in HTML. This course will teach you everything you need to know to get started with CSS3, including flexbox and CSS grid. ⭐️Course Contents ⭐️ See pinned first comment for course contents. ⭐️Curriculum ⭐️ This course goes along with the CSS curriculum at www.freecodecamp.org. 🔗Basic CSS: https://learn.freecodecamp.org/responsive-web-design/basic-css 🔗CSS Flexbox: https://learn.freecodecamp.org/responsive-web-design/css-flexbox 🔗CSS Grid: https://learn.freecodecamp.org/responsive-web-design/css-grid Additional CSS tutorials on freecodecamp.org not covered in this video: 🔗Applied Visual Design: https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/ 🔗Applied Accessibility: https://learn.freecodecamp.org/responsive-web-design/applied-accessibility/ 🔗Responsive Web Design: https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/ ⭐️Code ⭐️ These videos were recorded on scrimba.com. You can access the scrimba.com version of the videos, which gives access to the full code and allows live code editing. 🔗Basic CSS: https://scrimba.com/playlist/pPK9Cq 🔗CSS Grid: https://scrimba.com/playlist/pByETK 🔗CSS Flexbox: https://scrimba.com/playlist/pVaDAv ⭐️Learn More ⭐️ 🔗CSS Projects: https://www.youtube.com/watch?v=pmKyG3NBY_k&list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU 🔗HTML full course video: https://youtu.be/pQN-pnXPaVg 🔗HTML curriculum on freeCodeCamp.org: https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5 🔗Javascript full course video: https://youtu.be/PkZNo7MFNFg 🐦Follow course creator Beau Carnes on Twitter: https://twitter.com/carnesbeau -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Javascript Project Tutorial: Budget App

m_HJ3juuFvo | 21 Dec 2018

Javascript Project Tutorial: Budget App

Learn to create a budget web app using JavaScript. 💻Source Files: https://github.com/john-smilga/js-budget-setup Tutorial from Coding Addict. Check out the Coding Addict YouTube channel: https://www.youtube.com/codingaddict -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Game Tutorial: Pong

C6jJg9Zan7w | 19 Dec 2018

Python Game Tutorial: Pong

A Pong clone game tutorial for beginners using Python 3. ⭐️Course contents ⭐️ ⌨️ (00:00) Part I: Introduction and the basic window setup Code: http://christianthompson.com/sites/default/files/Pong/Pong1.py ⌨️ (03:32) Part II: Add game objects to the screen (Paddles and Ball) Code: http://christianthompson.com/sites/default/files/Pong/Pong2.py ⌨️ (09:15) Part III: Moving the Paddles Code: http://christianthompson.com/sites/default/files/Pong/Pong3.py ⌨️ (15:06) Part IV: Moving the ball Code: http://christianthompson.com/sites/default/files/Pong/Pong4.py ⌨️ (24:10) Part V: Colliding with the Paddles Code: http://christianthompson.com/sites/default/files/Pong/Pong5.py ⌨️ (30:47) Part VI: Scoring Code: http://christianthompson.com/sites/default/files/Pong/Pong6.py ⌨️ (37:57) Part VII: Adding Sound Code: http://christianthompson.com/sites/default/files/Pong/Pong7.py 🔈 Sound file: http://christianthompson.com/sites/default/files/Pong/bounce.wav 💻 Finished Code: http://christianthompson.com/sites/default/files/Pong/pong.py Tutorial from Christian Thompson. Check out his YouTube channel: https://www.youtube.com/channel/UC2vm-0XX5RkWCXWwtBZGOXg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn React JS - Full Course for Beginners - Tutorial 2019

DLX62G4lc44 | 18 Dec 2018

Learn React JS - Full Course for Beginners - Tutorial 2019

React.js is a JavaScript library for building dynamic web applications. Upon completion of this course, you'll know everything you need in order to build web applications in React. You can also try the interactive version of the course here: https://scrimba.com/g/glearnreact This comprehensive introduction to React was created by Bob Ziroll (@bobziroll). Bob is the Director of Education at V School, an award-winning school of technology education. 🔗Tutorial Hell link mentioned in video: https://codeburst.io/digging-my-way-out-of-tutorial-hell-6dd5f9927384 🔗Virtual DOM video mentioned: https://www.youtube.com/watch?v=BYbgopx44vo Check top comment to see what code you have to add to get React working locally. ⭐️Course Contents ⭐️ ⌨️ (0:00:00) Course Introduction & Philosophy ⌨️ (0:05:22) What we'll be building ⌨️ (0:06:24) Why React? ⌨️ (0:09:25) ReactDOM & JSX ⌨️ (0:16:19) ReactDOM & JSX Practice ⌨️ (0:20:34) Functional Components ⌨️ (0:24:32) Functional Components Practice ⌨️ (0:29:41) Move Components into Separate Files ⌨️ (0:35:07) Parent/Child Components ⌨️ (0:43:14) Parent/Child Component Practice ⌨️ (0:48:12) Todo App - Phase 1 ⌨️ (0:50:50) Styling React with CSS Classes ⌨️ (0:55:56) Some Caveats ⌨️ (0:58:12) JSX to JavaScript and Back ⌨️ (1:02:11) Inline Styles with the Style Property ⌨️ (1:09:21) Todo App - Phase 2 ⌨️ (1:12:42) Props Part 1 - Understanding the Concept ⌨️ (1:14:56) Props Part 2 - Reusable Components ⌨️ (1:17:29) Props in React ⌨️ (1:29:39) Props and Styling Practice ⌨️ (1:40:25) Mapping Components ⌨️ (1:48:27) Mapping Components Practice ⌨️ (1:53:44) Todo App - Phase 3 ⌨️ (1:58:16) Class-based Components ⌨️ (2:03:32) Class-based Components Practice ⌨️ (2:07:11) State ⌨️ (2:12:08) State Practice ⌨️ (2:15:45) State Practice 2 ⌨️ (2:19:59) Todo App - Phase 4 ⌨️ (2:22:05) Handling Events in React ⌨️ (2:25:52) Todo App - Phase 5 ⌨️ (2:27:11) Changing State ⌨️ (2:39:29) Todo App - Phase 6 ⌨️ (2:47:14) Lifecycle Methods Part 1 ⌨️ (2:56:45) Lifecycle Methods Part 2 ⌨️ (3:00:07) Conditional Rendering ⌨️ (3:11:26) Conditional Rendering Part 2 ⌨️ (3:14:21) Conditional rendering Practice ⌨️ (3:23:00) Todo App - Phase 7 ⌨️ (3:25:34) Fetching data from an API ⌨️ (3:36:34) Forms Part 1 ⌨️ (3:48:55) Forms Part 2 ⌨️ (4:00:11) Forms Practice ⌨️ (4:24:29) Container/Component Architecture ⌨️ (4:35:53) Meme Generator Capstone Project ⌨️ (4:56:11) Writing Modern React Apps ⌨️ (5:02:17) Project Ideas for Practicing ⌨️ (5:03:06) Conclusion -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Vue.js & Firebase Tutorial - Real-time Chat

ifOzAyR1cG4 | 17 Dec 2018

Vue.js & Firebase Tutorial - Real-time Chat

Create a real-time chat app using Firebase and Vue.js. 💻Code: https://github.com/webdevmatics/firebase-vuejs Tutorial from WebDevMatics. Check out their channel: https://www.youtube.com/channel/UCjpCwTGrMRuTi4FcrCYbkSQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Weather App - Django Tutorial (Using Python Requests)

qCQGV7F7CUc | 14 Dec 2018

Weather App - Django Tutorial (Using Python Requests)

See how to create a weather app in Django that gets the current weathers for multiple cities. This tutorial uses Python Requests to call the Open Weather Map API. Get the code here: https://github.com/PrettyPrinted/weather_app_django Django Database Essentials: https://prettyprinted.com/p/django-database-essentials Tutorial from Pretty Printed. Check out the pretty printed YouTube channel: https://www.youtube.com/channel/UC-QDfvrRIDB6F0bIO4I4HkQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I Landed My Dream Software Job in 12 Months

pmvxHOpms0g | 13 Dec 2018

How I Landed My Dream Software Job in 12 Months

Twelve months ago, Matt Woods was just wrapping up his first developer conference. Now, he's shipping real code at Tailwind, an OKC software SaaS startup. In this talk, Matt unpacks the 3 cornerstone habits that paved the way to consistently grow as a software developer, balloon his professional network, easily share the best takeaways to begin building an audience — and of course, get his dream software job. Matt Woods is a marketer and developer at Tailwind. He's crazy about craft coffee, podcasts and leveling-up the skills needed to create jaw-dropping products that make people's lives better. Keep up with Matt: https://mattwoods.io/ https://github.com/matopher https://twitter.com/matopher Thanks to Matt and Techlohoma for giving us permission to share this video. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Ethical Hacking 101: Web App Penetration Testing - a full course for beginners

2_lswM1S264 | 12 Dec 2018

Ethical Hacking 101: Web App Penetration Testing - a full course for beginners

Learn web application penetration testing from beginner to advanced. This course is perfect for people who are interested in cybersecurity or ethical hacking. ⭐️Resources⭐️ 🔗Burp Suite: https://portswigger.net/burp 🔗WAFW00F: https://github.com/EnableSecurity/wafw00f 🔗OWASP SAP: https://www.zaproxy.org/ 🔗Metasploit: https://github.com/rapid7/metasploit-framework/wiki/Nightly-Installers 🔗Kali Linux: https://www.kali.org/downloads/ 🔗OWASP Juice Shop https://www.owasp.org/index.php/OWASP_Juice_Shop_Project 🔗Damn Vulnerable Web Application (DVWA): http://www.dvwa.co.uk/ 🔗 HackerSploit Website: https://hsploit.com/ ⭐️Course Contents⭐️ ⌨️(0:00:00) Setting Up Burp Suite ⌨️(0:08:07) Spidering & DVWA ⌨️(0:19:04) Brute Force Attacks With Burp Suite ⌨️(0:32:55) Target Scope And Spidering ⌨️(0:46:32) Discovering Hidden Files With ZAP ⌨️(1:04:24) Web Application Firewall Detection with WAFW00F ⌨️(1:12:28) DirBuster ⌨️(1:25:27) XSS(Reflected, Stored & DOM) ⌨️(1:41:22) CSRF (Cross Site Request Forgery) ⌨️(2:02:42) Cookie Collection & Reverse Engineering ⌨️(2:14:17) HTTP Attributes (Cookie Stealing) ⌨️(2:27:48) SQL Injection Course created by HackerSploit. Check out the HackerSploit YouTube channel: https://www.youtube.com/hackersploit -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unity Game Dev Full Tutorial: Infinite Runner

gE9bjYpUrNY | 11 Dec 2018

Unity Game Dev Full Tutorial: Infinite Runner

Learn to create an infinite runner game with Unity in this complete tutorial for beginners. Assets for Tutorial: https://github.com/AwesomeTuts/2d-infinite-runner-game Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/c/awesometuts -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn JavaScript - Full Course for Beginners

PkZNo7MFNFg | 10 Dec 2018

Learn JavaScript - Full Course for Beginners

This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language. ⭐️Curriculum⭐️ This is a stand-alone video but it follows the JavaScript curriculum at freecodecamp.org. Access the curriculum here: 🔗 Basic JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript 🔗 ES6 JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6 ⭐️Code⭐️ This course was created using scrimba.com. Access the course there along with the code: 🔗 Basic JavaScript: https://scrimba.com/playlist/pny4ghw 🔗 ES6 JavaScript: https://scrimba.com/playlist/p7v3gCd 🐦🐦 Follow course creator Beau Carnes on Twitter: https://www.twitter.com/BeauCarnes ⭐️Course Contents⭐️ 0:00:00 Introduction 0:01:24 Running JavaScript 0:04:23 Comment Your Code 0:05:56 Declare Variables 0:06:15 Storing Values with the Assignment Operator 0:11:31 Initializing Variables with the Assignment Operator 0:11:58 Uninitialized Variables 0:12:40 Case Sensitivity in Variables 0:14:05 Add Two Numbers 0:14:34 Subtract One Number from Another 0:14:52 Multiply Two Numbers 0:15:12 Dividing Numbers 0:15:30 Increment 0:15:58 Decrement 0:16:22 Decimal Numbers 0:16:48 Multiply Two Decimals 0:17:18 Divide Decimals 0:17:33 Finding a Remainder 0:18:22 Augmented Addition 0:19:22 Augmented Subtraction 0:20:18 Augmented Multiplication 0:20:51 Augmented Division 0:21:19 Declare String Variables 0:22:01 Escaping Literal Quotes 0:23:44 Quoting Strings with Single Quotes 0:25:18 Escape Sequences 0:26:46 Plus Operator 0:27:49 Plus Equals Operator 0:29:01 Constructing Strings with Variables 0:30:14 Appending Variables to Strings 0:31:11 Length of a String 0:32:01 Bracket Notation 0:33:27 Understand String Immutability 0:34:23 Find the Nth Character 0:34:51 Find the Last Character 0:35:48 Find the Nth-to-Last Character 0:36:28 Word Blanks 0:40:44 Arrays 0:41:43 Nest Arrays 0:42:33 Access Array Data 0:43:34 Modify Array Data 0:44:48 Access Multi-Dimensional Arrays 0:46:30 push() 0:47:29 pop() 0:48:33 shift() 0:49:23 unshift() 0:50:36 Shopping List 0:51:41 Write Reusable with Functions 0:53:41 Arguments 0:55:43 Global Scope 0:59:31 Local Scope 1:00:46 Global vs Local Scope in Functions 1:02:40 Return a Value from a Function 1:03:55 Undefined Value returned 1:04:52 Assignment with a Returned Value 1:05:52 Stand in Line 1:08:41 Boolean Values 1:09:24 If Statements 1:11:51 Equality Operator 1:13:18 Strict Equality Operator 1:14:43 Comparing different values 1:15:38 Inequality Operator 1:16:20 Strict Inequality Operator 1:17:05 Greater Than Operator 1:17:39 Greater Than Or Equal To Operator 1:18:09 Less Than Operator 1:18:44 Less Than Or Equal To Operator 1:19:17 And Operator 1:20:41 Or Operator 1:21:37 Else Statements 1:22:27 Else If Statements 1:23:30 Logical Order in If Else Statements 1:24:45 Chaining If Else Statements 1:27:45 Golf Code 1:32:15 Switch Statements 1:35:46 Default Option in Switch Statements 1:37:23 Identical Options in Switch Statements 1:39:20 Replacing If Else Chains with Switch 1:41:11 Returning Boolean Values from Functions 1:42:20 Return Early Pattern for Functions 1:43:38 Counting Cards 1:49:11 Build Objects 1:50:46 Dot Notation 1:51:33 Bracket Notation 1:52:47 Variables 1:53:34 Updating Object Properties 1:54:30 Add New Properties to Object 1:55:19 Delete Properties from Object 1:55:54 Objects for Lookups 1:57:43 Testing Objects for Properties 1:59:15 Manipulating Complex Objects 2:01:00 Nested Objects 2:01:53 Nested Arrays 2:03:06 Record Collection 2:10:15 While Loops 2:11:35 For Loops 2:13:56 Odd Numbers With a For Loop 2:15:28 Count Backwards With a For Loop 2:17:08 Iterate Through an Array with a For Loop 2:19:43 Nesting For Loops 2:22:45 Do...While Loops 2:24:12 Profile Lookup 2:28:18 Random Fractions 2:28:54 Random Whole Numbers 2:30:21 Random Whole Numbers within a Range 2:31:46 parseInt Function 2:32:36 parseInt Function with a Radix 2:33:29 Ternary Operator 2:34:57 Multiple Ternary Operators 2:36:57 var vs let 2:39:02 var vs let scopes 2:41:32 const Keyword 2:43:40 Mutate an Array Declared with const 2:44:52 Prevent Object Mutation 2:47:17 Arrow Functions 2:28:24 Arrow Functions with Parameters 2:49:27 Higher Order Arrow Functions 2:53:04 Default Parameters 2:54:00 Rest Operator 2:55:31 Spread Operator 2:57:18 Destructuring Assignment: Objects 3:00:18 Destructuring Assignment: Nested Objects 3:01:55 Destructuring Assignment: Arrays 3:03:40 Destructuring Assignment with Rest Operator to Reassign Array 3:05:05 Destructuring Assignment to Pass an Object 3:06:39 Template Literals 3:10:43 Simple Fields 3:12:24 Declarative Functions 3:12:56 class Syntax 3:15:11 getters and setters 3:20:25 import vs require 3:22:33 export 3:23:40 * to Import 3:24:50 export default 3:25:26 Import a Default Export 🎥And if you like robots and toys, check out Beau's other YouTube channel: https://www.youtube.com/robotfamily

JavaScript Project Tutorial: Shopping Cart

q_TZhCWbS3I | 07 Dec 2018

JavaScript Project Tutorial: Shopping Cart

Create a shopping cart using JavaScript. This project tutorial shows how to add all the basic functionality of a shopping cart into a website. 💻Source files: https://github.com/john-smilga/js-cart-setup Tutorial from Coding Addict. Check out the Coding Addict YouTube channel: https://www.youtube.com/codingaddict -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Get Started in Web Development

XC2B_fE7S0g | 06 Dec 2018

How to Get Started in Web Development

Finding your first job in a new field can be scary. In this talk we'll talk about common questions people have when getting started in a career in Web Development -- everything from creating a portfolio of work to different types of jobs and team environments, finding a first job, and staying up to date in a field that is always changing. Susan Simkins is a Senior Web Designer at Oracle NetSuite. She is also a Pluralsight author with over 20 courses related to web design and development. In her free time she enjoys hanging out with her boyfriend and their small herd of cats. Follow her at http://www.susan-simkins.com/ or https://twitter.com/SusanMSimkins Recorded at the Free Code Camp OKC meetup. Thanks to Techlohoma and Susan Simkins for giving us permission to post. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Interview Tips from a Senior Software Engineer... and a 4 year old

yrIvUFDPR0g | 06 Dec 2018

Interview Tips from a Senior Software Engineer... and a 4 year old

Learn what Jesse did to prepare for interviews that let to four job offers and moving on the the final round of interviews with Google! ⭐️Resources ⭐️ ⌨️Pramp: https://www.pramp.com/invt/39P8m2n2OgInqXYmMAKl&event=video_description (affiliate link for Jesse) ⌨️Cracking the Coding Interview: https://www.amazon.com/Cracking-Coding-Interview-Programming-Questions/dp/0984782850/ref=sr_1_2?ie=UTF8&qid=1543791520&sr=8-2&keywords=cracking+the+coding+interview ⌨️Data Structures and Algorithms with JavaScript: Bringing classic computing approaches to the Web by Michael McMillan ⌨️https://freeCodeCamp.org You can see Jesse live coding on our channel or check out his personal channel: https://www.youtube.com/channel/UCUGkNhK8IEUj8A0vbyJ1Bzw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python and Pygame Tutorial - Build Tetris! Full GameDev Course

zfvxp7PgQ6c | 05 Dec 2018

Python and Pygame Tutorial - Build Tetris! Full GameDev Course

Learn how to code Tetris in Python with Pygame in this full tutorial. This Python Pygame tutorial is meant for intermediate programmers with some experience, but everyone is welcome to follow along. 🎥 How to Install Pygame: https://goo.gl/CEhksw 💻 Starter File: https://pastebin.com/embed_js/VztMLjCc 💻 Full Code: https://pastebin.com/embed_js/yaWTeF6y If you have trouble downloading the code from the links, make sure you click on DOWNLOAD RAW and then copy the code from there. Tutorial from Tech With Tim. Check out Tim's channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Everyone is a Developer - Talk by Jessica Lord

6iZAl0jCHGc | 04 Dec 2018

Everyone is a Developer - Talk by Jessica Lord

Development isn't just for professionals, it's for learners, tinkerers, and activists, too. Using tools that are more approachable not only empowers a broader group of people, it also improves the potential for working teams. In this talk, we'll cover ways to lower the barrier to entry and overhead of maintenance on projects of all shapes and sizes. We'll talk tools, some of which you might take for granted—like spreadsheets, and ideas, sharing examples in action, that you can use in your projects at work and on weekends. Talk by Jessica Lord. Recorded at JAMstack Conf 2018 in San Francisco. Thanks to JAMstack Conf for giving us permission to post this great talk. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Node.js - Full Tutorial for Beginners

RLtyhwFtXQA | 04 Dec 2018

Learn Node.js - Full Tutorial for Beginners

Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code outside of a browser. Learn all about Node.js in the full course for beginners. 🔗Install Node.js: https://nodejs.org/en/ 🔗Install Visual Studio Code: https://code.visualstudio.com/ ⭐️Course Contents ⭐️ ⌨️ (0:00:00) Installing Nodejs ⌨️ (0:05:22) Working With Modules ⌨️ (0:14:40) The Events Module and EventEmitter Class ⌨️ (0:22:32) Working With The ReadLine Module. ⌨️ (0:34:36) Working With File System Module (Creating,Reading,Deleting,Renaming) Files ⌨️ (0:45:04) Working With File System Module. Creating and Deleting Folders ⌨️ (0:57:36) Working with Readable and Writable Streams ⌨️ (1:02:40) Why you should use Streams ⌨️ (1:05:41) Pipes and Pipe Chaining. (Readable,Writable and Transform Streams) ⌨️ (1:12:36) Creating a Http Server using the Http Module ⌨️ (1:17:52) Serving Static Files with Http and File System Module (html,json,image) ⌨️ (1:24:30) Create our Package.json using Npm Init ⌨️ (1:27:18) Installing Packages using Npm (Node Package Manager) ⌨️ (1:32:23) Semantic Versioning ⌨️ (1:36:42) Getting started with Express Web Framework ⌨️ (1:40:48) Working with Express Http Get Request, Route Params and Query Strings ⌨️ (1:49:52) Serving Static Files with Express ⌨️ (2:54:36) Http Post Request with Express and Body Parser Module ⌨️ (2:00:17) Working with JSON Data with Express and the Body Parser Module ⌨️ (2:07:40) User Input Validation With Express And JOI ⌨️ (2:15:24) User Input Validation with JOI Validating Nested Object and Arrays ⌨️ (2:22:34) Getting Started With EJS Templates With Express ⌨️ (2:35:22) How does MiddleWare Work and Creating Custom Middleware ⌨️ (2:42:49) Working With The Express Router Tutorial from NoobCoder. Check out the NoobCoder YouTube channel: https://www.youtube.com/channel/UCV9MhzHCMx0Y83b5F8HWv-Q -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn JSON - Full Crash Course for Beginners

GpOO5iKzOmY | 03 Dec 2018

Learn JSON - Full Crash Course for Beginners

Learn everything you need to know about JSON in 10 minutes. You will learn: - what JSON is, - why JSON is important, - what JSON is used for, - the syntax of JSON, - and see multiple examples of JSON. JSON (JavaScript Object Notation) is the most popular data representation format, and is one of the most important, and easiest concepts you can learn in programming. It allows you to create APIs, config files, and structured data. We will be covering all of the terminology, and going through live examples of all the different JSON types. Tutorial created by Web Dev Simplified. Check out their channel for more great content: https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw Twitter: https://twitter.com/DevSimplified -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The All Powerful Front End Developer - Chris Coyier

vXJpOHz3_sY | 30 Nov 2018

The All Powerful Front End Developer - Chris Coyier

The internet is, without metaphor, just a bunch of servers tied together with wires. Without servers, we'd have no way to share our creations with the world. Yet, in a bit of a paradox, servers are less essential to our work than they've ever been. We can now do things on the front-end that used to require a back end. When we do need a back end, our front-end skills can be put to work, giving us some surprisingly powerful new abilities. Join Chris on a whirlwind tour of the tools, tech, and code that puts more power than ever into our front-end hands. Talk by Chris Coyier. Recorded at JAMstack Conf 2018 in San Francisco. Learn more at https://www.jamstackconf.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Native Android App Tutorial: WhatsApp Clone

988UZFB0heA | 29 Nov 2018

Native Android App Tutorial: WhatsApp Clone

Learn to build a full WhatsApp clone as a native android app using Android Studio, Firebase, Java, and Genymotion. This complete course for beginners takes you from start to finish. 💻Code - https://github.com/SimCoderYoutube/WhatsAppClone ⭐️Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:04:28) Setting Up the Project ⌨️ (0:08:20) Phone Number Authentication ⌨️ (0:33:12) Getting Ready to Display Contacts ⌨️ (0:58:11) Getting Contact List ⌨️ (1:08:18) Checking If Contact is Also an User ⌨️ (1:39:25) Display User's Name ⌨️ (1:44:36) Create an Unique Chat ⌨️ (2:09:56) Starting Chat Activity ⌨️ (2:24:03) Send a Message ⌨️ (2:39:51) Displaying Messages ⌨️ (2:49:53) Choose Media To Send ⌨️ (3:19:10) Sending Media ⌨️ (3:40:11) Displaying Media Messages ⌨️ (3:54:05) Sending Notifications ⌨️ (4:13:54) Sending Notifications to Chat Users ⌨️ (4:51:33) Multiple User Chat Room Course developed by SimCoder. Check out the SimCoder YouTube channel: https://www.youtube.com/channel/UCQ5xY26cw5Noh6poIE-VBog SimCoder website: http://www.simcoder.com ⭐️Links ⭐️ 🔗 Glide - https://github.com/bumptech/glide 🔗 FrescoImageViewer - https://github.com/stfalcon-studio/FrescoImageViewer 🔗 OneSignal- https://onesignal.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Building an SVG Animation from Start to Finish - Live with Sarah Drasner

qA2DqKIjZ5I | 28 Nov 2018

Building an SVG Animation from Start to Finish - Live with Sarah Drasner

In this talk, Sarah will start with only an Illustrator document and by the end, make it move! She'll live-code (warts and all) and you'll see her process as she'll animate an SVG in the time allotted. She'll optimize, work with styles, and create an animation with javascript. Talk given by Sarah Drasner at SmashingConf Toronto 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

My Google Job Interview

bSuivEKegVk | 28 Nov 2018

My Google Job Interview

Jesse Weigel interviewed for a front end engineer position at Google. This is his experience from first contact to on-site interviews! You can see Jesse live coding on our channel or check out his personal channel: https://www.youtube.com/channel/UCUGkNhK8IEUj8A0vbyJ1Bzw Jesse talks about his job search in this video: https://www.youtube.com/watch?v=cvz3NUQ5-ac -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What do computer programmers actually do?

WvXsY736Kz0 | 27 Nov 2018

What do computer programmers actually do?

What do programmers actually do? What can they be working on? Learn from Luba, an Airbnb software engineer. Check out Luba's YouTube channel: https://www.youtube.com/channel/UCgzKCeDYLRzPhQ64R6AKyBQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Hacking Web Performance

UgSFxtIPc4c | 27 Nov 2018

Hacking Web Performance

This talk covers extreme web performance techniques that will blow your mind, from new compression algorithms and new image formats to client hints and HTTP/2 push. Watch to learn how to hack web performance. Talk by Max Firtman at Heapcon 2018. Talk under the creative commons license. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using a Public API - Tutorial for Beginners

BYsTrGH6B2s | 26 Nov 2018

Using a Public API - Tutorial for Beginners

Learn how to use a public API in your project. In this tutorial you will learn to use the openweathermap.org public API but everything you learn here will help you to use any other public API. 🔗Get your API Key: https://openweathermap.org/appid 🔗Icon URL: http://openweathermap.org/img/w/11d.png 🔗Using getJSON: https://api.jquery.com/jquery.getjson/ 🔗Javascript Math properties: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math 🔗Free Vectors by: https://www.vecteezy.com ⭐️Tutorial from iEatWebsites. Check out their channel for more great tutorials: https://www.youtube.com/channel/UC0o60y3FtVy3M93JcDFVreA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unity Game Dev Full Tutorial - 3D Snake Game

8ztq9fQT6Kc | 23 Nov 2018

Unity Game Dev Full Tutorial - 3D Snake Game

Learn to create a 3D snake game with Unity in this complete tutorial for beginners. Assets for Tutorial: https://github.com/AwesomeTuts/3d-snake-tutorial/blob/master/3D%20Snake%20Assets.zip Tutorial covers: 1. Importing Assets And Preparing Our Gameplay Scene 2. Moving The Snake 3. Controlling The Snakes Movement 4. Detecting Collision And Adding Collectable Items 5. Wrapping Up Our Game Tutorial created by Awesome Tuts. Check out Awesome Tuts Youtube channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw On the Awesome Tuts website, you can learn to create a game in 40 minutes: https://www.awesometuts.com/from-scratch-to-game-ws -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a Platformer Game with JavaScript - Full Tutorial

w-OKdSHRlfA | 21 Nov 2018

Create a Platformer Game with JavaScript - Full Tutorial

Learn how to create a platformer game using vanilla JavaScript. First, learn to organize the code using the Model, View, Controller (MVC) strategy and the principles of Object Oriented Programming (OOP). Then, learn how to program movement, draw a tile map, and detect collision. Finally, see how to animate the sprites, load levels, and collect items. 💻Code and assets: https://github.com/frankarendpoth/frankarendpoth.github.io/tree/master/content/pop-vlog/javascript/2018/006-rabbit-trap 🔗Working example: http://frankpoth.info/content/pop-vlog/javascript/2018/006-rabbit-trap/rabbit-trap.html ⭐️Course Contents ⭐️ ⌨️ (00:00) Part 1: Organization ⌨️ (14:38) Part 2: Movement ⌨️ (51:25) Part 3: Tile Map ⌨️ (1:04:30) Part 4: Tile Based Collision Detection And Response ⌨️ (1:29:08) Part 5: Sprite Animation ⌨️ (1:53:22) Part 5 1/2: Tunneling ⌨️ (2:05:34) Part 6: Loading Levels ⌨️ (1:26:59) Part 7: Collecting Items Tutorial from Poth on Programming. Check out his channel: https://www.youtube.com/channel/UCdS3ojA8RL8t1r18Gj1cl6w -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Beginners Tutorial - Build an Autocomplete Text Box

NnpISZANByg | 20 Nov 2018

React Beginners Tutorial - Build an Autocomplete Text Box

In this React tutorial for beginners you will learn to create a basic React app and an autocomplete text box React component. Tutorial from WellPaidGeek. Check out his YouTube channel: https://www.youtube.com/c/wellpaidgeek Get WellPaidGeek's React and Redux course and learn to build entire React apps from the ground up. https://tinyurl.com/y97uqofc -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

7 Habits of Successful Software Engineers

6G_UQ0YepV8 | 19 Nov 2018

7 Habits of Successful Software Engineers

What do you need to be a successful software engineer? In this video, an AirBnb software engineer talks about some of the habits she thinks all successful software engineers should have! The habits are: - Understand the scope and the problem first before coding - Document as much as you can - Write readable & maintainable code - Be good at cross-functional work - Be an effective communicator - Recognize opportunities for improvements & impacts - Have a growth mindset Check out Luba's YouTube channel: https://www.youtube.com/channel/UCgzKCeDYLRzPhQ64R6AKyBQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

npm Tutorial for Beginners

2V1UUhBJ62Y | 16 Nov 2018

npm Tutorial for Beginners

Learn how to use the npm JavaScript package manager. This video explains what npm is and shows how to use it. 🔗Install Node.js: https://nodejs.org 🔗npm: https://www.npmjs.com/ 🔗Moment: https://www.npmjs.com/package/moment 🔗Browserify: http://browserify.org/ 🔗Learn more about Packages and Modules: https://docs.npmjs.com/about-packages-and-modules ⭐️Tutorial from iEatWebsites. Check out their channel for more great tutorials: https://www.youtube.com/channel/UC0o60y3FtVy3M93JcDFVreA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The History of Cryptography: Block Cyphers, Stream Cyphers, Public Keys and more!

-gJsYGjh4eQ | 15 Nov 2018

The History of Cryptography: Block Cyphers, Stream Cyphers, Public Keys and more!

Alice and Bob have secrets they want to talk about without Eve being able to listen in. Worse yet, the mischievous Mallory delights in changing messages sent between parties. In such a hostile environment how can Alice talk to Bob without their messages being overheard and how can she be sure that it was Bob that sent the message in the first place? This talk will take a brief look at historic codes and ciphers before taking a look at modern day Cryptography. If you want to be able to know the difference between a block cipher and a stream cipher or get a glimpse into the mathematics behind public key Cryptography this talk is for you. Talk given by Chris Riley at PHP UK Conference 2018. The talk is under the creative commons license. freeCodeCamp is not associated with this talk but we are excited to share it with a wider audience. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Hackathon Live Demos from the 2018 freeCodeCamp JAMstack Hackathon top 7 teams

QhybHEs87mk | 15 Nov 2018

Hackathon Live Demos from the 2018 freeCodeCamp JAMstack Hackathon top 7 teams

Live demos from the top 7 teams at the 2018 freeCodeCamp JAMstack Hackathon at GitHub's San Francisco headquarters. These projects were all built in less than 36 hours. 0:00 Introduction 1:20 Caption This 12:23 Hacksby (Winner - 3nd Place) 28:20 Networq (Winner - 2nd Place) 43:05 Sicc Piccs 57:35 SmarTea Pants 1:10:18 VisiJAM 1:26:35 Where in the World (Winner - 1st Place) Judges (clockwise from bottom left): 1. Matt Biilmann (https://twitter.com/biilmann) cofounder & CEO of Netlify.com 2. Chris Anderson (https://twitter.com/jchris) director of Developer Evangelism 3. Cole Krumbholz (https://twitter.com/ColeVsCode) founder & CEO of Formspree.com 4. Quincy Larson (https://twitter.com/ossia) founder & Executive Director of freeCodeCamp.org -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a Discord Bot - Full JavaScript Chatbot Tutorial

8o25pRbXdFw | 14 Nov 2018

How to Build a Discord Bot - Full JavaScript Chatbot Tutorial

Learn to code a Discord bot with JavaScript using Node.js. 🔗 Written Tutorial - https://www.devdungeon.com/content/javascript-discord-bot-tutorial 🔗 Unicode Emojis - https://unicode.org/emoji/charts/full-emoji-list.html 🔗 Official Documentation - https://discord.js.org Tutorial by Dev Dungeon. Check out their YouTube channel: https://www.youtube.com/channel/UCgkG68BiCngkoV7I2BLtAVg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Theory of Neural Networks - Deep Learning Without Frameworks

u7n9t1cBei8 | 14 Nov 2018

Theory of Neural Networks - Deep Learning Without Frameworks

Finally understand how deep learning and neural networks actually work. In this talk by Beau Carnes, you will learn the theory of neural networks. Instead of teaching about a framework such as Karas or TensorFlow, Beau gives an overview of the methods behind those frameworks. First, he explaining the key concepts of deep learning. Then, he live codes a neural network using Python without using any frameworks. This will help you understand the concepts at a deeper level. 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau 🔗 Beau's Deep Learning course from Manning Publications: https://www.manning.com/livevideo/grokking-deep-learning-in-motion?a_aid=algmotion&a_bid=5d7bc0ba Talk given at Moscow PythonConf++ 2018. Check out their YouTube channel: https://www.youtube.com/user/moscowdjangoru -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn TensorFlow.js - Deep Learning and Neural Networks with JavaScript

EoYfa6mYOG4 | 13 Nov 2018

Learn TensorFlow.js - Deep Learning and Neural Networks with JavaScript

This full course introduces the concept of client-side artificial neural networks. We will learn how to deploy and run models along with full deep learning applications in the browser! To implement this cool capability, we’ll be using TensorFlow.js (TFJS), TensorFlow’s JavaScript library. By the end of this video tutorial, you will have built and deployed a web application that runs a neural network in the browser to classify images! To get there, we'll learn about client-server deep learning architectures, converting Keras models to TFJS models, serving models with Node.js, tensor operations, and more! This course was created by deeplizard. Check out their YouTube channel and website for more tutorials! 🦎 http://youtube.com/deeplizard http://deeplizard.com ⭐️Course Sections⭐️ ⌨️ 0:00 - Intro to deep learning with client-side neural networks ⌨️ 6:06 - Convert Keras model to Layers API format ⌨️ 11:16 - Serve deep learning models with Node.js and Express ⌨️ 19:22 - Building UI for neural network web app ⌨️ 27:08 - Loading model into a neural network web app ⌨️ 36:55 - Explore tensor operations with VGG16 preprocessing ⌨️ 45:16 - Examining tensors with the debugger ⌨️ 1:00:37 - Broadcasting with tensors ⌨️ 1:11:30 - Running MobileNet in the browser Keras model H5 files: VGG16 - https://github.com/fchollet/deep-learning-models/releases/download/v0.1/vgg16_weights_tf_dim_ordering_tf_kernels.h5 MobileNet - https://github.com/fchollet/deep-learning-models/releases/download/v0.6/mobilenet_1_0_224_tf.h5 Code: https://www.patreon.com/posts/19580029 Broadcasting notebook: https://www.patreon.com/posts/20051386 Download access to code files and notebooks are available as a perk for the deeplizard hivemind. Check out the details regarding deeplizard perks and rewards at: http://deeplizard.com/hivemind Music: Jarvic 8 by Kevin MacLeod Investigations by Kevin MacLeod Crypto by Kevin MacLeod Too Cool by Kevin MacLeod Brittle Rille by Kevin MacLeod Chillin Hard by Kevin MacLeod Dreamy Flashback by Kevin MacLeod Thinking Music by Kevin MacLeod YouTube: https://www.youtube.com/channel/UCSZXFhRIx6b0dFX3xS8L1yQ Website: http://incompetech.com/ Licensed under Creative Commons: By Attribution 3.0 License http://creativecommons.org/licenses/by/3.0/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Resume Review: Front-end Web Developer (Waqar)

kPQftUukf7A | 12 Nov 2018

Resume Review: Front-end Web Developer (Waqar)

Benjamin Spak reviews the resume, portfolio & social media presence for a jr. front-end web developer role. 🎥 Benjamin's YouTube channel: https://www.youtube.com/channel/UCQUNME_uamXEW1c58iEADWw ⚠️ Want Benjamin to Review Your Resume or Portfolio? https://goo.gl/forms/6NM27sIuXxHAoE4y1 Connect With Waqar Mohammad 💬 🐦 https://twitter.com/lawyerscode 🐱 https://github.com/waqardm/ 📓 https://lawyerscode.co.uk/ Connect With Benjamin 💬 👊 Discord: http://spak.co 🐦 Twitter: https://twitter.com/benjaminspak ⛓️ LinkedIn: https://www.linkedin.com/in/benjaminspak/ 🏆 301 Days Of Code: https://301daysofcode.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Development Tutorial - JavaScript, HTML, CSS - Rock Paper Scissors Game

jaVNP3nIAv0 | 09 Nov 2018

Web Development Tutorial - JavaScript, HTML, CSS - Rock Paper Scissors Game

This web development tutorial shows how to use JavaScript, HTML, and CSS to create a Rock Paper Scissors Game in the browser. Tutorial by whatsdev. Check out their channel: https://www.youtube.com/channel/UC0tRdbXVDbhaRvZPKsRgmxg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Kubernetes: A Developer's Guide to Orchestrating Containers

hcHczN3wryw | 09 Nov 2018

Kubernetes: A Developer's Guide to Orchestrating Containers

Learn about Kubernetes and what developers need to know about it. Talk by Jeff French at the DevOps OKC meetup. Thanks to Jeff and Techlahoma for giving us permission to share. Jeff on Twitter: https://twitter.com/jeff_french Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Computer Science Terminology

LtoBGQPuu1c | 08 Nov 2018

Computer Science Terminology

Learn computer science terminology. We'll take a dive into understanding some of the terms used in computer science and software development. The video starts with the basics and then gets more advanced. Video from Forrest Knight. Check out his channel: https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Beat Asteroids Game Using a Neural Network - JavaScript Tutorial

2cGHkBeGpeU | 07 Nov 2018

Beat Asteroids Game Using a Neural Network - JavaScript Tutorial

This complete JavaScript tutorial shows how to automate an asteroids game using a neural network. This tutorial keeps the complex theory to a minimum and demonstrates how to use a neural network in a real-world situation. The tutorial builds off of a previous JavaScript tutorial that shows how to build an astroids game from scratch. However, viewing that tutorial first is not required. 🎥Original Asteroids Game Tutorial: https://youtu.be/H9CSWMxJx84 ⭐️Game Resources ⭐️ 💻Asteroids Game in Javascript / HTML: https://drive.google.com/file/d/1tmjvMKxCcJeyTpi5pI6A8cgVxwWnyPXn/view 🔈Sound Files: https://drive.google.com/file/d/1iSykdpBCc7xafRFHrdH0mH4TeR5ansAc/view ⭐️Course Contents and Code ⭐️ ⌨️(0:00) Part 1: Setup and Matrix Functions 💻Code - Setup and Matrices: https://drive.google.com/file/d/1G7HtRB1OFDBirwqkjWnBRfb4veaJ6QNr/view 💻Code - Matrix Functions: https://drive.google.com/file/d/10io7bEQFxQNyMfdhTkEKqpLLUCAfP7sr/view ⌨️(35:24) Part 2: Neural Network 💻Code - Neural Network: https://drive.google.com/file/d/1_0rYsKM9XW8TOPVyFK8uM5Q9_1OzRY7A/view 💻Code - NeuralNetwork class: https://drive.google.com/file/d/1ROSjAEHAGMTN6MDP1LDAln7xaZD0aCsV/view ⌨️(1:10:45) Part 3: Automate the Ship 💻Code - Automate the Ship: https://drive.google.com/file/d/1MtFKUGdK7KRVIc1Xc1agcbUb29fB7Oo3/view 💻Code – Error Logging: https://drive.google.com/file/d/1Dd3EPkXIjmvoUioxq-bR0XQ5fsE0gwJp/view Tutorial from Mt. Ford Studios. Check out their channel for more great tutorials: https://www.youtube.com/channel/UCYGcMtRTLWQHgLq4V3bP3sA -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Angular - Full Tutorial Course

2OHbjep_WjQ | 06 Nov 2018

Learn Angular - Full Tutorial Course

Learn about Angular 6 (and above) in this complete course. You will learn how to create small/medium/large applications with Angular 6 in this web development tutorial. After completing the course, you should try to build something with Angular 6 to further solidify your learning. Here's a project which covers all the aspects covered in the video to push you to learn even more: http://bit.ly/angular6-project For more great tutorials from the creator of this course, check out https://codedamn.com. You can view the original Angular 6 playlist here: https://www.youtube.com/playlist?list=PLYxzS__5yYQlqCmHqDyW3yo5V79C7eaTe ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) 1: Introduction ⌨️ (0:01:24) 2: Setting up project using Angular CLI ⌨️ (0:06:24) 3: Angular Architecture ⌨️ (0:15:55) 4: Decorators ⌨️ (0:32:44) 5: Lifecycle Hooks ⌨️ (0:41:07) 6: Components ⌨️ (0:46:36) 7: Interpolation and Expressions ⌨️ (0:52:30) 8: One way data binding ⌨️ (1:00:59) 9: Two way data binding ⌨️ (1:11:20) 10: Looping with *ngFor ⌨️ (1:19:50) 11: Services ⌨️ (1:21:52) 12: HTTP Requests ⌨️ (1:40:43) 13: Configure Proxy for API calls ⌨️ (1:46:39) 14: Routing ⌨️ (1:55:54) 15: Login App - Part 1 ⌨️ (2:04:21) 16: Login App Part 2 ⌨️ (2:14:58) 17: Routing Protection (Login App Part 3) ⌨️ (2:28:46) 18: Setting up backend (Login App Part 4) ⌨️ (2:41:12) 19: Persistent Login Session (Login App Part 5) ⌨️ (2:56:45) 20: Adding Logout feature and UI (Login App Part 6) ⌨️ (3:05:05) 21: MongoDB + Angular + Node Registration ⌨️ (3:16:32) 22: NodeJS Setup (Registration Part 2) ⌨️ (3:22:43) 23: MongoDB Setup (Registration Part 3) ⌨️ (3:41:36) 24: Linking MongoDB with Angular (Registration Part 4) ⌨️ (3:50:02) 25: Sessions ⌨️ (4:13:04) 26: Editing and storing data in MongoDB through Angular ⌨️ (4:20:16) 27: Pipes ⌨️ (4:32:14) 28: Custom Pipes ⌨️ (4:39:23) 29: Directives ⌨️ (4:53:28) 30: Custom Directives ⌨️ (5:01:06) 31: Redux - Introduction ⌨️ (5:06:55) 32: Redux - Getting Started ⌨️ (5:19:43) 33: Creating a Reducer ⌨️ (5:26:52) 34: Registering a reducer ⌨️ (5:32:11) 35: Getting Data from Redux Store ⌨️ (5:37:06) Project

Writing Code like a Real Hacker (VS Code Macro Extension)

rO8-cgtkZSw | 06 Nov 2018

Writing Code like a Real Hacker (VS Code Macro Extension)

How To Become A 10x Programmer With This One Simple Trick... What you will really learn about is a great VS Code extension that allows you to create macros and is useful for live coding. Presented by Jani Eväkallio - Formidable Labs Twitter: https://twitter.com/jevakallio Talk by Jani Eväkallio at the Reactive London October 2018 meetup. Recorded by Pusher.com. Thanks to Pusher for giving us permission to post this talk. Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using icons on the web with Ionicons

WGsk13xh-Fk | 05 Nov 2018

Using icons on the web with Ionicons

Learn how to use the Ionicons Icon Set (part of the Ionic Framework) on your own websites or web applications. Ionicons comes with over 700 high quality icons with designs for both Material Design Style and iOS Style - you can choose them as you please! Video from dcode. Check out the dcode channel: https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g Twitter: @dcode -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Node.js and npm

RjBxeb9erQk | 02 Nov 2018

Intro to Node.js and npm

Learn all about to node and npm! Talk by Logan Huskins at the freeCodeCamp OKC meetup. Thanks to Techlahoma for giving us permission to share. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Connect Four Python Game Tutorial with pygame

XpYz-q1lxu8 | 02 Nov 2018

Connect Four Python Game Tutorial with pygame

Learn how to program Connect Four in Python 3 and pygame. First, see how to store the board state, and build a simple command line interface for dropping pieces. Then see how to write a function to check for wins. Finally, learn to build graphics for your game. 💻Code: https://github.com/KeithGalli/Connect4-Python 🔗How to setup Python 3 and Sublime text: https://www.youtube.com/watch?v=2nQNsrhaMpA 🔗SublimeREPL: https://packagecontrol.io/packages/SublimeREPL Video from Keith Galli. Check out his channel: https://www.youtube.com/channel/UCq6XkhO5SZ66N04IcPbqNcw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Introduction to Front End Testing

1BT4efG-ItA | 01 Nov 2018

Introduction to Front End Testing

Get started with testing for the Front End. Learn how you can use tests to produce less bugs and code with confidence. Covering: - Basics (What is testing, why do we need it?) - Testing Pyramid, Demo (Unit & E2E Tests) Talk by Hans Schnedlitz at the FreeCodeCamp Vienna October 2018 meetup. Recorded by Pusher.com. Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Debugging JavaScript - Are you doing it wrong?

ABlaMXkUwzY | 01 Nov 2018

Debugging JavaScript - Are you doing it wrong?

Learn a better way to debug your JavaScript. Video from WellPaidGeek. Check out his channel: https://www.youtube.com/channel/UCejtQthQXQpZs3-kZCqsbrg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Snake Game Python Tutorial

CD4qAhfFuLo | 31 Oct 2018

Snake Game Python Tutorial

Learn to code a snake game using Python and Pygame. This is suited for intermediate level programmers with some experience but anyone is welcome to follow along. If you are unsure about how to install/download pygame checkout this link: https://www.youtube.com/watch?v=AdUZArA-kZw Download the code: https://pastebin.com/embed_js/jB6k06hG Tutorial from Tech With Tim. Check out Tim's channel: https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting Your First Developer Job

iYwF2qXBt4c | 31 Oct 2018

Getting Your First Developer Job

Christine recently got her first developer job. She shares her story of becoming a web developer and talks about what she did to get her first job. Talk by Christine Phung at the freeCodeCamp OKC meetup. Thanks to Techlahoma for giving us permission to share. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Easily Build an Airbnb Clone with Sharetribe - Tutorial

R001x8NBisI | 29 Oct 2018

Easily Build an Airbnb Clone with Sharetribe - Tutorial

Build and launch your own Airbnb-style marketplace using Sharetribe GO in about 30 minutes. This tutorial walks you through initial signup to building and launching an Airbnb-style marketplace using Sharetribe's hosted marketplace platform (and every step along the way). Note: Sharetribe has a monthly fee. They do not have a free plan but they have a free trial. Resources: 🔗Sharetribe (Marketplace platform): http://bit.ly/2gXICOV 🔗Sharetribe Marketplace Examples: http://marketplacedirectory.carrd.co Tutorial from Mike Williams. 💻Check out his YouTube channel: https://www.youtube.com/channel/UC00XnZc8SVr_Nd2K78qb8ag 🐦Mike on Twitter: https://twitter.com/yoroomie 🔗Mike's website: http://www.iammikewilliams.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live ReactJS Coding (P5D102) - Live Coding with Jesse

dT_VqBmXR2g | 29 Oct 2018

Live ReactJS Coding (P5D102) - Live Coding with Jesse

Project 5 Day 102: Today we will code with ReactJS! See a professional front-end developer at work. Unscripted. Mistakes included. Live Demo: https://gcp.franciscan.university Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to stream on YouTube using OBS - in-depth OBS tutorial

anKWXBXSzKM | 26 Oct 2018

How to stream on YouTube using OBS - in-depth OBS tutorial

Learn how to record presentations using OBS and YouTube. Learn how to live stream on YouTube with OBS. Talk by Joe Matthews at the freeCodeCamp OKC meetup. Thanks to Techlahoma for giving us permission to share. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Simon Game JavaScript Tutorial for Beginners

n_ec3eowFLQ | 26 Oct 2018

Simon Game JavaScript Tutorial for Beginners

In this JavaScript game tutorial, you will learn how to create a Simon game using JavaScript, HTML, and CSS. Every line of JavaScript is explained. 🔗Full code: https://github.com/beaucarnes/simon-game 🔗HTML file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/index.html 🔗CSS file: https://raw.githubusercontent.com/beaucarnes/simon-game/master/css/style.css Tutorial by Beau Carnes. 🐦Follow Beau on Twitter: @CarnesBeau -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Let’s Build a Tinder-Like Swipe Carousel

Iz6W4HizXq8 | 25 Oct 2018

Let’s Build a Tinder-Like Swipe Carousel

Learn how to make a Tinder-like image carousel. We’ll be able to swipe images left or right on your computer or phone! We’ll learn about the Pointer event APIs built into almost every browser to handle the swipe detection. We’ll also use CanJS to handle events and build a reusable component. 💻Code: https://codepen.io/chasenlehara/pen/pZOpRE Talk given by Chasen Le Hara at the JavaScriptLA meetup. Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Gatsby - Full Tutorial for Beginners

mHFAM0CXviE | 23 Oct 2018

Gatsby - Full Tutorial for Beginners

Learn how to use the Gatsby static site generator in this full tutorial course for beginners. ⭐️ Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (01:38) Mac & Windows Installation ⌨️ (04:46) Creating a new site ⌨️ (11:19) Adding Content ⌨️ (17:10) Linking Pages ⌨️ (22:04) Interactive Pages ⌨️ (29:18) Building your site ⌨️ (31:53) Components ⌨️ (37:07) Plugins ⌨️ (42:47) Layouts ⌨️ (46:54) Site Data ⌨️ (55:12) File Data ⌨️ (1:04:24) Working with Markdown Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter - https://twitter.com/mike_dane 🔗The Mike's website: https://www.mikedane.com/ ⭐️Other full courses by Mike Dane on our channel ⭐️ 💻C: https://youtu.be/KJgsSFOSQv0 💻C++: https://youtu.be/vLnPwxZdW4Y 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c 💻C#: https://youtu.be/GhQdlIFylQ8 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a Kanban Board

C72fFjPya-8 | 19 Oct 2018

Create a Kanban Board

A kanban board is a workflow visualization tool that is great for organizing everything you need to do when making an application and it helps to make sure you get all the requirements taken care of. In this video, you will learn about kanban boards and see the process for creating them using both Trello and Github. Video by Anissa Deanna. 🎥Anissa's YouTube channel: https://www.youtube.com/channel/UCVOKt2XgozvMSnZDZGMdetg 📷Anissa on Instagram: https://www.instagram.com/anissadeanna/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Tweet Visualization and Sentiment Analysis in Python - Full Tutorial

1gQ6uG5Ujiw | 18 Oct 2018

Tweet Visualization and Sentiment Analysis in Python - Full Tutorial

In this Python tutorial, the Tweepy module is used to stream live tweets directly from Twitter in real-time. The tweets are visualized and then the TextBlob module is used to do sentiment analysis on the tweets. 💻Code: https://github.com/vprusso/youtube_tutorials/tree/master/twitter_python ⭐️ Contents ⭐️ ⌨️ (00:06) Streaming live tweets ⌨️ (23:17) Cursor and pagination ⌨️ (43:28) Analyzing tweet data ⌨️ (1:03:16) Visualizing tweet data ⌨️ (1:20:18) Sentiment analysis 🔗Tweepy Website:http://www.tweepy.org/ 🔗Cursor Docs: http://docs.tweepy.org/en/v3.5.0/cursor_tutorial.html 🔗API Reference: http://docs.tweepy.org/en/v3.5.0/api.html Tutorial from Vincent Russo of Lucid Programming. Check out his YouTube channel: http://bit.ly/lucidcode 🐦Vincent on Twitter: @captainhamptons -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Computer Networks - Crash Course

WO6P92v61y4 | 17 Oct 2018

Intro to Computer Networks - Crash Course

Find out about computer networks in this crash course. Learn about: ⌨️ (0:00) What is a network? ⌨️ (0:55) An example of a Network ⌨️ (1:25) What is a LAN? ⌨️ (2:08) Network Interface Card ⌨️ (2:57) What is a WAN? ⌨️ (3:36) What is a Mac Address? ⌨️ (4:30) The size of a Mac Address ⌨️ (5:02) How Computers Talk ⌨️ (6:54) Collision Detection and Avoidance -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Protected Routes in React using React Router

Y0-qdp-XBJg | 16 Oct 2018

Protected Routes in React using React Router

In this video, we will create a protected route using React Router. This route is accessible only when the user is logged in. Link to CodeSandbox: https://codesandbox.io/s/ol6z72kjy9 Tutorial from Nick Karnik. Check out his YouTube channel: https://www.youtube.com/channel/UClCm-WAOgN6XLwCpefSVezg Nick on Twitter: https://twitter.com/theoutlander -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Building React Components (P5D101) - Live Coding with Jesse

ErSworvlctA | 15 Oct 2018

Building React Components (P5D101) - Live Coding with Jesse

Project 5 Day 101: Today we will create a ReactJS component. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML and CSS Tutorial - Create a Website for Beginners

kMT54MPz9oE | 15 Oct 2018

HTML and CSS Tutorial - Create a Website for Beginners

Learn the basics of HTML and CSS in this complete tutorial. You will create a band website project using HTML and learn how to apply modern design in order to style the site using CSS. 🔗CSS Crash Course: https://www.youtube.com/watch?v=r1xBCi5SOjw ⭐️ Course Contents ⭐️ ⌨️ (00:00) Your first webpage 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%201 ⌨️ (4:18) Basic HTML elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%202 ⌨️ (14:20) Advanced HTML elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%203 ⌨️ (27:22) Links and elements 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20HTML/Lesson%204 ⌨️ (42:19) CSS part 1 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%201 ⌨️ (1:13:35) CSS part 2 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%202 ⌨️ (1:36:09) CSS part 3 💻 Code: https://github.com/WebDevSimplified/Introduction-to-Web-Development/tree/master/Introduction%20to%20CSS/Lesson%203 Tutorial created by Web Dev Simplified. Check out their channel for more great content: https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw Twitter: https://twitter.com/DevSimplified -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The History of JavaScript: a timeline of programming language evolution over the past 20 years

CseCDFed458 | 12 Oct 2018

The History of JavaScript: a timeline of programming language evolution over the past 20 years

From the early days of the wild wild web, JavaScript has been there. Its evolved from a simple two week hack into a vibrant ecosystem that is continuously evolving to the modern web. Join Matt as he walks the timeline of JavaScripts evolution from where it began into what it has become today. If you are new to web development or just getting back into development or coming to web development from a different part of the stack this is for you. Matt will showcase several demo apps that highlight the differences in how web apps used to be built with ES5 and highlight the tools that have changed how they are built for the modern web and ES6. Finally he will show how that same app can be built with Angular, one of the many modern frameworks that helps engineers build responsive and performant web applications. Talk given by Matt Hippely at the JavaScriptLA meetup. Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Game Development with JavaScript - Full Tutorial

3EMxBkqC4z0 | 11 Oct 2018

Intro to Game Development with JavaScript - Full Tutorial

An introduction to game development tutorial using vanilla JavaScript and HTML5 canvas. Build a complete brick-breaker game while learning the fundamentals of game development. 💻 Code / Completed Project: https://codesandbox.io/s/z2pqr9620m ⭐️ Course Contents ⭐️ ⌨️ (00:00) Introduction ⌨️ (00:32) Project Setup and Canvas ⌨️ (02:07) Drawing on the Canvas ⌨️ (04:25) Clearing the Canvas ⌨️ (05:45) Creating the Player's Paddle ⌨️ (11:42) The Game Loop ⌨️ (15:47) Handling Keyboard Input ⌨️ (17:56) Moving the Paddle ⌨️ (21:36) Stopping the Paddle ⌨️ (23:10) Drawing the Ball Image ⌨️ (26:59) Moving the Ball ⌨️ (32:11) Refactoring to the Game Class ⌨️ (38:54) Collision Detection between the Ball and Paddle ⌨️ (43:19) Loading Bricks ⌨️ (46:24) Building Levels ⌨️ (51:22) Collision Detection with Bricks ⌨️ (56:54) Pause Screen ⌨️ (1:02:08) A Simple Start Menu ⌨️ (1:06:09) Game Over ⌨️ (1:10:13) Completing Levels 🎥 Tutorial from Crhis Perko. Check out his YouTube channel: https://www.youtube.com/channel/UCraxnACLukXNgBnCq1zQnNg 🔗 Chris Perko's blog: https://chrisperko.net 🐦 Chris on Twitter: https://twitter.com/chrisjperko

CSS Coffee Cup: CSS Tutorial (Day 30 of CSS3 in 30 Days)

cZ6IsFkITIw | 10 Oct 2018

CSS Coffee Cup: CSS Tutorial (Day 30 of CSS3 in 30 Days)

Create a realistic CSS3-only coffee cup! ⭐️Files you need ⭐️ 💻Blurry Effect Code: https://www.dropbox.com/sh/ts1g1ru6g8tsxt7/AAA2LeO-aBw_K_rP1rveuZTQa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 30 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Blurry Effect: CSS Tutorial (Day 29 of CSS3 in 30 Days)

R0Z1G39plZ4 | 09 Oct 2018

Blurry Effect: CSS Tutorial (Day 29 of CSS3 in 30 Days)

Create a blurred depth of field effect with CSS3! ⭐️Files you need ⭐️ 💻Blurry Effect Code: https://www.dropbox.com/sh/fsiac0oezw9wode/AAAazOlFVobJpNFCFBiB8g3Ia?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 29 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Classes Tutorial

2ZphE5HcQPQ | 09 Oct 2018

JavaScript Classes Tutorial

In JavaScript you can use the OOP (Object-Oriented-Programming) feature of "classes" to construct objects which are then useful resources for your script/application. Learn all about classes in JavaScript in this video. ⭐️ Course Contents ⭐️ ⌨️ (00:00) The Basics ⌨️ (14:40) Getters and Setters ⌨️ (22:43) Static Methods ⌨️ (30:11) Inheritance and Extends ⌨️ (40:22) Polymorphism ⌨️ (46:00) Classes in Practice Learn more about JavaScript in this full course: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 🎥Tutorial by dcode. Check out the dcode channel for more great tutorials: https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g 🐦dcode on Twitter: @dcodeyt -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Progressive Web App Manifest (P5D100) - Live Coding with Jesse

paVjlE5kd_M | 08 Oct 2018

Creating a Progressive Web App Manifest (P5D100) - Live Coding with Jesse

Project 5 Day 100: Today we will create a manifest.json file so that our React project will work as a progressive web app. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Optimizing CSS: CSS Tutorial (Day 28 of CSS3 in 30 Days)

wLBDFZeQ19U | 08 Oct 2018

Optimizing CSS: CSS Tutorial (Day 28 of CSS3 in 30 Days)

Good, clean code is always a great idea. Here are some hot tips on optimizing your CSS. ⭐️Files you need ⭐️ 💻Sliding Panels Code: https://www.dropbox.com/sh/abppywwt9imwtz6/AAAa0nW3NbO8GFDf7ezKqvCha?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 28 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Only Dropdown Menu: CSS Tutorial (Day 27 of CSS3 in 30 Days)

jgjfVFYKfZI | 07 Oct 2018

CSS Only Dropdown Menu: CSS Tutorial (Day 27 of CSS3 in 30 Days)

Create a simple Dropdown Menu with CSS! ⭐️Files you need ⭐️ 💻Dropdown Menu Code: https://www.dropbox.com/sh/mr0ptf3zlsnhfk0/AABnf7835rJEevD2EBdMBH77a?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 27 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

3d Layer Effect: CSS Tutorial (Day 26 of CSS3 in 30 Days)

L378ffW2sBc | 06 Oct 2018

3d Layer Effect: CSS Tutorial (Day 26 of CSS3 in 30 Days)

Create a 3d Layer Effect with CSS3! ⭐️Files you need ⭐️ 💻3d Layer Effect Code: https://www.dropbox.com/sh/8bsuj1nhw7w1kqr/AADxNbAb3U8zOz8Xt6-60KlJa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 25 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sliding Panels: CSS Tutorial (Day 25 of CSS3 in 30 Days)

lcYUjR8jCEQ | 05 Oct 2018

Sliding Panels: CSS Tutorial (Day 25 of CSS3 in 30 Days)

Create sliding content panels with CSS3! ⭐️Files you need ⭐️ 💻Sliding Panels Code: https://www.dropbox.com/sh/wbw2ldo2caaal7c/AABWT7lqrlDF_hqCbtbxFo4Ca?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 25 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

GraphQL Server Intermediate Tutorial - Boilerplate with Typescript, PostgreSQL, and Redis

-iwjiiCGiO0 | 05 Oct 2018

GraphQL Server Intermediate Tutorial - Boilerplate with Typescript, PostgreSQL, and Redis

Code a GraphQL server boilerplate. This full intermediate course uses Typescript, Node.js, PostgreSQL, Redis, React, Jest, OAuth, TypeORM, and SparkPost. 🔗Code: https://github.com/benawad/graphql-ts-server-boilerplate ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:03:32) Setting up a TypeORM Project ⌨️ (0:13:32) Creating a TypeORM Entity ⌨️ (0:28:45) Creating a User into with TypeORM ⌨️ (0:43:45) Setting up Jest ⌨️ (0:57:58) Setting up a Test Database with TypeORM ⌨️ (1:09:09) Getting GraphQL Yoga and Jest to work together ⌨️ (1:18:15) GraphQL Schema Stitching ⌨️ (1:32:17) Handling Errors in GraphQL ⌨️ (1:42:43) GraphQL Validating Input ⌨️ (2:02:04) Email Confirmation Link with Redis ⌨️ (2:25:39) Jest Global Setup ⌨️ (2:34:05) Testing Redis Email Link ⌨️ (2:52:04) Fixing Connection Error ⌨️ (3:12:35) Send Confirmation Email with SparkPost ⌨️ (3:24:00) GraphQL Login Mutation ⌨️ (3:46:04) Express Session for Login ⌨️ (4:02:42) GraphQL Middleware ⌨️ (4:32:05) Running Jest Tests Sequentially ⌨️ (4:40:35) Logging or Authentication GraphQL Middleware ⌨️ (4:56:03) Simple Logout with GraphQL ⌨️ (5:11:44) Building a GraphQL Server Test Client ⌨️ (5:28:56) Logout of Multiple Sessions ⌨️ (5:43:32) Forgot Password Test Case ⌨️ (5:59:00) Lock User Account GraphQL ⌨️ (6:06:29) GraphQL Forgot Password Implementation ⌨️ (6:35:51) Rate Limiting ⌨️ (6:43:42) Twitter OAuth ⌨️ (7:10:09) OAuth Demo with React ⌨️ (7:13:41) Getting the Jest tests to run in Parallel ⌨️ (7:21:26) Merging a Modular GraphQL Schema ⌨️ (7:30:35) Removing the Race Conditions from the Tests ⌨️ (7:36:57) Conclusion Tutorial created by Ben Awad over the course of a month. Check out his YouTube channel: https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)

k_YDxRFjKYg | 04 Oct 2018

@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)

The @supports rule allows you to check if a browser supports a specific css rule. Learn how to use it in this video. ⭐️Files you need ⭐️ 💻Supports Code: https://www.dropbox.com/sh/3ijnisickoa1pk4/AAD9ujKUGl6aqVT2JGUfe2oQa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 24 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)

2yScCvYqvhc | 03 Oct 2018

Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)

Create an information accordion with only CSS3! ⭐️Files you need ⭐️ 💻Accordion Code: https://www.dropbox.com/sh/l9mbthihrcx0cba/AACzoWnmg8vB4f9WKQAmsg1Ka?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 23 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How To Write User Stories, Epics, & Personas - Dev Life

Fw98L-kcRpc | 03 Oct 2018

How To Write User Stories, Epics, & Personas - Dev Life

User Stories, Epics, and Personas help organize all the needs of a project so it is clear what needs to be done. They are used in many developer jobs for planning projects so it is helpful to know what they are and how to create them. Video by Anissa Deanna. 🎥Anissa's YouTube channel: https://www.youtube.com/channel/UCVOKt2XgozvMSnZDZGMdetg 📷Anissa on Instagram: https://www.instagram.com/anissadeanna/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Flexbox Layouts: CSS Tutorial (Day 22 of CSS3 in 30 Days)

JgMIjJufr_s | 02 Oct 2018

Flexbox Layouts: CSS Tutorial (Day 22 of CSS3 in 30 Days)

Create modern layouts with Flexbox! ⭐️Files you need ⭐️ 💻Flexbox Code: https://www.dropbox.com/sh/cy38pnmczmwv7fx/AABKEMK0ifvsvNc4wMzFeCIta?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 22 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spinners: CSS Tutorial (Day 21 of CSS3 in 30 Days)

3STV6K8ImsY | 01 Oct 2018

Spinners: CSS Tutorial (Day 21 of CSS3 in 30 Days)

Create CSS only spinners that animate. ⭐️Files you need ⭐️ 💻Spinners Code: https://www.dropbox.com/sh/ousyv95fxjgzzu8/AADKIxv7WYqiH-t4jwHAcEtJa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Maths for Programmers Tutorial - Full Course on Sets and Logic

2SpuBqvNjHI | 01 Oct 2018

Maths for Programmers Tutorial - Full Course on Sets and Logic

Learn the maths and logic concepts that are important for programmers to understand. Shawn Grooms explains the following concepts: ⌨️ (00:00) Tips For Learning ⌨️ (01:32) What Is Discrete Mathematics? ⌨️ (03:45) Sets - What Is A Set? ⌨️ (06:22) Sets - Interval Notation & Common Sets ⌨️ (08:25) Sets - What Is A Rational Number? ⌨️ (10:18) Sets - Here Is A Non-Rational Number ⌨️ (12:17) Sets - Set Operators ⌨️ (13:45) Sets - Set Operators (Examples) ⌨️ (15:49) Sets - Subsets & Supersets ⌨️ (17:30) Sets - The Universe & Complements ⌨️ (20:02) Sets - Subsets & Supersets (Examples) ⌨️ (21:56) Sets - The Universe & Complements (Examples) ⌨️ (24:16) Sets - Idempotent & Identity Laws ⌨️ (25:14) Sets - Complement & Involution Laws ⌨️ (27:08) Sets - Associative & Commutative Laws ⌨️ (28:42) Sets - Distributive Law (Diagrams) ⌨️ (30:22) Sets - Distributive Law Proof (Case 1) ⌨️ (32:07) Sets - Distributive Law Proof (Case 2) ⌨️ (33:48) Sets - Distributive Law (Examples) ⌨️ (35:25) Sets - DeMorgan’s Law ⌨️ (37:32) Sets - DeMorgan’s Law (Examples) ⌨️ (39:38) Logic - What Is Logic? ⌨️ (41:26) Logic - Propositions ⌨️ (43:06) Logic - Composite Propositions ⌨️ (44:41) Logic - Truth Tables ⌨️ (46:30) Logic - Idempotent & Identity Laws ⌨️ (48:13) Logic - Complement & Involution Laws ⌨️ (49:58) Logic - Commutative Laws ⌨️ (51:35) Logic - Associative & Distributive Laws ⌨️ (53:09) Logic - DeMorgan’s Laws ⌨️ (54:23) Logic - Conditional Statements ⌨️ (55:45) Logic - Logical Quantifiers ⌨️ (57:59) Logic - What Are Tautologies? -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)

bWD78tLk8Io | 30 Sep 2018

Animated Pyramid: CSS Tutorial (Day 20 of CSS3 in 30 Days)

Create a small triangle that, once hovered over, animates into a pyramid comprised of several shapes! ⭐️Files you need ⭐️ 💻Animated Pyramid Code: https://www.dropbox.com/sh/08z0v44j58lq16e/AABPsJafJJwbj9q_xwPYzFNAa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)

fY-7IbtIYj4 | 29 Sep 2018

Animated Progress Bars: CSS Tutorial (Day 19 of CSS3 in 30 Days)

Create CSS only progress bars that animate. ⭐️Files you need ⭐️ 💻Animated Progress Bars Code: https://www.dropbox.com/sh/10fo07ed1d4d2x6/AAAvgjOOarwT-b6h5M7IVgSja?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

2018 Top Contributor Party in Dublin - Highlights and Interviews

KYV2lYsUCPQ | 28 Sep 2018

2018 Top Contributor Party in Dublin - Highlights and Interviews

See highlights and interviews from the 2018 Top Contributor Party in Dublin. Full article about the party: https://medium.freecodecamp.org/861da08a77e1 --- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)

WNi6kOhMDJQ | 28 Sep 2018

Useful Tooltips: CSS Tutorial (Day 18 of CSS3 in 30 Days)

Create CSS only tooltips on hover. ⭐️Files you need ⭐️ 💻Useful Tooltips Code: https://www.dropbox.com/sh/fwxt6wey4pcwwaw/AACtWH2mjtjM46POCX4B1lxaa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)

AUAbh6zti5Q | 27 Sep 2018

Pacman & Ghost Animation: CSS Tutorial (Day 17 of CSS3 in 30 Days)

Use CSS to create n animation of Pacman chomping and chasing a ghost along this container element! ⭐️Files you need ⭐️ 💻Pacman Code: https://www.dropbox.com/sh/k52690nidi673el/AAAcSxszWSiofZfX4jRaC87Aa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project Post Launch Recap with Q&A (P5D99) - Live Coding with Jesse

jAO4CXbPHMQ | 27 Sep 2018

React Project Post Launch Recap with Q&A (P5D99) - Live Coding with Jesse

Project 5 Day 99: Today we will go over the project development process, what tech was used and why, and what the next steps are. As always, beginners and questions are always welcome! See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Natural Language Processing (NLP) Tutorial with Python & NLTK

X2vAabgKiuM | 27 Sep 2018

Natural Language Processing (NLP) Tutorial with Python & NLTK

This video will provide you with a comprehensive and detailed knowledge of Natural Language Processing, popularly known as NLP. You will also learn about the different steps involved in processing the human language like Tokenization, Stemming, Lemmatization and more. Python, NLTK, & Jupyter Notebook are used to demonstrate the concepts. This tutorial was developed by Edureka. 🔗NLP Certification Training: https://goo.gl/kn2H8T 🔗Subscribe to the Edureka YouTube channel: https://www.youtube.com/user/edurekaIN 🔗Edureka Online Training: https://www.edureka.co/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Speak the Language of Application Architecture

kGYGEcdPE2U | 27 Sep 2018

How to Speak the Language of Application Architecture

How do you begin to engineer the world's best software application? As you live in an Agile world today, how do you use architecture disciplines like Kruchten 4+1, UML, TOGAF, and Zachman? What do they mean? Where do you start? In this talk, Brad Beiermann will take you on a journey through the past, present and future disciplines of being a software architect. This talk will equip you with the concepts of continuous design, and what it means to be design driven in today's fast paced development environment. 🔗Slides: https://www.slideshare.net/BradBeiermann/the-language-of-application-architecture Talk by Brad Beiermann at the July, 17, 2018 meeting of Software Craftsmanship McHenry County. Their YouTube channel: https://www.youtube.com/channel/UCgQevmRtF0f_7d3vOVAUomw This talk is under the creative commons license. freeCodeCamp is not associated with this talk but we are excited to share it with a wider audience. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Modal Window: CSS Tutorial (Day 16 of CSS3 in 30 Days)

GbWeRARcVBM | 26 Sep 2018

Modal Window: CSS Tutorial (Day 16 of CSS3 in 30 Days)

Create an accessible modal window with just CSS! ⭐️Files you need ⭐️ 💻Modal Window Code: https://www.dropbox.com/sh/jjbnerlah65ne2r/AAAzGXnAyPAXyXP5Wzb2Csdja?dl=0https://www.dropbox.com/sh/jjbnerlah65ne2r/AAAzGXnAyPAXyXP5Wzb2Csdja?dl=0https://www.dropbox.com/sh/jjbnerlah65ne2r/AAAzGXnAyPAXyXP5Wzb2Csdja?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Parcel Bundler with React

hCxvp3_o0gM | 26 Sep 2018

Using Parcel Bundler with React

Parcel is a web application bundler that offers blazing fast performance with zero configuration compared to webpack. In this video, we will create a basic React project using Parcel Bundler. Tutorial from Nick Karnik. Check out his YouTube channel: https://www.youtube.com/channel/UClCm-WAOgN6XLwCpefSVezg Nick on Twitter: https://twitter.com/theoutlander -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Get Productive with Python in Visual Studio Code

TILIcrrVABg | 26 Sep 2018

Get Productive with Python in Visual Studio Code

Learn how to use the cross-platform, free, and open source Visual Studio Code for all your Python development needs. From editing, to linting, to debugging and more, you will learn how to get started, as well as tips and tricks to save you time in your everyday development lifecycle. If you’re an experienced Python developer, you will learn how to take advantage of all of Visual Studio Code’s capabilities to maximize your productivity. If you’re a new Python developer, you will learn more about Python and how to use Visual Studio Code to get up and running quickly. We will start by showing how to create a new application, configure linting, manage virtual environments, and run code. Then we’ll show how to use more powerful features like debugging, unit testing and Visual Studio Live Share for collaborative editing and debugging with your co-workers. Finally, we’ll show how you can install additional extensions to set up your keyboard bindings, manage docker containers, deploy to the cloud, and more! Talk given by Dan Taylor at EuroPython conference 2018. Check out the conference's YouTube channel: https://www.youtube.com/channel/UC98CzaYuFNAA_gOINFB0e4Q This talk is under the creative commons license. freeCodeCamp is not associated with this talk but we are excited to share it with a wider audience. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sticky Sidebar: CSS Tutorial (Day 15 of CSS3 in 30 Days)

oWEk30VSBxU | 25 Sep 2018

Sticky Sidebar: CSS Tutorial (Day 15 of CSS3 in 30 Days)

Learn how to make a CSS Sidebar! ⭐️Files you need ⭐️ 💻Sticky Sidebar Code: https://www.dropbox.com/sh/u6piceie2zpvct9/AABLN8BsLPNgv5osYnl0uijXa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 15 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build Better and Discoverable APIs with GraphQL

A5GvnU1JxdQ | 25 Sep 2018

Build Better and Discoverable APIs with GraphQL

This talk is an introduction to GraphQL with demos and resources for getting started with the framework. Building a web Application Programming Interface (API) traditionally involves a significant amount of work: defining routes, writing functions to fetch and shape data, ensuring a consistent interface, documenting the API, and more. GraphQL, an open source alternative framework for fetching data over HTTP, seeks to reduce much of the overhead of building more traditional web APIs. All data from a web service is provided at a single endpoint, and consumers can discover data schemas to then build and run queries to get only the data they need. The result is faster and more efficient development experience in many aspects of building and consuming the data layer. Talk by Daniel Lemay at the PDX Node meetup at OSCON 2018. Thanks to PDX Node for giving us permission to share this talk. Check out their YouTube channel: https://www.youtube.com/channel/UCI8MIw5A7ALtIvNHsrYJbjg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Crash Course Tutorial

r1xBCi5SOjw | 25 Sep 2018

CSS Crash Course Tutorial

In this video we will cover everything you need to know to get up and running with CSS in just over 20 minutes. We will cover CSS syntax, how to add CSS to your HTML, CSS colors, CSS units, the box model, and best practices for CSS walking through a full example of CSS being used to style an HTML page. By the end of this video you will know enough about CSS to style any basic web pages in your own projects! Tutorial created by Web Dev Simplified. Check out their channel for more great content: https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw Twitter: https://twitter.com/DevSimplified -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sticky Header: CSS Tutorial (Day 14 of CSS3 in 30 Days)

U3Uw3rgxPTg | 24 Sep 2018

Sticky Header: CSS Tutorial (Day 14 of CSS3 in 30 Days)

Learn how to make a CSS sticky header. Create a css sticky header. ⭐️Files you need ⭐️ 💻Sticky Header Code: https://www.dropbox.com/sh/hi7euq4baeovvp9/AACHCR3nyCe7RH2Wq6oxssW4a?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 14 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Art of Web API Design

hEj61QV0wdg | 24 Sep 2018

The Art of Web API Design

Web applications don't talk with front-end and database only anymore. They increasingly often talk with each other. In order not to get crazy in this communication mess, it’s good to take a look at many aspects of creating web API. We will answer the "why", "what" and "how" questions to begin with. We will meet the three wizards: Morville, Fielding and Richardson. We will play with resources, behavior, relations, parameters, headers, collections, versioning, errors, security, throttling, cache, HATEOAS, management performance, health and business. There will be a bunch of tips on how to make consumers of our API happy. Warning: may contain traces of snakes and camels. Talk by Paweł Zajączkowski. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What is a Daily Standup? - Dev Life

iUjWjt4E6rs | 24 Sep 2018

What is a Daily Standup? - Dev Life

The Daily Stand Up (aka DSU) is a part of the Agile Software development process (and SCRUM). These meetings are a short, helpful, and necessary part of the day for many developers. A lot of new devs wonder what web developers do on a day-to-day basis. In this video, you will learn all about the Daily Stand Up meeting, which is common in many development jobs. You will also learn tips to help you through your first DSU. Video by Anissa Deanna. 🎥Anissa's YouTube channel: https://www.youtube.com/channel/UCVOKt2XgozvMSnZDZGMdetg 📷Anissa on Instagram: https://www.instagram.com/anissadeanna/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sticky Footer: CSS Tutorial (Day 13 of CSS3 in 30 Days)

RApARNfPwsA | 23 Sep 2018

Sticky Footer: CSS Tutorial (Day 13 of CSS3 in 30 Days)

Learn how to make a CSS Sticky Footer! ⭐️Files you need ⭐️ 💻Sticky Foote Code: https://www.dropbox.com/sh/qwosotrp05shm28/AAAq729kd8IPUWZPyVlgzJxRa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 13 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Top Contributors 2018 Party in Dublin for freeCodeCamp.org

8TYo9YYfKpc | 22 Sep 2018

Top Contributors 2018 Party in Dublin for freeCodeCamp.org

Congratulations to our 2018 Top Contributors! Video starts at 7pm (Local Dublin Time). Full article about the party: https://medium.freecodecamp.org/861da08a77e1 --- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Variables: CSS Tutorial (Day 12 of CSS3 in 30 Days)

tAZKZlFUDnY | 22 Sep 2018

CSS Variables: CSS Tutorial (Day 12 of CSS3 in 30 Days)

Learn about and play around with CSS variables! ⭐️Files you need ⭐️ 💻CSS Variables Code: https://www.dropbox.com/sh/yz47zb9v7rzlruv/AAAFVY-QIDuerz_nG6Mx3iFea?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 12 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon CloudWatch: Serverless Logging and Monitoring Basics

gYztmRThM9s | 21 Sep 2018

Amazon CloudWatch: Serverless Logging and Monitoring Basics

Amazon CloudWatch is a monitoring and management service built for developers, system operators, site reliability engineers (SRE), and IT managers. This video is about Serverless logging and monitoring using Amazon CloudWatch. First learn about what CloudWatch can do and then see how to set it up in your project. 🔗Check out our Serverless 101 series: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkXQS12WiLsH1oaNZBSoWuV 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Algolia Search with React (P5D98) - Live Coding with Jesse

3bOUzjik8OY | 21 Sep 2018

Using Algolia Search with React (P5D98) - Live Coding with Jesse

Project 5 Day 98: Today we are going to use Algolia to handle the search feature in out React app. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Internet Explorer Hacks: CSS Tutorial (Day 11 of CSS3 in 30 Days)

8IO7iYL8DKI | 21 Sep 2018

Internet Explorer Hacks: CSS Tutorial (Day 11 of CSS3 in 30 Days)

Ugh, yes, Internet Explorer is still a thing. Luckily, with CSS, you can bend it to your will, or just straight up give it the Vulcan Death Grip. In this tutorial, you will create IE Conditional Comments. Only IE will recognize this comment, which means you can do anything to manipulate the CSS specifically for IE! ⭐️Files you need ⭐️ 💻Internet Explorer Hacks Code: https://www.dropbox.com/sh/qp15sn3jngeun1x/AACcoyR63yTMFw9NqS93aGUCa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 11 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Become a Developer

lo4BSraYvc8 | 21 Sep 2018

How to Become a Developer

Learn about how to become a developer and how to be an outstanding junior developer. Talk by John Mosesman at the freeCodeCamp OKC meetup. Thanks to John and Techlahoma for giving us permission to share. https://johnmosesman.com/ https://twitter.com/johnmosesman Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I hacked my friend without her noticing - Operation Luigi

wTuymXD0mNE | 20 Sep 2018

How I hacked my friend without her noticing - Operation Luigi

My friend gave me permission to "hack all her stuff" and this is my story. It's about what I tried, what worked, my many flubs, and how easy it is to compromise Non Paranoid People TM. Talk given by Alex at PyCon Australia. This talk is licensed under the creative commons license. It was originally posted on the PyCon Australia channel: https://www.youtube.com/channel/UCS9sdEyduD9K83K3GkvQlOA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to use TypeScript in React

dy9gr94s6ZY | 20 Sep 2018

How to use TypeScript in React

TypeScript can be helpful to React developers in a lot of ways. Learn how to use Typescript in React. 🔗Link - create-react-app-typescript : https://github.com/wmonk/create-react-app-typescript Tutorial by Ben Awad. Check out his YouTube channel: https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pricing Table: CSS Tutorial (Day 10 of CSS3 in 30 Days)

s0SdM2o4noQ | 20 Sep 2018

Pricing Table: CSS Tutorial (Day 10 of CSS3 in 30 Days)

⭐️Files you need ⭐️ 💻Pricing Table Code: https://www.dropbox.com/sh/884c73ionx2c7mn/AAA0WuGx_gh_ohsk6ftPIzXva?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 10 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How do computers and the internet work? - Computer Science Basics

AV_VYsJnHQQ | 19 Sep 2018

How do computers and the internet work? - Computer Science Basics

Learn how computers work and how the internet works. This video explains the basics of computer hardware, software, and networks. ⭐️ Contents ⭐️ ⌨️ (00:00) The 4 basic parts of a computer ⌨️ (01:07) Computer hardware ⌨️ (01:55) Types of computers ⌨️ (03:27) Motherboard ⌨️ (05:16) Software ⌨️ (06:31) Binary code ⌨️ (07:27) Decoding a binary number ⌨️ (09:03) How to measure data size ⌨️ (11:25) Measuring data speed ⌨️ (12:53) Binary bytes ⌨️ (13:40) Data networks ⌨️ (15:21) IP addresses ⌨️ (16:35) How the internet works ⌨️ (17:58) Content delivery networks (CDN) ⌨️ (20:14) Analog vs Digital & File Compression ⌨️ (21:56) Routers and Packets Presented by Briana Marie. Follow her on Twitter: https://twitter.com/brianamarie132 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How not to become a senior developer (and what to do instead)

T6Yr7htcbk4 | 19 Sep 2018

How not to become a senior developer (and what to do instead)

Learn great tips for NOT becoming a senior developer. Talk by Ted Johansson at Junior Developers Singapore. This talk is licensed as creative commons with reuse allowed. freeCodeCamp is not associated with this talk but we are excited to share it with more people. Talk originally from the Engineers.SG channel: https://www.youtube.com/channel/UCjRZr5HQKHVKP3SZdX8y8Qw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Modern Layouts: CSS Tutorial (Day 9 of CSS3 in 30 Days)

3Zv_l8FHVs8 | 19 Sep 2018

Modern Layouts: CSS Tutorial (Day 9 of CSS3 in 30 Days)

Use CSS to create modern layouts. Make them responsive with Media Queries. ⭐️Files you need ⭐️ 💻Modern Layouts Code: https://www.dropbox.com/sh/d7lbb1qfqnbow11/AADMR3_MXtBeDdeDL0IgZ55la?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 9 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

8-Bit Mario: CSS Tutorial (Day 8 of CSS3 in 30 Days)

LjlHcmEclFE | 18 Sep 2018

8-Bit Mario: CSS Tutorial (Day 8 of CSS3 in 30 Days)

Combine CSS box shadows and absolute positioning to "draw" an 8-bit style Mario! ⭐️Files you need ⭐️ 💻8-Bit Mario Code: https://www.dropbox.com/sh/ezwjxovlmfmmgf2/AAANUHpIMU_oY9s-9CU1nFB5a?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 8 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Workers, Service Workers, and PWAs

wx4lQNGTf1s | 18 Sep 2018

Web Workers, Service Workers, and PWAs

Learn about the power of web workers, service workers, and how they enable Progressive Web Apps (PWAs). Web Workers give front-end developers the freedom to offload heavy processing tasks to separate threads. Service Workers take Web Workers even further by providing native application caching, which enables PWAs to run more efficiently and even offline! Talk by Micheal Cole at the PDX Node Meetup. Thanks to PDX Node for giving us permission to share this talk. Check out their YouTube channel: https://www.youtube.com/channel/UCI8MIw5A7ALtIvNHsrYJbjg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML Full Course - Build a Website Tutorial

pQN-pnXPaVg | 18 Sep 2018

HTML Full Course - Build a Website Tutorial

Learn the basics of HTML5 and web development in this awesome course for beginners. ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:54) Choosing a Text Editor ⌨️ (0:08:13) Creating an HTML file ⌨️ (0:20:31) Basic Tags ⌨️ (0:36:47) Comments ⌨️ (0:42:13) Style & Color ⌨️ (0:48:07) Formatting a Page ⌨️ (0:59:16) Links ⌨️ (1:07:33) Images ⌨️ (1:16:12) Videos & Youtube iFrames ⌨️ (1:23:00) Lists ⌨️ (1:28:53) Tables ⌨️ (1:37:21) Divs & Spans ⌨️ (1:44:54) Input & Forms ⌨️ (1:53:44) iFrames ⌨️ (1:57:21) Meta Tags Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter - https://twitter.com/mike_dane 🔗The Mike's website: https://www.mikedane.com/ ⭐️Other full courses by Mike Dane on our channel ⭐️ 💻Python: https://youtu.be/rfscVS0vtbw 💻C: https://youtu.be/KJgsSFOSQv0 💻C++: https://youtu.be/vLnPwxZdW4Y 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c 💻C#: https://youtu.be/GhQdlIFylQ8 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live React Coding Part 4 (P5D97) - Live Coding with Jesse

L_YzdNu0Hkc | 17 Sep 2018

Live React Coding Part 4 (P5D97) - Live Coding with Jesse

Project 5 Day 97: The website has launched! You can check it out at franciscan.edu ! Today we will work on fixing some bugs that have been reported. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Image Manipulation: CSS Tutorial (Day 7 of CSS3 in 30 Days)

6ooZfzQ9Ifo | 17 Sep 2018

Image Manipulation: CSS Tutorial (Day 7 of CSS3 in 30 Days)

Use CSS3 filters to manipulate images. ⭐️Files you need ⭐️ 💻Image Manipulation Code: https://www.dropbox.com/sh/08x7gi38q199o45/AACjC1BOU0rDJZ-IWIevZ67ga?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 7 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Component Lifecycle - Hooks / Methods Explained

m_mtV4YaI8c | 17 Sep 2018

React Component Lifecycle - Hooks / Methods Explained

React components have several lifecycle methods that you can override to run your code at a particular time in the process. In this video, we will explore all the React Component Lifecycle methods. Tutorial from Nick Karnik. Check out his YouTube channel: https://www.youtube.com/channel/UClCm-WAOgN6XLwCpefSVezg Nick on Twitter: https://twitter.com/theoutlander -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build Relationships in the Tech Community

5ovUehSEmEc | 17 Sep 2018

How to Build Relationships in the Tech Community

Learn how to build relationships in the Tech Community. Talk by Kristin Ferrier at the fCC OKC meetup. Thanks to Kristin and Techlahoma for giving us permission to share. Follow Kristin on Twitter! https://twitter.com/sqlenergy Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Print Styles: CSS Tutorial (Day 6 of CSS3 in 30 Days)

CAgLAeykOyU | 16 Sep 2018

Print Styles: CSS Tutorial (Day 6 of CSS3 in 30 Days)

You can use CSS to create a "print" stylesheet. This is a page styled to look best on paper! ⭐️Files you need ⭐️ 💻Print Styles Code: https://www.dropbox.com/sh/2y1xx3kxm1r1rpl/AAD7jb00hVefzF7xT-pC3M7Xa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 6 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Useful Broken Images: CSS Tutorial (Day 5 of CSS3 in 30 Days)

0Vkdn_dlvZE | 15 Sep 2018

Useful Broken Images: CSS Tutorial (Day 5 of CSS3 in 30 Days)

Whether it's a typo in the img tag source, or the image itself was misplaced or removed on the server - images break all the time on the web. The problem is, the browsers default way to display a broken image is really ugly. You can fix that and actually use it as an opportunity to enhance the user's experience on your web pages with CSS! That's what you will learn about in this lesson. ⭐️Files you need ⭐️ 💻Useful Broken Images Code: https://www.dropbox.com/sh/1pceu4wvrzadsgg/AACHHW3sJMJrcCI5B5eazAnga?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 5 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deep Learning for Developers

5GYr1L0wMxg | 14 Sep 2018

Deep Learning for Developers

Deep Learning has become the hottest topic in the IT industry: a week hardly goes by without a new breakthrough. In this talk, we’ll give you a tour of the state of the art: through code-level demos based on Open Source libraries like Apache MXNet or Keras, we’ll demonstrate advanced models based on CNN, GAN and LSTM architectures, which solve complex problems such as image detection, image generation and machine translation. We’ll also show how to customize models on your own data set and how to use them in your own applications. Last but not least, you’ll learn how to deploy these models in production with just a few lines of code thanks to Amazon SageMaker. Talk by Julien Simon at Devoxx Poland 2018. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sexy Registration Form: CSS Tutorial (Day 4 of CSS3 in 30 Days)

ncM5Ldt5Trs | 14 Sep 2018

Sexy Registration Form: CSS Tutorial (Day 4 of CSS3 in 30 Days)

Use CSS to style a web form into something visually attractive with a great user experience! ⭐️Files you need ⭐️ 💻Sexy Registration Form Code: https://www.dropbox.com/sh/if3eed7uuvlp4qk/AAAJiigOjaIHd7NcbclqDAGMa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 4 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Alexa Coding Quiz for JavaScript, CSS, and Computer Science

IFAmuQgjMK0 | 13 Sep 2018

Alexa Coding Quiz for JavaScript, CSS, and Computer Science

Now you can learn coding concepts hands-free using an Amazon Echo. freeCodeCamp.org contributor David Jolliffe created a quiz game with questions on JavaScript, CSS, networking, and computer science. If you have an Amazon Echo nearby, you can play the game right now by saying: "Alexa, start the free code camp quiz." The entire project, along with it's ~100 questions, is open source and on GitHub: https://github.com/freeCodeCamp/FreeCodeCampTriviaQuiz We would welcome additional questions. Open a pull request adding your new question to the codebase, or just open a GitHub issue with the question if you're in a hurry. Here's a video of me and my 11-month-old son Quentin demonstrating the Alexa skill. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MongoDB Full Tutorial w/ Node.js, Express, & Mongoose

4yqu8YF29cU | 13 Sep 2018

MongoDB Full Tutorial w/ Node.js, Express, & Mongoose

In this tutorial, we implement a basic Mongo DB with Node/Express project and fully deploy it to the Turbo staging environment. Mongo DB (the "M" in MEAN and MERN stack) is among the most dominant databases in use today. Along with MySQL and PostgreSQL, Mongo DB an industry-standard database consideration among startups and large companies alike. But unlike the other two, Mongo DB is the de-facto standard for document based databases and has exploded in popularity since its release in 2009. 💻Files: https://www.mediafire.com/folder/7lxecwj9n7heq/MongoDB_Tutorial 🔗https://www.turbo360.co/ ⭐️ Contents ⭐️ ⌨️ (00:00) 1. Installation ⌨️ (04:38) 2. Project Setup ⌨️ (10:59) 3. Profile Schema ⌨️ (21:33) 4. Seed Data ⌨️ (30:08) 5. Queries ⌨️ (37:40) 6. ID Queries ⌨️ (42:32) 7. Creating Data ⌨️ (51:27) 8. Updating Data ⌨️ (58:00) 9. Removing Data ⌨️ (1:04:05) 10. Deployment Tutorial developed by Dan Kwon from Turbo 360. Check out their YouTube channel: https://www.youtube.com/channel/UCf5CgGVs6zEq6DUtyFw9e-Q/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A Beginner's Guide to WebSockets

8ARodQ4Wlf4 | 13 Sep 2018

A Beginner's Guide to WebSockets

A gentle introduction to the web-socket protocol, how it works, it's intended usage and a number of examples where it can be used with Python and it's popular web frameworks - topped off with a rapid demonstration of the speed and ease of which it can be implemented with Python. Talk given by Dion Misic at PyCon Australia in August 2018. This talks is under the creative commons license. freeCodeCamp is not associated with this talk but we are excited to bring it to a wider audience. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Clipping Images: CSS Tutorial (Day 3 of CSS3 in 30 Days)

G6Dd8yviOt0 | 13 Sep 2018

Clipping Images: CSS Tutorial (Day 3 of CSS3 in 30 Days)

Use CSS3 to "clip" images with different shapes! ⭐️Files you need ⭐️ 💻Clipping Images Code: https://www.dropbox.com/sh/zaa948quyrxn5h7/AADVgNkM0aXsI8gLTOlcUSGFa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 3 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sexy Typography: CSS Tutorial (Day 2 of CSS3 in 30 Days)

LrZNeyK1xU8 | 12 Sep 2018

Sexy Typography: CSS Tutorial (Day 2 of CSS3 in 30 Days)

Use CSS3 to create visually attractive typography and cool text effects! ⭐️Files you need ⭐️ 💻Sexy Typography Code: https://www.dropbox.com/sh/dcpp6gi7bntuyo2/AABvqo_REODZdRRufsbsvBJHa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 2 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Web Design

FBUJYEQ7OGY | 12 Sep 2018

Intro to Web Design

An introduction to web design and UX design principles. Talk by Dodzidenu Dzakuma at the freeCodeCamp OKC meetup. Thanks to Dodzidenu and Techlahoma for giving us permission to share. Slides: https://www.slideshare.net/DodziDzakuma/dodzi-dzakuma-free-codecamp-intro-to-web-design Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Style Fancy Buttons: CSS Tutorial (Day 1 of CSS3 in 30 Days)

pmKyG3NBY_k | 11 Sep 2018

Style Fancy Buttons: CSS Tutorial (Day 1 of CSS3 in 30 Days)

Learn how to style fancy buttons using CSS in this tutorial for beginners. ⭐️Files you need ⭐️ 💻Fancy Buttons Code: https://www.dropbox.com/sh/hk6mxsmrc4pa4cq/AABgDxxRrsaganm0QVjVuTJZa?dl=0 💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0 This video works as a stand-alone tutorial but is also day 1 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU CSS3 in 30 days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create A Twitter Bot With Python

8u-zJVVVhT4 | 11 Sep 2018

Create A Twitter Bot With Python

Create a Twitter bot with Python that tweets images or status updates at a set interval. The Python script also scrapes the web for data. 💻Code: https://github.com/jg-fisher/theModelBot Tutorial created by John G. Fisher. Watch more great tutorial from John on his YouTube channel: https://www.youtube.com/channel/UCoMAKPDECRWb7GEWF1lQZMQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Designing Fantastic User Experiences With Psychology

VKRHzoz8aSQ | 11 Sep 2018

Designing Fantastic User Experiences With Psychology

Humans only have limited mental capacity and no-one is ever operating at 100%. We are all influenced by the world around us and by how our minds work. As designers we need to be able to understand this and design for it. Talk given by Joe Leech at SmashingConf SF 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A Brief History of Frontend Frameworks

Kzeog8yTFaE | 10 Sep 2018

A Brief History of Frontend Frameworks

Learn the history and evolution of web development frontend frameworks, focussing on JavaScript frameworks. Talk given by Fabian Buentello at the Houston React Meetup. Thanks to Fabian for giving us permission to post his talk. 🔗Slides: https://speakerdeck.com/initfabian/a-brief-history-of-front-end-frameworks ⭐️References ⭐️ 🔗Beginner's Guide to Front End Frameworks by Daniel Tunon - https://www.youtube.com/watch?v=GgRxeuXNLLE 🔗Marco Rogers: Finding Patterns Across Front-end Frameworks [JSConf2014] - https://www.youtube.com/watch?v=Bp3Jy177NvU 🔗A short history of Javascript frameworks: a comparison of JQuery, AngularJS and React - https://vincenttunru.com/A-short-history-of-Javascript-frameworks-a-comparison-of-JQuery-AngularJS-and-React/ 🔗Frontend Tech Talk: The Frontend Landscape Explained and 4 Advanced Frameworks - https://www.youtube.com/watch?v=5B15ymmt0oI 🔗JavaScript Timeline 1 - https://image.slidesharecdn.com/frontenddevelopmentforbackenddevelopers-devoxxuk2017-170622135824/95/front-end-development-for-back-end-developers-devoxx-uk-2017-9-1024.jpg?cb=1498139959 🔗JavaScript Timeline 2 - https://pbs.twimg.com/media/CDx_joRXIAAuxZf.png 🔗Douglas Crockford on JavaScript - Chapter 2: And Then There Was JavaScript - https://www.youtube.com/watch?v=RO1Wnu-xKoY 🔗Douglas Crockford: The History of JavaScript - https://www.youtube.com/watch?v=wWi9lPEfNHc 🔗Client-side vs. server-side rendering: why it’s not all black and white - https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d 🔗A Short History of Javascript(W3) - https://en.wikipedia.org/wiki/JavaScript#History 🔗A Short History of Javascript Frameworks - https://vincenttunru.com/A-short-history-of-Javascript-frameworks-a-comparison-of-JQuery-AngularJS-and-React/ 🔗Jon Reid - Software Paradigms & Patterns — Did We Get It All Wrong? - https://www.youtube.com/watch?v=Zum1GB3fmt0 🔗Architecture the Lost Years by Robert Martin - https://www.youtube.com/watch?v=WpkDN78P884 🔗React.js Conf 2015 Keynote - Introducing React Native - https://www.youtube.com/watch?v=KVZ-P-ZI6W4 🔗Tom Occhino and Jordan Walke: JS Apps at Facebook(React is born) - https://www.youtube.com/watch?v=GW0rj4sNH2w 🔗Hacker Way: Rethinking Web App Development at Facebook - https://www.youtube.com/watch?v=nYkdrAPrdcw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Redux tutorial in 5 minutes

oD3miHerQbY | 10 Sep 2018

Full Redux tutorial in 5 minutes

Learn to build a to-do app using Redux in just 5 minutes. Code here: https://codepen.io/VimGirl/pen/eGajxX Video by Maricris Bonzo (aka Vim Girl). Check out her YouTube channel: https://www.youtube.com/watch?v=_FJLMQi9Xd4 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native - Intro Course for Beginners

frvXANSaSec | 07 Sep 2018

React Native - Intro Course for Beginners

React Native allows you to use JavaScript to write apps that run natively on Android, iOS, and Blackberry. This full introductory course will teach you the basics of React Native and help you create your first React Native app. The codedamn platform allows you to learn more content like this for absolutely free: https://codedamn.com ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:02:54) Setting up React Native ⌨️ (0:17:10) File Structure ⌨️ (0:21:12) Hello World ⌨️ (0:26:38) Hello World Explained ⌨️ (0:32:17) Props ⌨️ (0:36:47) State ⌨️ (0:44:32) Stylesheets and Flexbox Layouts ⌨️ (0:54:55) Getting user text ⌨️ (1:06:45) Uncontrolled vs. controlled components ⌨️ (1:15:28) Creating a Calculator - Part 1 ⌨️ (1:22:18) Creating a Calculator - Part 2 ⌨️ (1:30:13) Creating a Calculator - Part 3 ⌨️ (1:39:57) Creating a Calculator - Part 4 ⌨️ (1:52:36) Creating a Calculator - Part 5 ⌨️ (2:00:41) Creating a Calculator - Part 6 ⌨️ (2:08:18) Creating a Calculator - Part 7 ⌨️ (2:11:32) Finishing the Calculator!! Tutorial from codedamn. Check out the codedamn channel for more great tutorials: https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Win your coding interview - The fearless interview

i1gHZ6QPOoA | 07 Sep 2018

Win your coding interview - The fearless interview

Get a map to getting the job you want and eliminate fear in your journey. Ryan LaBouve gives tips and tricks for interviewing. Original talk title: "The fearless interview" Follow Ryan on Twitter! https://twitter.com/ryanlabouve Talk by Ryan LaBouve at the fCC OKC meetup. Thanks to Ryan and Techlahoma for giving us permission to share. Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live React Coding Part 3 (P5D96) - Live Coding with Jesse

9BdHOw7hvts | 06 Sep 2018

Live React Coding Part 3 (P5D96) - Live Coding with Jesse

Project 5 Day 96: I am still not sure exactly what we are going to work on today, but I am pretty sure it will have something to do with ReactJS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build a RESTful API using Node, Express, and Mongo

o3ka5fYysBM | 06 Sep 2018

How to Build a RESTful API using Node, Express, and Mongo

A REST API is an integral component of a web application. You don't need to be an expert backend developer to make your own. In this workshop, we will walk through the basic building blocks of creating your own REST API using Node.js, Express, and MongoDB. 🔗Slide Deck: https://docs.google.com/presentation/d/1VSlo9JEsoVjNNH4DqOJtSWInKIis5p39lmHvAcLifSw 🔗Github Repo: https://github.com/theoutlander/rest-api-workshop Tutorial from Nick Karnik. Check out his YouTube channel: https://www.youtube.com/channel/UClCm-WAOgN6XLwCpefSVezg Nick on Twitter: https://twitter.com/theoutlander This video was originally a live stream. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Development environment for web developers using VS Code and iTerm

K8tsFn9HbAQ | 06 Sep 2018

Development environment for web developers using VS Code and iTerm

Learn about the development environment used by a professional web developer. He points out the advantages of the setup for his work and gives an introduction to the products he uses. Then he shows a demonstration of his workflow. 🔗Favorite Visual Studio Code Extensions Article: https://medium.freecodecamp.org/favorite-vs-code-extensions-2017-786ea235812f Talk by Daniel Deutsch at the freeCodeCamp Vienna meetup. 🐦Daniel on Twitter: https://twitter.com/_createdd Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C# Tutorial - Full Course for Beginners

GhQdlIFylQ8 | 06 Sep 2018

C# Tutorial - Full Course for Beginners

This course will give you a full introduction into all of the core concepts in C# (aka C Sharp). Follow along with the course and you'll be a C# programmer in no time! ⭐️ Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:18) Installation & Setup ⌨️ (0:05:03) Drawing a Shape ⌨️ (0:17:23) Variables ⌨️ (0:30:06) Data Types ⌨️ (0:37:17) Working With Strings ⌨️ (0:49:34) Working With Numbers ⌨️ (1:00:01) Getting User Input ⌨️ (1:07:38) Building a Calculator ⌨️ (1:15:26) Building a Mad Lib ⌨️ (1:21:15) Arrays ⌨️ (1:29:49) Methods ⌨️ (1:40:29) Return Statement ⌨️ (1:46:06) If Statements ⌨️ (2:01:37) If Statements (con't) ⌨️ (2:10:21) Building a Better Calculator ⌨️ (2:17:22) Switch Statements ⌨️ (2:25:31) While Loops ⌨️ (2:34:22) Building a Guessing Game ⌨️ (2:48:49) For Loops ⌨️ (2:58:45) Building an Exponent Method ⌨️ (3:05:31) 2d Arrays ⌨️ (3:09:46) Comments ⌨️ (3:13:53) Exception Handling ⌨️ (3:24:34) Classes & Objects ⌨️ (3:37:39) Constructors ⌨️ (3:47:48) Object Methods ⌨️ (3:54:59) Getters & Setters ⌨️ (4:06:49) Static Class Attributes ⌨️ (4:14:45) Static Methods & Classes ⌨️ (4:20:55) Inheritance Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter - https://twitter.com/GiraffeAcademy 🔗The Mike's website: http://www.giraffeacademy.com/ ⭐️Other full courses by Mike Dane on our channel ⭐️ 💻C: https://youtu.be/KJgsSFOSQv0 💻C++: https://youtu.be/vLnPwxZdW4Y 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c 💻C#: https://youtu.be/GhQdlIFylQ8

Elasticsearch Tutorial for Beginners

DR-zJXxtefE | 05 Sep 2018

Elasticsearch Tutorial for Beginners

Elasticsearch is an open-source, enterprise-grade search engine. Learn more about Elasticsearch and how you can start using it in your Node.js applications. 🔗Code example - https://github.com/soshace/elastic-search-example 🔗Elastic Search Client - https://www.npmjs.com/package/elasticsearch 🔗Elastic Search Intro - https://www.elastic.co/guide/en/kibana/current/introduction.html Video created by the Soshace company - https://soshace.com Check out their YouTube channel - https://www.youtube.com/channel/UCfsRJLF3BrA-xCFlYCGR7EA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Why You Don't Need jQuery Anymore

RdRMNT-98Oo | 05 Sep 2018

Why You Don't Need jQuery Anymore

jQuery was a wonderful tool that paved over the irregularities of browsers and offered a simple interface for making very powerful applications. Today with evergreen browsers and modern JavaScript, we no longer need this crutch. Let’s look at our favorite jQuery techniques like $.ajax() and $(…).click() and $(…).addClass() and compare this to the code we’d write in modern JavaScript. Sprinkled in are great ES6 techniques like rest and spread, promises and fetch. Challenge yourself on your next project to see if you can run in a post-jQuery world. NOTE: You still might want to learn jQuery because many companies still use it. If you want to learn jQuery, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkyK9woUZUtunToLtNGoQHB 🔗View this slides here: https://robrich.org/slides/post-jquery/ Talk given by Rob Richardson at the JavaScriptLA meetup. Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Day in the life of a PayPal software engineer

woufKp6HPXI | 04 Sep 2018

Day in the life of a PayPal software engineer

Learn what it is like to work at PayPal in this day in the life of a software engineer. Shruti Kapoor shares what she does in a normal day. The PayPal office shown is in San Jose, California. Also, PayPal is hiring! 🐦Shurti on Twitter: https://twitter.com/shrutikapoor08 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Structures and Algorithms in JavaScript - Full Course for Beginners

t2CEgPsws3U | 04 Sep 2018

Data Structures and Algorithms in JavaScript - Full Course for Beginners

Learn common data structures and algorithms in this tutorial course. You will learn the theory behind them, as well as how to program them in JavaScript. ⭐️ Contents (link to code after title) ⭐️ ⌨️ Stacks (00:21) https://codepen.io/beaucarnes/pen/yMBGbR?editors=0012 ⌨️ Sets (09:03) https://codepen.io/beaucarnes/pen/dvGeeq?editors=0012 ⌨️ Queues & Priority Queues (19:24) https://codepen.io/beaucarnes/pen/QpaQRG?editors=0012 ⌨️ Binary Search Tree (26:03) https://codepen.io/beaucarnes/pen/ryKvEQ?editors=0011 ⌨️ Binary Search Tree: Traversal & Height (39:34) https://codepen.io/beaucarnes/pen/ryKvEQ?editors=0011 ⌨️ Hash Tables (53:19) https://codepen.io/beaucarnes/pen/VbYGMb?editors=0012 ⌨️ Linked List (1:03:04) https://codepen.io/beaucarnes/pen/ybOvBq?editors=0011 ⌨️ Trie (1:14:59) https://codepen.io/beaucarnes/pen/mmBNBd?editors=0011 ⌨️ Heap (max and min) (1:27:29) https://codepen.io/beaucarnes/pen/JNvENQ?editors=0010 🔗 Heap visualization: https://www.cs.usfca.edu/~galles/visualization/Heap.html ⌨️ Graphs: adjacency list, adjacency matrix, incidence matrix (1:42:07) ⌨️ Graphs: breadth-first search (1:46:45) https://codepen.io/beaucarnes/pen/XgrXvw?editors=0012 📄Data structures article by Beau Carnes: https://medium.freecodecamp.org/10-common-data-structures-explained-with-videos-exercises-aaff6c06fb2b 🐦Follow creator Beau Carnes on Twitter: https://twitter.com/carnesbeau 🔗Beau also made this Algorithms course from Manning Publications: https://www.manning.com/livevideo/algorithms-in-motion?a_aid=algmotion&a_bid=9022d293 (Promo code: 39carnes) 🎥And if you like robots and toys, check out Beau's other YouTube channel: https://www.youtube.com/robotfamily -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Becoming a Better Programmer, Without Actually Programming

VK-iv4WuXeE | 04 Sep 2018

Becoming a Better Programmer, Without Actually Programming

One thing important to becoming a better programmer is immersion. Ryan Johnson explains that it is the invisible step to becoming a great developer. Talk by Ryan Johnson at the OKC# meetup. Thanks to Ryan and Techlahoma for giving us permission to share. Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Markdown Previewer with Vue.js

GkvMEYvXMyk | 03 Sep 2018

Build a Markdown Previewer with Vue.js

Learn how to build a markdown previewer with Vue.js in this tutorial for beginners. 🐦 Cody Siebert on Twitter: https://twitter.com/CodyLSeibert 🖥️ Code: sorry, I lost my code files and forgot to commit them to github... THIS IS WHY YOU COMMIT OFTEN! 🔗Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Taking Javascript to the Edge Devices

2e5p7LT3eaE | 03 Sep 2018

Taking Javascript to the Edge Devices

Smart devices today are very similar to labour-saving gadgets a generation ago: Where previously everything got a power cord, now everything gets a chip. Thanks to modern solutions and hardware like the Raspberry Pi and solutions like Resin.io removing the difficult and expensive parts of creating physical devices, this is no longer the purvue of specialized embedded developers, and allows anyone who can code in Javascript or pretty much every other language to become part of this massive new wave of innovation. Talk by Cameron Diver at the JS Monthly London July meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting Started with Freelancing (web development and design)

0M7SaSsGCMQ | 31 Aug 2018

Getting Started with Freelancing (web development and design)

Learn how to get started with web development and design freelancing from an experienced freelancer. Talk by Cara Bell at the freeCodeCamp OKC meetup. Thanks to Cara and Techlahoma for giving us permission to share. Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ Check out Cara Bell's freelancing company: https://www.steedokc.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Database Design Course - Learn how to design and plan a database for beginners

ztHopE5Wnpc | 31 Aug 2018

Database Design Course - Learn how to design and plan a database for beginners

This database design course will help you understand database concepts and give you a deeper grasp of database design. Database design is the organisation of data according to a database model. The designer determines what data must be stored and how the data elements interrelate. With this information, they can begin to fit the data to the database model. Learn more about this course on Caleb Curry's website: https://www.calebcurry.com/freecodecamp-database-design-full-course/ ⭐️ Contents ⭐ ⌨️ (0:00:00) Introduction ⌨️ (0:03:12) What is a Database? ⌨️ (0:11:04) What is a Relational Database? ⌨️ (0:23:42) RDBMS ⌨️ (0:37:32) Introduction to SQL ⌨️ (0:44:01) Naming Conventions ⌨️ (0:47:16) What is Database Design? ⌨️ (1:00:26) Data Integrity ⌨️ (1:13:28) Database Terms ⌨️ (1:28:28) More Database Terms ⌨️ (1:38:46) Atomic Values ⌨️ (1:44:25) Relationships ⌨️ (1:50:35) One-to-One Relationships ⌨️ (1:53:45) One-to-Many Relationships ⌨️ (1:57:50) Many-to-Many Relationships ⌨️ (2:02:24) Designing One-to-One Relationships ⌨️ (2:13:40) Designing One-to-Many Relationships ⌨️ (2:23:50) Parent Tables and Child Tables ⌨️ (2:30:42) Designing Many-to-Many Relationships ⌨️ (2:46:23) Summary of Relationships ⌨️ (2:54:42) Introduction to Keys ⌨️ (3:07:24) Primary Key Index ⌨️ (3:13:42) Look up Table ⌨️ (3:30:19) Superkey and Candidate Key ⌨️ (3:48:59) Primary Key and Alternate Key ⌨️ (3:56:34) Surrogate Key and Natural Key ⌨️ (4:03:43) Should I use Surrogate Keys or Natural Keys? ⌨️ (4:13:07) Foreign Key ⌨️ (4:25:15) NOT NULL Foreign Key ⌨️ (4:38:17) Foreign Key Constraints ⌨️ (4:49:50) Simple Key, Composite Key, Compound Key ⌨️ (5:01:54) Review and Key Points....HA GET IT? KEY points! ⌨️ (5:10:28) Introduction to Entity Relationship Modeling ⌨️ (5:17:34) Cardinality ⌨️ (5:24:41) Modality ⌨️ (5:35:14) Introduction to Database Normalization ⌨️ (5:39:48) 1NF (First Normal Form of Database Normalization) ⌨️ (5:46:34) 2NF (Second Normal Form of Database Normalization) ⌨️ (5:55:00) 3NF (Third Normal Form of Database Normalization) ⌨️ (6:01:12) Indexes (Clustered, Nonclustered, Composite Index) ⌨️ (6:14:36) Data Types ⌨️ (6:25:55) Introduction to Joins ⌨️ (6:39:23) Inner Join ⌨️ (6:54:48) Inner Join on 3 Tables ⌨️ (7:07:41) Inner Join on 3 Tables (Example) ⌨️ (7:23:53) Introduction to Outer Joins ⌨️ (7:29:46) Right Outer Join ⌨️ (7:35:33) JOIN with NOT NULL Columns ⌨️ (7:42:40) Outer Join Across 3 Tables ⌨️ (7:48:24) Alias ⌨️ (7:52:13) Self Join 🎥Course developed by Caleb Curry. Check out his YouTube channel: https://www.youtube.com/user/CalebTheVideoMaker2 🐦Follow Caleb on Twitter: https://twitter.com/calebcurry -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

GitHub Basics Tutorial - How to Use GitHub

x0EYpi38Yp4 | 30 Aug 2018

GitHub Basics Tutorial - How to Use GitHub

Learn the basics of how to use GitHub. This video covers: ⌨️ (00:00) Part 1: Creating a new repository and adding files. ⌨️ (15:21) Part 2: What branches are and how to create them. ⌨️ (23:12) Part 3: Making, reviewing, and merging pull requests. This tutorial was created by Tiffany Thompson. Check out her YouTube channel: https://www.youtube.com/Tiffalwaysfly -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Algorithms of CSS

bJoafCX9iic | 30 Aug 2018

The Algorithms of CSS

“CSS isn’t a ‘real’ programming language,” we are often reminded — we don’t ‘program’ in CSS, we describe presentation. Algorithms and CSS, then, don’t exactly go hand-in-hand…or do they? Could CSS be a programming language? Talk by Lara Schenck at the js.la July 2018 meetup. Thanks to js.la for letting us share this talk! Check out their channel for more great talks: https://www.youtube.com/channel/UCQc3xx7JEV_gcXjq0SmlCiQ Check out https://js.la/ for more info about the group that hosted this talk. They are always looking for more speakers of all skill levels. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live React Coding Part 2 (P5D95) - Live Coding with Jesse

R79pwraLwsY | 30 Aug 2018

Live React Coding Part 2 (P5D95) - Live Coding with Jesse

Project 5 Day 95: I am still not sure exactly what we are going to work on today, but I am pretty sure it will have something to do with ReactJS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Cost Of JavaScript

AQe1INHTlkc | 29 Aug 2018

The Cost Of JavaScript

As the world build sites that are more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. Addy Osmani explains how and why JavaScript is the most expensive resource your site uses today—especially on mobile. Addy also shares tips for fixing JavaScript performance issues so everything loads quicker. A little discipline can help if you want your site to load and be interactive as soon as possible on mobile. Presented by Addy Osmani at Fluent Conf 2018 in San Jose. This talk is distributed under the Creative Commons license. freeCodeCamp is not associated with this talk but we are excited to bring it to a wider audience. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Use Vim - Tutorial

g-XsXEsd6xA | 29 Aug 2018

How to Use Vim - Tutorial

Introduction to Vim. Learn how to Insert, Navigate, Search and Exit Vim. 🔗Vim Commands Document: https://docs.google.com/document/d/1San2OZ3jodDSFeJXPFfWtUUA19ub42RNqgnfBkSQKGw/edit?usp=sharing Video by Maricris Bonzo (aka Vim Girl). Check out her YouTube channel: https://www.youtube.com/watch?v=_FJLMQi9Xd4 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full stack Python Flask tutorial - Build a social network

-FWuNnCe73g | 28 Aug 2018

Full stack Python Flask tutorial - Build a social network

Learn how to build a basic social platform with the Python Flask web framework. In this video we review how to create a database, pull data in and out of that database, create a web server with python, and use python HTML templating to render a page for the user! Tutorial created by John G. Fisher. Watch more great tutorial from John on his YouTube channel: https://www.youtube.com/channel/UCoMAKPDECRWb7GEWF1lQZMQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to GitHub Pages

COxGHDYV4aY | 27 Aug 2018

Intro to GitHub Pages

Get introduced to GitHub Pages! Joe will walk you through how to set up an account and give us a tour of GitHub's interface: creating repositories, adding files, branching, and GitHub pages. As a bonus, we'll also get a taste of Jekyll and Hugo and (saaay whaaat?!) play Wolfenstein 3D. Talk by Joe Matthews at the freeCodeCamp OKC meetup. Thanks to Joe and Techlahoma for giving us permission to share. -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C++ Tutorial for Beginners - Full Course

vLnPwxZdW4Y | 24 Aug 2018

C++ Tutorial for Beginners - Full Course

This course will give you a full introduction into all of the core concepts in C++. Follow along with the videos and you'll be a C++ programmer in no time! ⭐️ Contents ⭐ ⌨️ (0:00:00) Introduction ⌨️ (0:01:38) Windows Installation ⌨️ (0:04:54) Mac Installation ⌨️ (0:08:44) Setup & Hello World ⌨️ (0:12:29) Drawing a Shape ⌨️ (0:19:55) Variables ⌨️ (0:31:43) Data Types ⌨️ (0:39:15) Working With Strings ⌨️ (0:49:00) Working With Numbers ⌨️ (0:59:41) Getting User Input ⌨️ (1:05:32) Building a Calculator ⌨️ (1:09:28) Building a Mad Libs ⌨️ (1:13:45) Arrays ⌨️ (1:20:03) Functions ⌨️ (1:29:47) Return Statement ⌨️ (1:35:22) If Statements ⌨️ (1:47:15) If Statements (con't) ⌨️ (1:55:58) Building a Better Calculator ⌨️ (2:02:20) Switch Statements ⌨️ (2:10:47) While Loops ⌨️ (2:18:53) Building a Guessing Game ⌨️ (2:29:18) For Loops ⌨️ (2:38:32) Exponent Function ⌨️ (2:45:21) 2d Arrays & Nested Loops ⌨️ (2:54:55) Comments ⌨️ (2:59:11) Pointers ⌨️ (3:13:26) Classes & Objects ⌨️ (3:25:40) Constructor Functions ⌨️ (3:34:41) Object Functions ⌨️ (3:41:43) Getters & Setters ⌨️ (3:54:04) Inheritance Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter: https://twitter.com/GiraffeAcademy 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ ⭐️Other full courses by Giraffe Academy on our channel ⭐️ 💻C: https://youtu.be/KJgsSFOSQv0 💻Python: https://youtu.be/rfscVS0vtbw 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Create a Portfolio Website

Eps1paAaLC8 | 24 Aug 2018

How to Create a Portfolio Website

Learn how to create a portfolio website. Portfolios are often essential when looking for a job. Talk by Stewart Hines at the freeCodeCamp OKC meetup. Thanks to Stewart and Techlahoma for giving us permission to share. Follow Techlahoma's YouTube channel at: https://www.youtube.com/channel/UCnLf0pfqIpSfKuPZ0e9iiNQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SVG Filters Crash Course

n7y0y_8zTo4 | 23 Aug 2018

SVG Filters Crash Course

When it comes to graphical effects on the Web, CSS has already come a long way in the last few years, with the introduction of CSS filters and blend modes a few years back. However, when compared to effects available in graphics editors such as Photoshop and the likes, CSS is still behind, by far. But SVG, on the other hand, is not that far behind. SVG comes with a set of filter primitives that enable you to recreate Photoshop-grade effects in the browser, using a few lines of code. While the syntax and attributes of these filters may seem intimidating and not very friendly at first, once you get a grasp of how they work, you’ll have a very powerful tool in your arsenal, that allows you to push the boundaries of what is possible on the Web. In this talk, Sara is going to give you a crash course on SVG filters — why they are awesome, how they work, and examples of powerful effects you can create with them, in an friendly, easy-to-follow approach. Brace yourself, and get ready to set your imagination free and expand your creativity for what’s possible on the Web today. -- This talk was given at the beyond tellerrand 2018 conference by Sara Soueidan. Checkout the beyond tellerrand channel for more great talks: https://www.youtube.com/channel/UCTmgiUv2MGSFy7Wt-cMDpOw This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! Information about beyond tellerrand: https://beyondtellerrand.com/ https://twitter.com/btconf -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Tree Browser with Vue.js

C1U-KuLmtbs | 23 Aug 2018

Build a Tree Browser with Vue.js

Learn how to build a tree browser component with Vue in this video. 🐦 Cody Siebert on Twitter: https://twitter.com/CodyLSeibert 🖥️ Code: https://github.com/codyseibert/vue-tree-browser 🔗Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live React Coding (P5D94) - Live Coding with Jesse

KGmAWtqZEZA | 23 Aug 2018

Live React Coding (P5D94) - Live Coding with Jesse

Project 5 Day 94: I am not sure exactly what we are going to work on today, but I am pretty sure it will have something to do with ReactJS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

2018 Top Contributor Party in New York City - Highlights and Interviews

u_4ZhwZmtes | 22 Aug 2018

2018 Top Contributor Party in New York City - Highlights and Interviews

See highlights and interviews from the 2018 Top Contributor Party in New York City. Full article about the party: https://medium.freecodecamp.org/861da08a77e1 --- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React, Node, and the Salesforce API Part 2 (P5D93) - Live Coding with Jesse

_WXClcG5NXA | 22 Aug 2018

React, Node, and the Salesforce API Part 2 (P5D93) - Live Coding with Jesse

Project 5 Day 93: Today we will use the Salesforce API to create records with a ReactJS form and NodeJS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Chat App - React Tutorial Course

jFNHerJqvFw | 21 Aug 2018

Build a Chat App - React Tutorial Course

Chat is eating the world and React is eating front-end development, so why not learn React through building a chat app? That's exactly what this course will enable you to do: at the end of it you'll both have a solid understanding of React.js and your very own personalized chat application. The chat will be built using the Chatkit API, meaning you don't have worry about doing any back-end coding. 🔗Check the interactive version of this course on Scrimba: https://scrimba.com/g/greactchatkit ⭐️ Course Contents ⭐️ ⌨️ 0:00 —1. Course Introduction ⌨️ 2:42 —2. Component Architecture ⌨️ 5:05 —3. Codebase Architecture ⌨️ 10:30 —4. MessageList Component ⌨️ 15:13 —5. Intro to Chatkit ⌨️ 16:34 —6. Connecting to Chatkit ⌨️ 24:54 —7. State and Props ⌨️ 32:22 —8. Message Component ⌨️ 37:02 —9. SendMessageForm Component ⌨️ 44:19 —10. Broadcasting Messages ⌨️ 49:36 —11. RoomList Component ⌨️ 53:50 —12. Subscribe to Rooms ⌨️ 1:01:41 —13. Order and Highlight Rooms ⌨️ 1:05:44 —14. Adding Autoscroll ⌨️ 1:11:39 —15. NewRoomForm Component ⌨️ 1:20:39 —16. Creating your own Chat App ⌨️ 1:23:37 —17. CSS Grid ⌨️ 1:29:05 —18. CSS Variables ⌨️ 1:32:02 —19. Outro 🐦You can follow the course creator Per Harald Borgen on Twitter here: https://twitter.com/perborgen -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Logic for Programmers: Set Theory

d-PZ78KDeag | 20 Aug 2018

Logic for Programmers: Set Theory

Logic is the foundation of all computer programming. In this video you will learn about set theory. 🔗Homework: http://www.codingcommanders.com/logic.php 🎥Logic for Programmers Playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmqk3-E3MPFVoWMufdbR4qW 🔗Check out the Coding Commanders YouTube channel: https://www.youtube.com/codingcommanders 🐦Commander Candy on Twitter: https://twitter.com/codingCommander -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Top Contributors 2018 Party in New York City for freeCodeCamp.org

7NPYwWTjmKs | 18 Aug 2018

Top Contributors 2018 Party in New York City for freeCodeCamp.org

Congratulations to our 2018 Top Contributors! Video starts at 12:05. Full article about the party: https://medium.freecodecamp.org/861da08a77e1 --- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ASP.NET Core 2.0 Gallery App with Azure - Tutorial

QsmXlGCtjUk | 17 Aug 2018

ASP.NET Core 2.0 Gallery App with Azure - Tutorial

This tutorial shows how to build an ASP.NET Core 2.0 MVC web app image gallery. Images are hosted using Azure blob storage. Tutorial from Wes Doyle. Check out his channel for more great tutorials: https://www.youtube.com/channel/UCfniixfhHqpIGbU7z2JCNJw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Five Ws of Atomic Design

q7b1W47Fbng | 16 Aug 2018

The Five Ws of Atomic Design

This talk introduces the basic concepts of atomic design and will help you understand and know more about who invented it, what atomic design is, where and when it should be implemented and why. Talk by Riccardo Erra at the JS Roundabout meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

C Programming Tutorial for Beginners

KJgsSFOSQv0 | 15 Aug 2018

C Programming Tutorial for Beginners

This course will give you a full introduction into all of the core concepts in the C programming language. Follow along with the tutorial video and you'll be a C programmer in no time! ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:22) Windows Setup ⌨️ (0:05:02) Mac Setup ⌨️ (0:09:04) Hello World ⌨️ (0:12:51) Drawing a Shape ⌨️ (0:20:56) Variables ⌨️ (0:32:25) Data Types ⌨️ (0:38:32) Printf ⌨️ (0:45:22) Working With Numbers ⌨️ (0:52:20) Comments ⌨️ (0:56:00) Constants ⌨️ (1:00:13) Getting User Input ⌨️ (1:12:08) Building a Basic Calculator ⌨️ (1:17:43) Building a Mad Libs Game ⌨️ (1:26:29) Arrays ⌨️ (1:36:44) Functions ⌨️ (1:45:37) Return Statement ⌨️ (1:53:21) If Statements ⌨️ (2:07:11) Building a Better Calculator ⌨️ (2:14:51) Switch Statements ⌨️ (2:21:27) Structs ⌨️ (2:29:43) While Loops ⌨️ (2:37:48) Building a Guessing Game ⌨️ (2:50:11) For Loops ⌨️ (2:59:05) 2D Arrays & Nested Loops ⌨️ (3:09:10) Memory Addresses ⌨️ (3:17:20) Pointers ⌨️ (3:27:41) Dereferencing Pointers ⌨️ (3:32:37) Writing Files ⌨️ (3:41:52) Reading Files Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter: https://twitter.com/GiraffeAcademy 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ ⭐️Other full courses by Giraffe Academy on our channel ⭐️ 💻Python: https://youtu.be/rfscVS0vtbw 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Answering tricky JavaScript interview questions

jh86NGG9jdE | 14 Aug 2018

Answering tricky JavaScript interview questions

We all work in our respective silos when writing JavaScript, be it a framework or library. After a few years working as a Front-end dev, I looked at a list of "JS interview" questions and realized that I couldn't answer many of them (at least not well). So I set out on a long, somewhat lonesome journey of JS discovery, and am pleased to share my findings with you, in the form of a talk. Regardless of how you feel about getting asked random questions meant to trick you up in an interview (you should be appalled), my talk will cover some basic JS subtleties, and hopefully fill in some knowledge gaps w/r/t: - Hoisting and variable scope - Expressions v. statements - Undeclared v. undefined v. null - Equality comparisons - How to properly walk out if an interviewer asks you to do fizz buzz This talk was given at Nodevember 2016 by Russell Anderson. Checkout the Nodevember channel for more great talks: https://www.youtube.com/channel/UC7z0nOE8ITfrGnXJgNzYaEQ This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

S3 Operations with AWS Lambda

GEizappc_WI | 14 Aug 2018

S3 Operations with AWS Lambda

Learn how to read and save a file into an S3 bucket using AWS-SDK from an AWS Lambda. We will create the bucket from the serverless.yml using cloudformation. Then, we will perform operations onto the stored files and save them back. 💻Code: https://github.com/mavi888/serverless-s3-operations 🔗Serverless 101 series: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkXQS12WiLsH1oaNZBSoWuV 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Shapes & Friends: upgrade your page layouts

87vmgaIFEHE | 13 Aug 2018

CSS Shapes & Friends: upgrade your page layouts

Web design is getting boring. Learn some cool new ways CSS can help you stand out such as CSS shapes. This talk was given at JSOxford July 2018 by Nicky Thompson. Checkout the JSOxford channel for more great talks: https://www.youtube.com/channel/UCjXR8G5M-iwkHVF26AFFsCQ This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Memory Card Game - JavaScript Tutorial

ZniVgo8U7ek | 13 Aug 2018

Memory Card Game - JavaScript Tutorial

Learn the fundamentals of pure javascript by building a memory card game. No frameworks or libraries, just vanilla JavaScript. This video will cover how to: ‣ select elements in the DOM with querySelector ‣ iterate through lists with forEach ‣ add/remove an element class ‣ add/remove event listeners ‣ timeout ‣ html5: data-attribute ‣ css3: positioning, flexbox, perspective, backface-visibility, transitions 🔗Demo: https://marina-ferreira.github.io/memory-game/ 💻Repo: https://github.com/code-sketch/memory-game/ 💻Finished files: https://marina-ferreira.github.io/projects/js/memory-game/ ⭐️ Course Contents ⭐️ ⌨️ (00:00) Intro ⌨️ (00:47) Basic Structure / Create the Project ⌨️ (03:53) Board HTML ⌨️ (07:13) Board Styles ⌨️ (12:41) Flip Card ⌨️ (15:53) 3d Effect / CSS3 Perspective ⌨️ (18:25) Store Cards ⌨️ (22:37) Match Cards ⌨️ (25:12) Refactoring ⌨️ (27:27) Lock Board ⌨️ (28:53) Card Double Click ⌨️ (31:04) Shuffling 🎥Tutorial by Code Sketch. Check out the Code Sketch channel for more great tutorials: https://www.youtube.com/channel/UCHFmShpjG-8N52O0JD2ut3A/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React, Node, and the Salesforce API (P5D92) - Live Coding with Jesse

UI0f34Chsvk | 13 Aug 2018

React, Node, and the Salesforce API (P5D92) - Live Coding with Jesse

Project 5 Day 92: Today we will attempt to use the Salesforce API to create records with a ReactJS form and NodeJS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pug Template Engine - Full Tutorial for Beginners

kt3cEjjkCZA | 09 Aug 2018

Pug Template Engine - Full Tutorial for Beginners

Pug (formally known as Jade) is an HTML preprocessor implemented in Node.js. It allows you to render HTML with powerful features such as loops, templates, mixins and native JavaScript logic + support. Learn how to use Pug in this complete course. 🔗For your reference, check this out: https://pugjs.org/api/getting-started.html ⭐️ Course Contents ⭐️ ⌨️ (0:00) 1. Getting Started | HTML + NodeJS ⌨️ (4:29) 2. The Basics (Doctypes + HTML Tags) ⌨️ (10:32) 3. IDs and Classes ⌨️ (14:23) 4. Attributes (and Advanced Attribute Features) ⌨️ (24:12) 5. Using CSS (Stylesheets) ⌨️ (30:33) 6. For/Each Loop - Iterate over Arrays and Objects ⌨️ (38:15) 7. Conditionals | If/Else Statements ⌨️ (45:25) 8. Case Statement | Switch Statement ⌨️ (50:20) 9. Includes Statement | Including other Pug files ⌨️ (55:37) 10. Mixins | Reusable blocks of code 🎥Tutorial by dcode. Check out the dcode channel for more great tutorials: https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g 🐦dcode on Twitter: @ dcodeyt -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Dangers of Being a Web Developer

l4sTSu9jst4 | 09 Aug 2018

The Dangers of Being a Web Developer

Web development is an amazing field—easy to get into, straight forward to grow skills, great to build a reputation. The sky is the limit. It turns out, being a web developer is not all roses: on great opportunities that lead to obscure problems that ask for humble solutions. Talk by Jens Oliver Meiert at the beyond tellerrand conference. Information about beyond tellerrand: 🔗https://beyondtellerrand.com/ 🔗https://twitter.com/btconf This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Routing, Props, and Inputs (P5D91) - Live Coding with Jesse

5UL-FdqRKEY | 08 Aug 2018

React Routing, Props, and Inputs (P5D91) - Live Coding with Jesse

Project 5 Day 91: Today we will add the ability for search from the app bar or side drawer inputs. We will need to navigate to the search page and automatically make an api call to search with the value from the input. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Java 8 - Full Tutorial for Beginners

grEKMHGYyns | 08 Aug 2018

Learn Java 8 - Full Tutorial for Beginners

Learn Java 8 and object oriented programming with this complete Java course for beginners. ⭐️Contents ⭐️ ⌨️ (0:00:00) 1 - Basic Java keywords explained ⌨️ (0:21:59) 2 - Basic Java keywords explained - Coding Session ⌨️ (0:35:45) 3 - Basic Java keywords explained - Debriefing ⌨️ (0:43:41) 4 - Packages, import statements, instance members, default constructor ⌨️ (0:59:01) 5 - Access and non-access modifiers ⌨️ (1:11:59) 6 - Tools: IntelliJ Idea, Junit, Maven ⌨️ (1:22:53) 7 - If/else statements and booleans ⌨️ (1:42:20) 8 - Loops: for, while and do while loop ⌨️ (1:56:57) 9 - For each loop and arrays ⌨️ (2:14:21) 10 - Arrays and enums ⌨️ (2:41:37) 11 - Enums and switch statement ⌨️ (3:07:21) 12 - Switch statement cont. ⌨️ (3:20:39) 13 - Logging using slf4j and logback ⌨️ (3:51:19) 14 - Public static void main ⌨️ (4:11:35) 15 - Checked and Unchecked Exceptions ⌨️ (5:05:36) 16 - Interfaces ⌨️ (5:46:54) 17 - Inheritance ⌨️ (6:20:20) 18 - Java Object finalize() method ⌨️ (6:36:57) 19 - Object clone method. [No lesson 20] ⌨️ (7:16:04) 21 - Number ranges, autoboxing, and more ⌨️ (7:53:00) 22 - HashCode and Equals ⌨️ (8:38:16) 23 - Java Collections ⌨️ (9:01:12) 24 - ArrayList 🎥Course by Marcus Biel, an experienced software craftsman. Watch additional Java lessons from Marcus on his channel. Here is a link to watch the remaining episodes of the course: https://www.youtube.com/watch?v=VAPqQpWtMXU&list=PLFmkgh1ckFjH1LaQvs_5pAuaZVVZ_3qcM&index=25 🔗Check out a written version of this course with additional resources here: https://marcus-biel.com/java-beginner-course/ 🔗Get even more Java resources from Marcus here: https://java8course.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Modules Past & Present

GQ96b_u7rGc | 07 Aug 2018

JavaScript Modules Past & Present

Modules provide structure to our code, grouping related data and functionality into reusable building blocks. However, prior to ES6, JavaScript did not have a built-in module system. This month's meetup will explore the history of modules through the advent of ES Modules, the first standardized module system for JavaScript. Talk given by Mejin Leechor at the JavaScriptLA meetup. Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Parallax Tutorial - Scrolling Effect using CSS and Javascript

llv5kW4sz0U | 07 Aug 2018

Parallax Tutorial - Scrolling Effect using CSS and Javascript

Learn how to create a Parallax effect using CSS and Javascript. We are going to create two different types of parallax effects. Tutorial from GTCoding. Check out the GTCoding YouTube: https://www.youtube.com/gtcoding -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Beyond Media Queries

zdkY7ymM0Qw | 06 Aug 2018

Beyond Media Queries

Media queries have always been a cornerstone of responsive design but the role of media queries is changing. It's now possible to make websites with responsive properties that are not tied to specific breakpoints. Learn how to use fluid typography, responsive SVG, adaptive flexbox components, CSS grid and custom properties to create unique responsive solutions that go beyond media queries. Talk given by Mike Riethmuller at SmashingConf SF 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Search Filters (P5D90) - Live Coding with Jesse

gioyJhaBECQ | 06 Aug 2018

React Search Filters (P5D90) - Live Coding with Jesse

Project 5 Day 90: Today we will add filters to our React search component. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Python Django Framework Full Course - Learning with the Docs

cI3FOYIMSYE | 03 Aug 2018

Python Django Framework Full Course - Learning with the Docs

Learn the Python Django framework directly from the Django documentation. Django is a high-level Python Web framework that encourages rapid development and clean, pragmatic design. In this tutorial, we will build a full MVC app using the Django official docs as a guide. ⭐️Contents ⭐️ ⌨️(0:00) Part 1 ⌨️(25:09) Part 2 ⌨️(1:06:49) Part 3 ⌨️(1:45:25) Part 4 ⌨️(2:26:33) Part 5 ⌨️(3:18:00) Part 6 This tutorial was developed by the Clever Programmer. Check out the Clever Programmer YouTube channel for more great tutorials: https://www.youtube.com/c/CleverProgrammer -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Developing for the rest of the world

5JWgw_Umbow | 02 Aug 2018

Developing for the rest of the world

Many businesses are looking for growth outside the United States and Europe. To capture these new markets dedicated engineering effort will be required. This talk will provide tips for developing apps intended for an international audience. Talk by Eric Frohnhoefer. Video recorded at the GDG DevFest Ukraine - the biggest conference about Google technologies in Central and Eastern Europe. Learn about the conference at https://devfest.gdg.org.ua/ More recordings at http://bit.ly/devfestua-channel -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Calculator with Vue.js

m1_ih43p24s | 01 Aug 2018

Build a Calculator with Vue.js

In this tutorial, you will learn to use Vue.js to create a basic calculator component inside a web browser. 💻Code: https://github.com/codyseibert/vue-calculator 🔗Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

WebAssembly and the Death of JavaScript

3LWgbjVWLug | 01 Aug 2018

WebAssembly and the Death of JavaScript

For more than 20 years JavaScript has been the only 'native' language of the web. That's all changed with the release of WebAssembly. This talk will look at what WebAssembly is, why it matters and crucially what it means for JavaScript and the future of web development. JavaScript brought interactivity to the web more than 20 years ago, and despite numerous challengers, it is still the only language supported by browser. However, as those 20 years have passed we've moved from adding a little interactivity to largely static sites, to creating complex JavaScript-heavy single page applications. Throughout this journey, the way we use JavaScript itself has also changed. Gone are the days of writing simple code snippets that are run directly in the browser. Nowadays we transpile, minify, tree-shake and more, treating the JavaScript virtual machine as a compilation target. The problem is, JavaScript isn't a very good compilation target, because it simply wasn't designed to be one. Born out of asm.js, a somewhat crazy concept dreamt up by Mozilla, WebAssembly was designed from the ground-up as an efficient compilation target for the web. It promises smaller payloads, rapid parsing and validation and consistent performance ... and it's ready to use, right now! This talk will look at what's wrong with the way we are using JavaScript today and why we need WebAssembly. It will delve into the internals, giving a quick tour of the WebAssembly instruction set, memory and security model, before moving on to the more practical aspects of using it with Rust, C++ and JavaScript. Finally we'll do some crystal-ball gazing and see what the future of this rapidly evolving technology might hold. Talk by Colin Eberhardt at the JS Monthly London Meetup. Recorded by Pusher.com. Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What I Gained After 100 Days of Code

EErY9zXGLNU | 31 Jul 2018

What I Gained After 100 Days of Code

This talk is about “scaling yourself” and what I learned after the #100DaysOfCode challenge. I will present some helpful tips about self-motivation, time-management, stop procrastination, setting priorities, staying organized, believing in yourself and keeping a balance between your career and personal life. I'm going to present my personal examples of coding/studying every single day for the past 1,5 years, what I gained and how I achieved my goals. We are going to explore ways of finding mentors, friends and expanding your social network. This talk is not only about getting better at your 9 to 5 job but also about developing yourself. Talk by Eleftheria Batsou at Codegarden. 🐦Eleftheria on Twitter: https://twitter.com/BatsouElef 📹 See more from Eleftheria on her channel: https://www.youtube.com/c/EleftheriaBatsou -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to hack a Node app

mhv87mU2M4o | 30 Jul 2018

How to hack a Node app

Thought hacking was hard? It’s not! It’s easy and in this talk you'll see how to hack a Node.js app. We’ll investigate a series of hacking stories and break them down step-by-step to see exactly how they did it. By the end you’ll walk away a little bit more scared and a lot more prepared with some great practices you can apply immediately to your own applications. Talk by Asim Hussain. Video recorded at the GDG DevFest Ukraine - the biggest conference about Google technologies in Central and Eastern Europe. Learn about the conference at https://devfest.gdg.org.ua/ More recordings at http://bit.ly/devfestua-channel -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

100DaysOfCode Creator Alexander Kallaway - Developer Interviews

JtMUNUbjlHQ | 27 Jul 2018

100DaysOfCode Creator Alexander Kallaway - Developer Interviews

Live tweets about #100DaysOfCode: https://twitter.com/hashtag/100daysofcode?f=tweets&vertical=default&src=hash&lang=en The history of the #100DaysOfCode movement: https://medium.freecodecamp.org/6c89a76e298d Alexander Kallaway on Twitter: https://twitter.com/ka11away Product Hunt page: https://www.producthunt.com/posts/100-days-of-code --- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

DynamoDB Tutorial: Basic Operations

IeM6u4tpM9Y | 27 Jul 2018

DynamoDB Tutorial: Basic Operations

Learn how to perform basic operations (GET/PUT/DELETE/UPDATE) on items into DynamoDB using AWS-SDK, Serverless Framework and AWS Lambda. 💻Code: https://github.com/mavi888/serverless-dynamo-basic-operations/ 🔗Serverless 101 series: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkXQS12WiLsH1oaNZBSoWuV 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Hitchhiker's Guide to Tensorflow - Introduction to Machine Learning and Tensorflow

5JYKmMt3yf8 | 27 Jul 2018

The Hitchhiker's Guide to Tensorflow - Introduction to Machine Learning and Tensorflow

Tensorflow is one of the most popular Open Source projects on Github and definitely, the one most popular Machine Learning library out there. On the other hand, DeepLearning is one of the hottest topics discussed around. Why so much attention? What are these technology, frameworks and how one can make use if them? In the talk, we start with base concepts of machine learning, explaining tensors and advantages of Tensorflow, shifting more into the direction of practical examples of how one can apply mentioned technologies without going too deep into mathematics. We cover high-level API like Keras. How to utilize knowledge and computing resources of such huge companies like Google and Facebook with a technique called Transfer Learning. And finally bringing a few examples how such systems might be deployed to production systems with Kubernetes and Tensorflow Serving. Talk by Sergii Khomenk. Video recorded at the GDG DevFest Ukraine - the biggest conference about Google technologies in Central and Eastern Europe. Learn about the conference at https://devfest.gdg.org.ua/ More recordings at http://bit.ly/devfestua-channel -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Unity GameDev Tutorial for Beginners: Brick Breaker Game

NWG8vO02oj4 | 26 Jul 2018

Unity GameDev Tutorial for Beginners: Brick Breaker Game

This beginner's Unity tutorial shows how to build a Brick Breaker Game similar to the original ones from the 80's. We will be covering topics such as: 2D games, sprites, keyboard input, input manager, Rigidbody2D, colliders, User Interface (UI), trigger colliders, OnTriggerEnter2D, OnCollisionEnter2D, loading scenes, C# and others. 🔗Download Unity here: https://store.unity.com/ ⭐️Contents ⭐️ ⌨️ (0:00) Part 1 - The Paddle ⌨️ (18:21) Part 2 - The Ball ⌨️ (49:31) Part 3 - The Bricks ⌨️ (1:16:11) Part 4 - The Score and Lives ⌨️ (1:44:50) Part 5 - Ending the Level and Game ⌨️ (2:16:30) Part 6 - Making a Powerup ⌨️ (2:39:21) Part 7 - Making Special Bricks ⌨️ (2:50:39) Part 8 - Loading Levels ⌨️ (3:23:52) Part 9 - Music and Sounds ⌨️ (3:40:30) Part 10 - High Score ⌨️ (4:06:28) Part 11 - Start Menu This tutorial was created by Mike Page of ScriptingIsFun.com. 🔗Check out their YouTube channel for more Unity tutorials: https://www.youtube.com/user/PageTechnology -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Command Line Crash Course

yz7nYlnXLfE | 25 Jul 2018

Command Line Crash Course

Learn the command line, its magic, and how to master this amazing interface. Talk by Robert Axelsen (@robaxelsen) at the FreeCodeCamp Vienna June 2018 meetup. Recorded by Pusher.com. Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Gulp Task Automation for Beginners

LYbt50dhTko | 24 Jul 2018

Gulp Task Automation for Beginners

You will learn how automate all your web development tasks with Gulp. In this video we will be compiling Sass files to CSS and then minifying the CSS for production. 🔗Install node: https://nodejs.org 🔗Install Gulp: https://gulpjs.com/ Install Gulp Packages: 🔗Sass: https://www.npmjs.com/package/gulp-sass 🔗Css uglify: https://www.npmjs.com/package/gulp-uglifycss 🎶Music by: Nicolai Heidlas Music - With you https://soundcloud.com/nicolai-heidlas ⭐️Tutorial from iEatWebsites. Check out their channel for more great tutorials: https://www.youtube.com/channel/UC0o60y3FtVy3M93JcDFVreA -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Emotional Intelligence for Engineers

ZU1B9LGjnAA | 23 Jul 2018

Emotional Intelligence for Engineers

Whether you’re discussing tradeoffs with a designer, rallying support for a new tool, or reviewing someone’s code, emotional intelligence is essential for effective software engineering. This talk provides a framework for understanding your own behavior and cultivating empathy for others. You’ll leave inspired to apply these skills to unlock your full potential as a developer and a human being! Software may be built on machines, but it’s built by and for human beings. To be a highly effective software engineer, you must be able to navigate human interactions successfully. Emotional intelligence is the set of competencies that will allow you to do just that! Presented by April Wensel at PyTennessee February 11, 2018. Thanks to April for letting us post her amazing talk! 🔗Check out April's website for more resources: https://compassionatecoding.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting up MailChimp on WordPress with plugins (plus creating a MailChimp landing page)

BK9iHnkr9nM | 23 Jul 2018

Setting up MailChimp on WordPress with plugins (plus creating a MailChimp landing page)

Get tips for setting up MailChimp on Wordpress and creating a MailChimp landing page. Learn more about this topic in the accompanying article: https://medium.freecodecamp.org/how-to-market-your-new-project-incorporate-design-create-a-landing-page-and-get-your-users-97812fd9dd4d Video from Jane Sorensen (@janerette). -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Logic for Programmers: Propositional Logic

s16xd9XyDnY | 20 Jul 2018

Logic for Programmers: Propositional Logic

Logic is the foundation of all computer programming. In this video you will learn about propositional logic. 🔗Homework: http://www.codingcommanders.com/logic.php 🎥Logic for Programmers Playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmqk3-E3MPFVoWMufdbR4qW 🔗Check out the Coding Commanders YouTube channel: https://www.youtube.com/codingcommanders 🐦Commander Candy on Twitter: https://twitter.com/codingCommander -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn to use CodePen from a co-founder of CodePen

vb9uYBtqmeM | 19 Jul 2018

Learn to use CodePen from a co-founder of CodePen

Chis Coyier, who co-founded CodePen, demonstrates how to use CodePen and shares some little-known tricks. CodePen is a social development environment that allows you to write code in the browser, and see the results of it as you build. 🔗https://codepen.io/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to boost your web development efficiency

_AaJmzmxHyg | 19 Jul 2018

How to boost your web development efficiency

Tips for improving your web development efficiency. Topics include: -using git hooks for autoformatting HTML, CSS, JS and TS -how to remove unused css in your production bundle -how to speed up your terminal usage -and even more tricks! 🔗 Slides : http://slides.com/chimpcmder/how-to-boost-your-web-development-efficiency#/ Talk by Markus Hatvan at the April 2018 Angular Vienna meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Landing Page with React Part 2 (P5D89) - Live Coding with Jesse

YB1g2Fa3D80 | 19 Jul 2018

Creating a Landing Page with React Part 2 (P5D89) - Live Coding with Jesse

Project 5 Day 89: Today we will continue to create a landing page for the Admissions department using React and MaterialUI. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting up Severless Framework from Scratch

iNZUaye8lXk | 18 Jul 2018

Setting up Severless Framework from Scratch

This is one of the first videos that you want to watch when getting started with Serverless Framework. You will learn how to configure your computer to get started with it, how to install Node, and also how to set up your AWS credentials. 🔗Iterm2: https://www.iterm2.com/ 🔗Atom: https://atom.io/ 🔗Homebrew: https://brew.sh/ 🔗Documentation of Serverless Framework to configure AWS credentails: https://serverless.com/framework/docs/providers/aws/guide/quick-start/ 🔗How to create an AWS account: https://www.youtube.com/watch?v=WMT6-pnOD8Q 🔗Serverless 101 series: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkXQS12WiLsH1oaNZBSoWuV 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript / jQuery GameDev Tutorial: Catch the Eggs

Vjw7wAZqSM4 | 17 Jul 2018

JavaScript / jQuery GameDev Tutorial: Catch the Eggs

This tutorial shows how to code a "Catch the Eggs" game using HTML, CSS, JavaScript, and jQuery. 🔗Live demo : https://arshadasgar.github.io/eggs 💻Github: https://github.com/arshadasgar/arshadasgar.github.io/tree/master/eggs 🎥Video by Very Simple TUTS. Check out their YouTube channel for more simple tutorials: https://www.youtube.com/channel/UCFfUusJRDkyRQqMBOpJ05cg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Functional Programming in Scala

R0jVqeYzs9c | 17 Jul 2018

Functional Programming in Scala

After 10 years of Object Orientated Java, 2 years of Functional Programming in Scala was enough to convince me that I could never switch back. But why? The answer is simple: Functional Scala lets you think less. It reduces the number of moving parts you need to hold in your head, lets you stay focussed and saves your mental stack from overflowing. In this talk I'll show you how to stop treating Scala as a better Java and start exploring the world of Functional Programming. I'll use code examples to demonstrate a four step path that'll let you ease yourself into the world of Functional Programming while continuing to deliver production quality code. With each step we'll learn a new technique, and understand how it leaves you with less to think about: Hopefully this talk will convince you that Functional Scala leads to code that's easier to hold in your head, and leave you excited about learning a new paradigm. Original talk title: Thinking Less with Scala Talk by Daniel Sebban at Scalapeño. Check out his Medium page: https://medium.com/@daniel.sebban -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Landing Page with React (P5D88) - Live Coding with Jesse

WV4ViZ2q0Mk | 16 Jul 2018

Creating a Landing Page with React (P5D88) - Live Coding with Jesse

Project 5 Day 88: Today we will create a landing page for the Admissions department using React and MaterialUI. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Building Performance Optimized Web Apps with Angular and Firebase

ksVQ68wHR9c | 16 Jul 2018

Building Performance Optimized Web Apps with Angular and Firebase

Learn how to build performant web apps. A story of how Angular met Firebase and together bore a baby named Service Worker. Speaker: Richard Sithole https://about.me/richard.sithole Check out the GDG Johannesburg YouTube channel for more great talks: https://www.youtube.com/channel/UCtaVFx70895Rty6wcVAR9QA freeCodeCamp is not associated with this talk. Thanks to Richard Sithole for letting us post the talk! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Skill Development Live Stream - Day 5

j8heyfH8BAI | 13 Jul 2018

Amazon Alexa Skill Development Live Stream - Day 5

Learn to develop an Amazon Alexa Skill in this live stream from Steve Tingiris. Ask questions! This is the final stream of a five-part series. 🎥Part 1: https://www.youtube.com/watch?v=MhvQVROFUEw 🎥Part 2: https://www.youtube.com/watch?v=1m7aFMyCYYw 🎥Part 3: https://www.youtube.com/watch?v=M4bTcsOIPdo 🎥Part 4: https://www.youtube.com/watch?v=Z60S9J7TCeU 🎥Part 5: You're watching it! 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Component Dev with GraphQL Data Part 2 (P5D87) - Live Coding with Jesse

oZ4qMdlPngY | 12 Jul 2018

React Component Dev with GraphQL Data Part 2 (P5D87) - Live Coding with Jesse

Project 5 Day 87: Today we will continue to refactor and update our faculty.js component to incorporate data from new custom fields. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a secure free AWS account

WMT6-pnOD8Q | 12 Jul 2018

Create a secure free AWS account

Learn how to create and secure an AWS account. If you already have an AWS account you can watch this video to make sure that your account is secure. Prerequisites: Phone that can receive calls, credit card and an app like Google Authenticator installed in the phone to configure MFA. When you register to a new AWS account you have access to many services for free for ever and other set of services for the first year of creation. 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Skill Development Live Stream - Day 4

Z60S9J7TCeU | 12 Jul 2018

Amazon Alexa Skill Development Live Stream - Day 4

Learn to develop an Amazon Alexa Skill in this live stream from Steve Tingiris. Ask questions! This is the fourth of a five-part series. 🎥Part 1: https://www.youtube.com/watch?v=MhvQVROFUEw 🎥Part 2: https://www.youtube.com/watch?v=1m7aFMyCYYw 🎥Part 3: https://www.youtube.com/watch?v=M4bTcsOIPdo 🎥Part 4: You're watching it! 🎥Part 5: https://www.youtube.com/watch?v=j8heyfH8BAI 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Python - Full Course for Beginners [Tutorial]

rfscVS0vtbw | 11 Jul 2018

Learn Python - Full Course for Beginners [Tutorial]

This course will give you a full introduction into all of the core concepts in python. Follow along with the videos and you'll be a python programmer in no time! ⭐️ Contents ⭐ ⌨️ (0:00) Introduction ⌨️ (1:45) Installing Python & PyCharm ⌨️ (6:40) Setup & Hello World ⌨️ (10:23) Drawing a Shape ⌨️ (15:06) Variables & Data Types ⌨️ (27:03) Working With Strings ⌨️ (38:18) Working With Numbers ⌨️ (48:26) Getting Input From Users ⌨️ (52:37) Building a Basic Calculator ⌨️ (58:27) Mad Libs Game ⌨️ (1:03:10) Lists ⌨️ (1:10:44) List Functions ⌨️ (1:18:57) Tuples ⌨️ (1:24:15) Functions ⌨️ (1:34:11) Return Statement ⌨️ (1:40:06) If Statements ⌨️ (1:54:07) If Statements & Comparisons ⌨️ (2:00:37) Building a better Calculator ⌨️ (2:07:17) Dictionaries ⌨️ (2:14:13) While Loop ⌨️ (2:20:21) Building a Guessing Game ⌨️ (2:32:44) For Loops ⌨️ (2:41:20) Exponent Function ⌨️ (2:47:13) 2D Lists & Nested Loops ⌨️ (2:52:41) Building a Translator ⌨️ (3:00:18) Comments ⌨️ (3:04:17) Try / Except ⌨️ (3:12:41) Reading Files ⌨️ (3:21:26) Writing to Files ⌨️ (3:28:13) Modules & Pip ⌨️ (3:43:56) Classes & Objects ⌨️ (3:57:37) Building a Multiple Choice Quiz ⌨️ (4:08:28) Object Functions ⌨️ (4:12:37) Inheritance ⌨️ (4:20:43) Python Interpreter Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter - https://twitter.com/mike_dane 🔗If you liked this video, Mike accepts donations on his website: https://www.mikedane.com/contribute/ ⭐️Other full courses by Mike Dane on our channel ⭐️ 💻C: https://youtu.be/KJgsSFOSQv0 💻C++: https://youtu.be/vLnPwxZdW4Y 💻SQL: https://youtu.be/HXV3zeQKqGY 💻Ruby: https://youtu.be/t_ispmWmdjY 💻PHP: https://youtu.be/OK_JCtrrv-c 💻C#: https://youtu.be/GhQdlIFylQ8 -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Component Dev with GraphQL Data (P5D86) - Live Coding with Jesse

l2LMKXOEoj0 | 11 Jul 2018

React Component Dev with GraphQL Data (P5D86) - Live Coding with Jesse

Project 5 Day 86: Today we will refactor and update our faculty.js component to incorporate data from new custom fields. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Skill Development Live Stream - Day 3

M4bTcsOIPdo | 11 Jul 2018

Amazon Alexa Skill Development Live Stream - Day 3

Learn to develop an Amazon Alexa Skill in this live stream from Steve Tingiris. Ask questions! This is the third of a five-part series. 🎥Part 1: https://www.youtube.com/watch?v=MhvQVROFUEw 🎥Part 2: https://www.youtube.com/watch?v=1m7aFMyCYYw 🎥Part 3: You're watching it! 🎥Part 4: https://www.youtube.com/watch?v=Z60S9J7TCeU 🎥Part 5: https://www.youtube.com/watch?v=j8heyfH8BAI 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Component Design and Dev Part 2 (P5D85) - Live Coding with Jesse

NncJlInPEC0 | 10 Jul 2018

React Component Design and Dev Part 2 (P5D85) - Live Coding with Jesse

Project 5 Day 85: Today we will create a tabbed react component for displaying a sample course schedule. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Skill Development Live Stream - Day 2

1m7aFMyCYYw | 10 Jul 2018

Amazon Alexa Skill Development Live Stream - Day 2

Learn to develop an Amazon Alexa Skill in this live stream from Steve Tingiris. Ask questions! This is the second of a five-part series. 🎥Part 1: https://www.youtube.com/watch?v=MhvQVROFUEw 🎥Part 2: You're watching it! 🎥Part 3: https://www.youtube.com/watch?v=M4bTcsOIPdo 🎥Part 4: https://www.youtube.com/watch?v=Z60S9J7TCeU 🎥Part 5: https://www.youtube.com/watch?v=j8heyfH8BAI 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Fonts Tutorial: Add custom fonts to your website

9ksLij2oMe4 | 10 Jul 2018

Google Fonts Tutorial: Add custom fonts to your website

Want to use Web Fonts to make your pages look better? Google Fonts is your best option. This tutorial covers how you can use the website to embed fonts in any website you build. 🔗Code GIST: https://gist.github.com/prof3ssorSt3v3/be4984e9b3c6f4bd6d43d2e80100f6db 🔗Google Fonts: https://fonts.google.com/ 🔗Font Matching site: https://meowni.ca/font-style-matcher/ Tutorial by Steve Griffith. Check out his YouTube channel: https://www.youtube.com/channel/UCTBGXCJHORQjivtgtMsmkAQ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Component Design and Dev (P5D84) - Live Coding with Jesse

IYzymO2a960 | 09 Jul 2018

React Component Design and Dev (P5D84) - Live Coding with Jesse

Project 5 Day 84: Today we will create a tabbed react component for displaying a sample course schedule. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

DevOps Introduction

UqMUoINlKnY | 09 Jul 2018

DevOps Introduction

What is DevOps really all about? Klaus Ita will give an introductory talk about the field of DevOps. Talk by Klaus Ita at the FreeCodeCamp Vienna March meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Skill Development Live Stream - Day 1

MhvQVROFUEw | 09 Jul 2018

Amazon Alexa Skill Development Live Stream - Day 1

Learn to develop an Amazon Alexa Skill in this 5-part live stream from Steve Tingiris. 🎥Part 1: You're watching it! 🎥Part 2: https://www.youtube.com/watch?v=1m7aFMyCYYw 🎥Part 3: https://www.youtube.com/watch?v=M4bTcsOIPdo 🎥Part 4: https://www.youtube.com/watch?v=Z60S9J7TCeU 🎥Part 5: https://www.youtube.com/watch?v=j8heyfH8BAI 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Testing Node.js with Mocha

Bs68k6xfR3E | 06 Jul 2018

Testing Node.js with Mocha

A thorough introduction to the Mocha test framework by the maintainer of Mocha, and how to use it to test your Node.js applications. Talk by Christopher Hiller - given at PDXNode. 🐦Chris on Twitter: @b0neskull 🐦PDXNode onTwitter: @pdxnode freeCodeCamp is not associated with this talk. We're just excited to share it with a wider audience! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

WordPress Plugin Editing Part 2 (P5D83) - Live Coding with Jesse

sdD7cl2Y-2s | 06 Jul 2018

WordPress Plugin Editing Part 2 (P5D83) - Live Coding with Jesse

Project 5 Day 83: Today we will continue to work on creating a way for the wpGraphQL plugin to get data from our custom fields. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Logging in JavaScript Best Practices

DIzJC8wRp-s | 05 Jul 2018

Logging in JavaScript Best Practices

Logging is an age-old practice, but we're still doing some major things wrong. Joe will be taking us through various aspects of logging: - Why to log - When to log - How to log well - JS Tooling/Testing for logging Talk by Joe Reeve at the JS Roundabout meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

WordPress Plugin Editing (P5D82) - Live Coding with Jesse

JhAtZlhk97k | 05 Jul 2018

WordPress Plugin Editing (P5D82) - Live Coding with Jesse

Project 5 Day 82: Today we will work creating a way for the wpGraphQL plugin to get data from our custom fields. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Cloud Computing and AWS

jWdEM6XLKqI | 05 Jul 2018

Intro to Cloud Computing and AWS

What is cloud computing? What are the characteristics? What I can do with it? What is AWS? What service does it offers? Next video: https://www.youtube.com/watch?v=WMT6-pnOD8Q 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The human nature of failure & resiliency

BJDVRA1KgdQ | 04 Jul 2018

The human nature of failure & resiliency

Projects fail in droves. Systems hiccup and hours of downtime follows. Screws fall out all the time; the world is an imperfect place. We talk a lot about building resilient systems, but all systems are (at least for now) built by humans. Humans who have been making the same types of mistakes for thousands of years. Just because failure happens doesn’t mean we can’t do our best to prevent it or—at the very least—to minimize the damage when it does. As a matter of fact, embracing failure can be one of the best things you do for your system. Failure is a vital part of evolution. By learning to love failure we learn how to take the next step forward. Ignoring or punishing failure leads to stagnation and wasted potential. This talk distills 3000 pages of failure research into 40 minutes of knowledge about the human factors of failure, how it can be recognised, and how you can work around it to create more resilient systems. By the end of this talk the audience will have an awareness of the most common psychological reasons for mistakes and failures and how to develop systems and processes to protect against them. -- Talk given by VM Vicky Brasseur at PyCon 2018. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Elm crash course - Building unbreakable webapps fast

kEitFAY7Gc8 | 03 Jul 2018

Elm crash course - Building unbreakable webapps fast

Elm is a delightful functional language for reliable webapps. It compiles to JavaScript, has great performance, no runtime exceptions, and can be embeded easily into existing JS projects without the need for huge rewrites or time investment. We'll be taking a practically focused crash course tour of Elm, ideally you'll walk away being able to put Elm into production either from scratch or in an existing project. Mario is an Australian living in London, where he organises the Elm London Meetup group. He believes technology should make life simple and joyful, and enjoys being able to prove so. Talk by Mario Rogic (@realmario) at the Reactivate London meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn to Code: 5 Secret Weapons

PfLBugPdgSk | 03 Jul 2018

Learn to Code: 5 Secret Weapons

Learning web development is difficult. This is especially true for those who choose the self-taught track, and are responsible for everything from selecting the best learning materials to carving out time to study (often while working a full-time job). Is there any way to stop the insanity already? In this video, I’m going to show you five secret weapons for learning web development. I didn’t pick up these tools all at once, but once I had them arsenal my learning speed and knowledge retention shot through the roof! ⭕Video from RealToughCandy. Check out her channel for more great videos about coding: https://www.youtube.com/channel/UC54NcJvLCvM2CNaBjd5j6HA 🐦RealToughCandy on Twitter: https://twitter.com/realtoughcandy -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Live Search (P5D81) - Live Coding with Jesse

hpj1RSEcnoE | 02 Jul 2018

React Live Search (P5D81) - Live Coding with Jesse

Project 5 Day 81: Today we will work on the live search feature for our React project. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Overcoming obstacles when learning to code

NUoIuv1l6V8 | 02 Jul 2018

Overcoming obstacles when learning to code

Find out tips for overcoming obstacles and lack of motivation when learning to code. 🔗Slides: https://github.com/robaxelsen/obstacles-talk Talk by Robert Axelsen (@robaxelsen) at the FreeCodeCamp Vienna February meetup. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQL Tutorial - Full Database Course for Beginners

HXV3zeQKqGY | 02 Jul 2018

SQL Tutorial - Full Database Course for Beginners

In this course, we'll be looking at database management basics and SQL using the MySQL RDBMS. The course is designed for beginners to SQL and database management systems, and will introduce common database management topics. Throughout the course we'll be looking at various topics including schema design, basic C.R.U.D operations, aggregation, nested queries, joins, keys and much more. You can get PopSQL to follow along here: http://popsql.com/freecodecamp 🔗Company Database Code: https://www.giraffeacademy.com/databases/sql/creating-company-database/ ⭐️ Contents ⭐ ⌨️ (0:00) Introduction ⌨️ (2:36) What is a Database? ⌨️ (23:10) Tables & Keys ⌨️ (43:31) SQL Basics ⌨️ (52:26) MySQL Windows Installation ⌨️ (1:01:59) MySQL Mac Installation ⌨️ (1:15:49) Creating Tables ⌨️ (1:31:05) Inserting Data ⌨️ (1:38:17) Constraints ⌨️ (1:48:11) Update & Delete ⌨️ (1:56:11) Basic Queries ⌨️ (2:08:37) Company Database Intro ⌨️ (2:14:05) Creating Company Database ⌨️ (2:30:27 ) More Basic Queries ⌨️ (2:26:24) Functions ⌨️ (2:45:13) Wildcards ⌨️ (2:53:53) Union ⌨️ (3:01:36) Joins ⌨️ (3:11:49) Nested Queries ⌨️ (3:21:52) On Delete ⌨️ (3:30:05) Triggers ⌨️ (3:42:12) ER Diagrams Intro ⌨️ (3:55:53) Designing an ER Diagram ⌨️ (4:08:34) Converting ER Diagrams to Schemas Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter: https://twitter.com/GiraffeAcademy 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Statistics and Probability: Your first steps on the road to data science

w1Aozoynr6M | 29 Jun 2018

Statistics and Probability: Your first steps on the road to data science

An introduction to statistics and probability geared toward enabling attendees to understand the capabilities and limitations of statistics and probability and to help them implement calculations in their projects. Where possible/feasible, attendees will build their own tools to help them grasp the underlying concepts. In addition, attendees will be introduced to the pre-built tools in world-class Python and data science libraries to help them capitalize on the efficiencies and utility that those libraries offer. Talk given by Chalmer Lowe at PyCon 2018. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Native Tutorial - Augmented Reality Mobile App

MXnaUkmLXok | 28 Jun 2018

React Native Tutorial - Augmented Reality Mobile App

Learn how to build a React Native app from start to finish. This app uses React Native and Expo, along with the Google Poly library to display 3D objects. 🔗 Get Expo: https://expo.io/ 💻 Code: https://github.com/ProProgramming101/PolySnap ⭐️ Contents ⭐ ⌨️ (0:00) App Introduction ⌨️ (0:44) Project Setup ⌨️ (6:48) Setup Camera ⌨️ (12:34) Google Poly API ⌨️ (33:07) Poly Component ⌨️ (43:48) Search Component ⌨️ (56:07) Clean Up Search Results ⌨️ (1:04:00) Display Object ⌨️ (1:11:00) Clean Up Created by ProProgramming101. Check out their channel for more great tutorials: https://www.youtube.com/channel/UCduTzvA0kp-8XtnJMPnI90w -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn React with Kent C. Dodds

zthIUs2w_c8 | 27 Jun 2018

Learn React with Kent C. Dodds

Learn the basics of React in this live stream from Kent C. Dodds. 💻He goes over material from his Learn React GitHub Repo: https://github.com/kentcdodds/learn-react 🔗Slides: https://slides.com/kentcdodds/learn-react#/ ⚛️Free full beginner's React course from Kent: https://egghead.io/courses/the-beginner-s-guide-to-react 🐦Kent on Twitter: https://twitter.com/kentcdodds -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn Python by Immersion

hPECpDHHjoI | 27 Jun 2018

Learn Python by Immersion

A fast introduction to Python for software developers with experience in other programming languages. Instead of a traditional top-down presentation of Python's features, syntax, and semantics, students are immersed in the language bottom-up with hundreds of small examples using the interactive interpreter to quickly gain familiarity with most of the core language features. Special attention is given to concepts in Python that often trip up those new to the language. Talk given by Stuart Williams at PyCon 2018. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build your first Rails app - blog with comments (tutorial)

wbZ6yrVxScM | 26 Jun 2018

Build your first Rails app - blog with comments (tutorial)

This Ruby on Rails tutorial will help people new to the framework understand how it operates as well as the necessary conventions required to create a blog using Ruby on Rails. We touch on things such as routing, controllers, views, models, migrations, relations, and more. 🔗http://installrails.com/ 📖 Read the full blog post here: https://web-crunch.com/lets-build-with-ruby-on-rails-blog-with-comments/ 💻Code: https://github.com/justalever/demo_blog_rails ⭐️Tutorial Contents ⭐️ ⌨️Intro (0:00) ⌨️Installation (1:07) ⌨️Starting the app (9:01) ⌨️Adding comments (1:11:46) Tutorial by Andy Leverenz. Check out his YouTube channel: https://www.youtube.com/channel/UCzePijHDYnVHIXW6HYTL4dg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Workers —  Outsource your JavaScript

qTE48ByxZX4 | 26 Jun 2018

Web Workers —  Outsource your JavaScript

JavaScript is not a single thread language anymore! If you are curious to learn how to do multi-threading in a browser? Why should you try to avoid it in many cases? And in what scenario it will boost your e-commerce conversions, this talk is for you. Talk by Develoger at BerlinJS. 🐦Develoger on Twitter: https://twitter.com/develoger -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a blazing fast website with GatsbyJS and Contentful

wlIdop5Yv_Y | 25 Jun 2018

Build a blazing fast website with GatsbyJS and Contentful

In this tutorial, you will learn to take a simple getting started GatsbyJS example and transform it into a Contentful powered website. 💻Code: https://github.com/Khaledgarbaya/gatsby-contentful-site What is Gatsbyjs? Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers—ready to be delivered instantly to your users wherever they are. What is Contentful? Contentful provides a content infrastructure for digital teams to power content in websites, apps, and devices. Unlike a CMS, Contentful was built to integrate with the modern software stack. It offers a central hub for structured content, powerful management and delivery APIs, and a customizable web app that enable developers and content creators to ship digital products faster. 🔗View more great tutorials from Khaled: https://www.youtube.com/channel/UC_XsS8kgD9Y64ZOug4YKhpw 🐦Khaled on Twitter: https://twitter.com/khaled_garbaya 🔗Check out https://howtocontentful.com to learn more about Contentful -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to achieve reusability with React components

KFmn8sWSYuU | 25 Jun 2018

How to achieve reusability with React components

React's component model makes it easy to reuse UI code, but reusing components across projects, applications, and teams is only possible if developers can find, install, and rely on each other's code. @walmartlabs, we have hundreds of developers working across dozens of teams, and one of the biggest obstacles to their productivity is duplication of work that's already been completed elsewhere in the organization. In this talk, you'll learn about the technical means we used to achieve this goal, and the processes and policies that facilitate and encourage code reuse throughout @walmartlabs. Talk given by Alex Grigoryan at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code Asteroids in JavaScript (1979 Atari game) - tutorial

H9CSWMxJx84 | 22 Jun 2018

Code Asteroids in JavaScript (1979 Atari game) - tutorial

In this JavaScript tutorial, you will learn to create the 1979 Atari game Asteroids from scratch using vanilla JavaScript. ⭐️Contents⭐️ ⌨️1. (0:00) Spaceship creation 💻JavaScript Template: https://drive.google.com/file/d/1W8vbBTBFf7gBTnZ04bNSy6ywRgRSSeQN/view 💻Part 1 Code: https://drive.google.com/file/d/1Gpwsi3LroGM0A0kJCwET-DA9JN1rx8ME/view ⌨️2. (33:55) Astroids creation 💻Part 2 Code: https://drive.google.com/file/d/1Pw4_n4xpuinuNZMpbvu2-1McRtOmOH-B/view ⌨️3. (58:40) Collision Detection and Explosions 💻Part 3 Code: https://drive.google.com/file/d/1G7uwqyL1rMUHYUN_ogH7Zx3oHr0jZIs9/view ⌨️4. (1:19:09) Shooting Lasers and Asteroid Destruction 💻Part 4 Code: https://drive.google.com/file/d/1xJj9OnoXm1kuZyDVnmO9JyMB6e9CSGje/view ⌨️5. (1:48:13) Levels, Lives, and Game Over 💻Part 5 Code: https://drive.google.com/file/d/1Wbq90vAfeH1E5HJdQwZjqD-QVZ2EdsA9/view ⌨️6. (2:10:10) Scoring and Saving Data Locally 💻Part 6 Code: https://drive.google.com/file/d/1tcdbbODVojY-Uhzdb_kG51H1NWibyRSP/view ⌨️7. (2:20:24) Sound Effects and “Music” 💻Part 7 Code: https://drive.google.com/open?id=1tmjvMKxCcJeyTpi5pI6A8cgVxwWnyPXn 🔈 Sounds: https://drive.google.com/file/d/1iSykdpBCc7xafRFHrdH0mH4TeR5ansAc/view Tutorial from Mt. Ford Studios. Check out their channel for more great tutorials: https://www.youtube.com/channel/UCYGcMtRTLWQHgLq4V3bP3sA -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Connect Four with Javascript & jQuery - Tutorial

531FRc8e2Sk | 21 Jun 2018

Connect Four with Javascript & jQuery - Tutorial

In this programming tutorial, we'll create a basic two player connect four game using Javascript, jQuery, CSS, and HTML. This tutorial is geared towards people who understand the basics of web technologies, but maybe want to watch how another developer builds a connect four application. 💻Code: https://github.com/codyseibert/js-connect-four Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Machine Learning on JavaScript

aLMT3B30unM | 21 Jun 2018

Machine Learning on JavaScript

In this talk you will learn different machine learning algorithms using JavaScript and NodeJS, finally diving into neural networks using SynapticJS. Talk given by Lucas Aragno at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

PHP Programming Language Tutorial - Full Course

OK_JCtrrv-c | 20 Jun 2018

PHP Programming Language Tutorial - Full Course

Learn the PHP programming language in this full course / tutorial. The course is designed for new programmers, and will introduce common programming topics using the PHP language. ⭐️Course Contents ⭐️ ⌨️ 1. (0:00) Introduction ⌨️ 2. (1:56) Windows Installation ⌨️ 3. (7:32) Choosing a Text Editor ⌨️ 4. (11:06) Hello World & Setup ⌨️ 5. (20:29) Writing HTML ⌨️ 6. (27:30) Variables ⌨️ 7. (38:09) Data Types ⌨️ 8. (44:27) Working With Strings ⌨️ 9. (54:50) Working With Numbers ⌨️ 10. (1:05:14) Getting User Input ⌨️ 11. (1:15:37) Building a Basic Calculator ⌨️ 12. (1:22:13) Building a Mad Libs Game ⌨️ 13. (1:28:59) URL Parameters ⌨️ 14. (1:35:52) POST vs GET ⌨️ 15. (1:41:44) Arrays ⌨️ 16. (1:50:26) Using Checkboxes ⌨️ 17. (1:57:22) Associative Arrays ⌨️ 18. (2:04:55) Functions ⌨️ 19. (2:12:10) Return Statements ⌨️ 20. (2:19:10) If Statements ⌨️ 21. (2:37:16) If Statements (con't) ⌨️ 22. (2:47:13) Building a Better Calculator ⌨️ 23. (2:56:53) Switch Statements ⌨️ 24. (3:05:09) While Loops ⌨️ 25. (3:15:18) For Loops ⌨️ 26. (3:26:24) Comments ⌨️ 27. (3:31:08) Including HTML ⌨️ 28. (3:36:51) Include: PHP ⌨️ 29. (3:45:57) Classes & Objects ⌨️ 30. (3:56:23) Constructors ⌨️ 31. (4:06:18) Object Functions - PHP - Tutorial 31 ⌨️ 32. (4:13:52) Getters & Setters ⌨️ 33. (4:29:17) Inheritance Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter: https://twitter.com/GiraffeAcademy 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Future is Serverless: What That Means for Node.js

1EUwWiED1II | 20 Jun 2018

The Future is Serverless: What That Means for Node.js

Serverless computing is sweeping the cloud industry and transforming how we're building applications on the cloud. Node.js has been the first language each of the major serverless providers has supported from day 1. Node.js applications written for serverless are changing from their "server"ed past. We'll discuss why serverless went Node.js first, what impact this will have on Node.js developers, and finally, what consequences this might have on Node.js's ecosystem. Talk given by Chris Anderson at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Lighthouse Audit (P5D80) - Live Coding with Jesse

ouM9Ihx4Twc | 20 Jun 2018

Lighthouse Audit (P5D80) - Live Coding with Jesse

Project 5 Day 80: Today we will go over a lighthouse audit of the React site that we have been building. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build an IoT application with Node.js and Docker

mtDJfSHQfAM | 19 Jun 2018

Build an IoT application with Node.js and Docker

Learn how to build and scale an IoT application with microservices using Node.js and Docker. This project will give you a working IoT dashboard connected to a SmartThings IoT hub and devices. You can use the application you will build to monitor IoT devices, but it’s really designed as an example of how to build an IoT application in the cloud that leverages microservices, Node.js and Docker. Talk given by Shubhra Kar and Wyatt Preul at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 2)

Am8rT9xICRs | 18 Jun 2018

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 2)

Learn to build an 8-ball pool game from scratch with HTML5 and Javascript. This is part 2 of a 3-part series. Part 1: https://youtu.be/aXwCrtAo4Wc Part 3: coming soon 🔗Github repo: https://github.com/henshmi/Classic-Pool-Game 🔗Game demo: https://henshmi.github.io/Classic-Pool-Game/ ⭐️ Tutorial created by Chen Shmilovich. 🔗Chen's YouTube channel: https://www.youtube.com/channel/UCLUtNUb2G2XHp9Zty__D3xw 🔗Chen on LinkedIn: https://www.linkedin.com/in/chen-shmilovich/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Build Flappy Bird in JavaScript - GameDev Tutorial

pufKO5EG8nc | 15 Jun 2018

How to Build Flappy Bird in JavaScript - GameDev Tutorial

Learn how to create a flappy bird game using pure JavaScript. Download the Starter Template: https://goo.gl/SV7v7V Download the final Game files: https://goo.gl/h9LE58 Check out more great tutorials like this one on the Code Explained channel: https://www.youtube.com/channel/UC8n8ftV94ZU_DJLOLtrpORA -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Deploy Your Own VPN In The Cloud

GZNoLHbme1Y | 15 Jun 2018

Deploy Your Own VPN In The Cloud

Learn how to set up a VPN. Google parent company, Alphabet, has released a new enterprise VPN service called Outline. It's free, open source, and can be set up to run on a local or cloud-based server. Robert will walk you through how to set it up on your own. Talk from the Free Code Camp Vienna April 2018 Meetup. Talk by Robert Axelsen (@robaxelsen). Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Debugging Node.js with Paul Irish

F1VZj-zqnG4 | 14 Jun 2018

Debugging Node.js with Paul Irish

While we've all used the trusty console.log for debugging our application, Node now has far more powerful debugging capabilities. Paul will demonstrate improved workflows for debugging, profiling and understanding your app using the DevTools Protocol. He will also share more advanced techniques for automating and monitoring Node. Talk given by Paul Irish at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Amazon Alexa Development 101 (full tutorial course - June 2018 version)

QkbXjknPoXc | 14 Jun 2018

Amazon Alexa Development 101 (full tutorial course - June 2018 version)

If you want to start building skills for Amazon Alexa and you're new to programming - this course was created especially for you! By the end of this course, you'll be able to create custom skills for Amazon Alexa - even if you've never written a line of code in your life. Updated June 2018. ⭐ Course Outline (all in this video) ⭐ ⌨ 00:00:05 - Lesson 01: Welcome & Course Introduction ⌨ 00:01:27 - Lesson 02: A Technical Overview of Alexa ⌨ 00:06:03 - Lesson 03: Skills Setup in the Developer Portal ⌨ 00:14:16 - Lesson 04: Skill Service Setup in AWS ⌨ 00:24:24 - Lesson 05: Testing Skill Services ⌨ 00:31:37 - Lesson 06: Utterances, Intents, and Slots ⌨ 00:45:12 - Lesson 07: Using Intents and Slots ⌨ 00:58:41 - Lesson 08: Building Skills on Your Local Computer ⌨ 01:06:27 - Lesson 09: Working with Skill Project Code ⌨ 01:16:20 - Lesson 10: Creating a Complete Skill ⌨ 01:28:22 - Lesson 11: Next Steps 💻 Code, Links, and Resources: https://dabblelab.com/courses/alexa-development-101 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

MEAN Stack CRUD Operations - Beginners Tutorial

fhRdqbEXp9Y | 13 Jun 2018

MEAN Stack CRUD Operations - Beginners Tutorial

This MEAN stack beginners tutorial shows how to implement CRUD operations from scratch using the MEAN Stack. The app is created using MongoDB, Express, Node.JS and Angular 5. Code on GitHub: https://github.com/DotnetMob/MEAN-Stack-CRUD-Operations This tutorial was created by Dotnet Mob. View their channel for more great tutorials: https://goo.gl/hxQ83h -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

0-60 with Typescript and Node.js

RjqTo_dfw4w | 13 Jun 2018

0-60 with Typescript and Node.js

Lately TypeScript has been popping up in developer surveys, language rankings, and news outlets as a powerful tool that all JS devs should consider, but what does TypeScript bring to the table for Node.js developers? This session will dive head first on a demo driven tour of TypeScript in Node.js applications. You'll walk away knowing how to quickly add TypeScript to your own apps and with first hand experience of the productivity gains available from putting TypeScript in action. Talk given by Bowden Kelly at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Day in the life of a freelance web developer and dad (w/ freelancing tips)

vmmtFnLt_2Q | 12 Jun 2018

Day in the life of a freelance web developer and dad (w/ freelancing tips)

A freelance web developer and dad shares a day in his life and says that every day is different. He also gives some great freelancing tips. Video by Joel Rivera. Joel has his own YouTube channel with developer tips and software tutorials. Check it out: http://youtube.com/PixemWeb -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing React Components Part 3 (P5D79) - Live Coding with Jesse

DzmyimSlPIU | 12 Jun 2018

Editing React Components Part 3 (P5D79) - Live Coding with Jesse

Project 5 Day 79: Today we will edit more React components! See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I got into Web Dev as a Computer Science Major

mihlK15rQ1Y | 12 Jun 2018

How I got into Web Dev as a Computer Science Major

Chris talks about what it's like to enter the web dev scene as a computer science student who studies at a university that doesn't cover web dev at all in their curriculum. He also goes over some ways that studying computer science has helped him in his web dev journey indirectly. Talk from Chris Tse at the FreeCodeCamp OKC meet up. 🐦Chris on Twitter: https://twitter.com/ChrisMTse -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Big O: How Code Slows as Data Grows

Ee0HzlnIYWQ | 11 Jun 2018

Big O: How Code Slows as Data Grows

Big O notation is a computer science technique for analyzing how code performs as data gets larger. It's a very handy tool for the working programmer, but it's often shrouded in off-putting mathematics. In this talk, I'll teach you what you need to know about Big-O, and how to use it to keep your programs running well. Big-O helps you choose the data structures and algorithms that will let your code work efficiently even on large data sets. You can understand Big-O even if you aren't a theoretical computer science math nerd. Big-O isn't as mystical as it appears. It's wrapped in mathematical trappings, but doesn't have to be more than a common-sense assessment of how your code will behave. Talk given by Ned Batchelder at PyCon 2018. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Ionic Notes App Tutorial (Mobile App Development)

fKyf_esYgcA | 11 Jun 2018

Ionic Notes App Tutorial (Mobile App Development)

Build a full-featured note taking app using the Ionic framework. Ionic is an open-source SDK for hybrid mobile app development built on Angular. 💻Code: https://github.com/wesdoyle/ion-notes Tutorial from Wes Doyle. Check out his channel for more great tutorials: https://www.youtube.com/channel/UCfniixfhHqpIGbU7z2JCNJw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing React Components Part 2 (P5D78) - Live Coding with Jesse

-bo7-sSVxKQ | 08 Jun 2018

Editing React Components Part 2 (P5D78) - Live Coding with Jesse

Project 5 Day 78: Today we will edit more React components! See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Regular Expressions (Regex) in JavaScript - tutorial

909NfO1St0A | 08 Jun 2018

Regular Expressions (Regex) in JavaScript - tutorial

Learn the basics of using regular expressions / regex in your JavaScript applications. Check out Cody Seibert's main channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How Live Coding Changed My Life

7VA2MnDlt_I | 08 Jun 2018

How Live Coding Changed My Life

Jesse Weigel talks about how live coding changed his life. Recorded at Nodevember 2017. -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing React Components (P5D77) - Live Coding with Jesse

9D6qQLUQXLs | 07 Jun 2018

Editing React Components (P5D77) - Live Coding with Jesse

Project 5 Day 77: Today we will edit some React components! See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Twitter thread reader using PHP (tutorial)

jjodHH6stRU | 07 Jun 2018

Build a Twitter thread reader using PHP (tutorial)

In this PHP tutorial you will learn to build a Twitter thread reader using the Twitter API. Check out more from Jerôme Gangneux on his channel: https://www.youtube.com/channel/UCGFDciDurID5U496UtkqRTQ/videos -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

All about GRAND Stack: GraphQL, React, Apollo, and Neo4j

MMg4n68wodo | 07 Jun 2018

All about GRAND Stack: GraphQL, React, Apollo, and Neo4j

In this presentation, we explore application development using the GRAND stack (GraphQL, React, Apollo, Neo4j) for building web applications backed by a graph database. This talk will review the components to build a simple web application, including how to build a React component, an introduction to JSX, an overview of GraphQL and why it is a game-changer for front-end development, and we'll learn how to model, store, and query data in the Neo4j graph database using GraphQL to power our web application. Talk by William Lyon (http://twitter.com/lyonwj), Developer Relations Engineer at Neo4j Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Material UI v1.2.0 Update with Breaking Changes (P5D76) - Live Coding with Jesse

1PI1k6Xvn1s | 06 Jun 2018

Material UI v1.2.0 Update with Breaking Changes (P5D76) - Live Coding with Jesse

Project 5 Day 76: Today we will update Material UI to the latest version and adjust to all the breaking changes. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

WebAssembly: The What, Why and How

5mx7wRs8ju4 | 06 Jun 2018

WebAssembly: The What, Why and How

WebAssembly is a portable, size, and load-time efficient binary format for the web. It is an emerging standard being developed in the WebAssembly community group, and supported by multiple browser vendors. This talk details what WebAssembly is, the problems it is trying to solve, exciting post-MVP features, and how to get involved. Talk given by Deepti Gandluri at Node Summit 2017. Thanks to Node Summit for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Ruby Programming Language - Full Course

t_ispmWmdjY | 06 Jun 2018

Ruby Programming Language - Full Course

Learn the Ruby programming language in this full course / tutorial. The course is designed for new programmers, and will introduce common programming topics using the ruby language. ⭐️Course Contents ⭐️ ⌨️ 1. (0:00) Introduction ⌨️ 2. (1:24) Windows Installation ⌨️ 3. (4:45) Mac Installation ⌨️ 4. (6:38) Hello World / Setup ⌨️ 5. (12:01) Drawing a Shape ⌨️ 6. (18:17) Variables ⌨️ 7. (28:32) Data Types ⌨️ 8. (33:13) Working With Strings ⌨️ 9. (44:03) Math & Numbers ⌨️ 10. (53:54) Getting User Input ⌨️ 11. (1:01:09) Building a Calculator ⌨️ 12. (1:08:15) Building a Mad Libs Game ⌨️ 13. (1:12:45) Arrays ⌨️ 14. (1:21:31) Hashes ⌨️ 15. (1:27:42) Methods ⌨️ 16. (1:35:28) Return Statement ⌨️ 17. (1:40:26) If Statements ⌨️ 18. (1:52:24) If Statements (continued) ⌨️ 19. (1:59:11) Building a Better Calculator ⌨️ 20. (2:07:19) Case Expressions ⌨️ 21. (2:16:07) While Loops ⌨️ 22. (2:22:36) Building a Guessing Game ⌨️ 23. (2:35:29) For Loops ⌨️ 24. (2:40:01) Exponent Method ⌨️ 25. (2:44:45) Comments ⌨️ 26. (2:49:23) Reading Files ⌨️ 27. (2:57:55) Writing Files ⌨️ 28. (3:06:34) Handling Errors ⌨️ 29. (3:14:29) Classes & Objects ⌨️ 30. (3:24:13) Initialize Method ⌨️ 31. (3:31:47) Object Methods ⌨️ 32. (3:37:11) Building a Quiz ⌨️ 33. (3:46:21) Inheritance ⌨️ 34. (3:53:50) Modules ⌨️ 35. (3:59:06) Interactive Ruby (irb) Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw 🐦Follow Mike on Twitter: https://twitter.com/mike_dane 🔗The Giraffe Academy website: http://www.giraffeacademy.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

One weird trick to becoming a better software developer 😉

mZdznKc5ZaM | 05 Jun 2018

One weird trick to becoming a better software developer 😉

Those of us who have worked in software development for longer than a few years probably feel we have an intuitive sense of what a great developer is. Some traits come more easily to mind than others when it comes to identifying a great developer. In this talk we will take a slightly different approach to evaluating software development best practices, and identify one underrated skill common to great software developers: empathy. I hope to demonstrate that cognitive and emotional empathy skills are critical to good software development. We will explore ways to cultivate this trait in order to become better developers, both for our own sakes and for the sake of the teams in which we work. Talk given at PyCon 2018 by Esther Nam. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using CSS with React Part 2 (P5D75) - Live Coding with Jesse

0LZuCuvscCo | 05 Jun 2018

Using CSS with React Part 2 (P5D75) - Live Coding with Jesse

Project 5 Day 75: Today we will continue to style React components using CSS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a chat application like Slack - React / JavaScript Tutorial

a-JKj7m2LIo | 05 Jun 2018

Build a chat application like Slack - React / JavaScript Tutorial

Learn how to build a complete chat application with typing indicators, “who’s online list”, and message history in this React / JavaScript tutorial. In this screencast, you’ll learn how to build a team communication chat application similar to Slack using React on the front-end and Chatkit on the back-end. Sign up here: https://pusher.com/chatkit ▼ Follow Booker ▼ on Twitter: https://twitter.com/bookercodes on GitHub: https://github.com/bookercodes ▼ Links (in the order they’re mentioned)▼ Starter template: https://github.com/bookercodes/react-slack-clone-starter-template Complete code: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit Step by step written tutorial: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit Chatkit Slack group: https://feedback-beta.pusher.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Angular 5 Tutorial

GbivbPy00FU | 04 Jun 2018

Intro to Angular 5 Tutorial

Introduction to Angular. Angular is a TypeScript-based open-source front-end web application platform led by the Angular Team at Google and by a community of individuals and corporations. Check out Dylan Israel's YouTube channel: https://www.youtube.com/channel/UC5Wi_NYysX-LfcqT3Hq9Faw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Electron JS: Build Amazing Desktop Apps

0I_OURgu8Ow | 04 Jun 2018

Electron JS: Build Amazing Desktop Apps

Introduction to Electron. Electron allows developers to build cross platform desktop apps with JavaScript, HTML, and CSS. Talk given by Chris Griffith at the JavaScriptLA meetup. 🐦 Chris on twitter: https://twitter.com/chrisgriffith Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

From Self-Taught Programmer to Job

MHtqcL-3_fM | 01 Jun 2018

From Self-Taught Programmer to Job

A talk on how you can start your programming career from nothing. Topics covered: strategies on how to learn to program, tips on how to get a job, tricks for staying motivated along the way. Learn how to get a programming job with no experience. Talk by Daniel Deutsch (@DDCreationStudi) and Robert Axelsen (@robaxelsen). Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Bulma CSS Framework - complete tutorial

LBzZLzu2GKo | 01 Jun 2018

Bulma CSS Framework - complete tutorial

Learn the best CSS framework since Bootstrap! If you want to take the interactive version of the course, visit this page: https://scrimba.com/g/gbulma Bulma is the brainchild of CSS Guru Jeremy Thomas @jgthms. It's a modern responsive CSS framework based on Flexbox. The framework makes scaffolding and designing websites a breeze with best-in-class documentation and well-designed, intuitive components and modifiers. ✨ Bulma is great not just for building but learning best HTML and CSS3 practices, too! It's like having @jgthms👨‍🎨 there the whole time. 😍 In this course, you'll learn to create not one, not two, but three beautiful, responsive websites bootstrapped with Bulma in less than an hour. Have a question, comment, or feedback? Feel free to reach out to the course creator Zaydek on Twitter: @username_zaydek. -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using CSS with React (P5D74) - Live Coding with Jesse

5GF4ZwdBfSY | 31 May 2018

Using CSS with React (P5D74) - Live Coding with Jesse

Project 5 Day 74: Today we will style React components using CSS. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Clone a GitHub Repository for Beginners

bKuE-afbRLU | 31 May 2018

How to Clone a GitHub Repository for Beginners

Clone a GitHub repository from scratch. Starting with installing NodeJS, npm, and git all the way to installing packages and running a local version of a project. Note: NodeJS and npm are NOT necessary to clone a repo from GitHub. They are used in this video for running our cloned project locally. Not all GitHub projects use Node and npm, so they will not always be needed. Video from Jesse Weigel. -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Beyond the Basics of Image Optimization

9JxbF6k2_xk | 31 May 2018

Beyond the Basics of Image Optimization

Images are by far the greatest bottleneck to performance on the web, and with the average web page size now about 2.5MB large—images taking up 65% of that—we need to tame the beast. Running images through a compression program like ImageOptim is a good first step, but what else can we do? In this engaging talk, Una will survey new image formats and dive deep into image rendering and performance optimization techniques, demonstrating practical approaches to making your web projects noticeably faster. Talk given by Una Kravets and Martin Splitt at SmashingConf London 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting Up a Custom Domain for Google Cloud Storage (P5D73) - Live Coding with Jesse

nxaMW8w6NUg | 30 May 2018

Setting Up a Custom Domain for Google Cloud Storage (P5D73) - Live Coding with Jesse

Project 5 Day 73: Today we will set up a custom domain to use with our Google Cloud Storage. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Vue.js

gdZH7Anh_6w | 30 May 2018

Intro to Vue.js

Vue.js is an open-source JavaScript framework for building user interfaces. Find out more in this talk. Talk given by Brad Ito at the JavaScriptLA meetup. Brad on twitter: https://twitter.com/PhlogisticFugu Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

GDPR: What it means and compliance

zcCYuF9lQUM | 29 May 2018

GDPR: What it means and compliance

Learn about the components of General Data Protection Regulation (GDPR) and how they can be implemented in a small team of developers. Talk by Anna Dick. Recorded by Pusher.com. Check them out if you want awesome real-time tools, and subscribe to the their YouTube channel for more talks! Pusher's channel: https://www.youtube.com/channel/UCoyqucxoFXDFnh3khD0rjUg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp data protection

From wireframe to website prototype - Webflow Tutorial

W5_PbWXQepw | 29 May 2018

From wireframe to website prototype - Webflow Tutorial

How to build a prototype in Webflow. Webflow is a responsive website design tool that let's you build websites in the browser. In this Webflow tutorial I show you a step by step process for taking a concept for a website or app and creating a responsive, interactive prototype in Webflow. Tutorial from Robert Smith. Check out his YouTube channel: https://www.youtube.com/channel/UCpzWITCC0EjA9tiKeyO1i3A -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Cloud Storage for Stateless WordPress (P5D72) - Live Coding with Jesse

ejwyuPbOABY | 29 May 2018

Google Cloud Storage for Stateless WordPress (P5D72) - Live Coding with Jesse

Project 5 Day 72: Today we will set up Google Cloud Storage to work with WordPress. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SSO for Web APIs

0ndQbJaw89Y | 28 May 2018

SSO for Web APIs

Distributed systems, Microservices and Web APIs taking us to new challenges regarding authentication and authorization. - "One does not simply log in!" The standards OAuth2, OpenID Connect, and JSON Web Tokens (JWT) can help us mastering the auth* challenges in these architectures. We'll discuss the principles of these standards and look at a clever solution with the use of JBoss Keycloak. Talk by Niko Köbler at the Voxxed Days Zurich 2018 conference. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Create a 3D Wireframe Renderer - JavaScript Tutorial

9HOvkVQjGf8 | 25 May 2018

Create a 3D Wireframe Renderer - JavaScript Tutorial

Learn how to create a simple 3D wireframe renderer in JavaScript from scratch. You will learn how points in 3D space are projected on the screen with perspective using a simple camera. 💻 Source code: https://github.com/meth-meth-method/wireframe-renderer/releases/tag/broadcast 🎥 Check out the Meth Meth Method channel on YouTube for more tutorials from this creator: https://www.youtube.com/channel/UC8A0M0eDttdB11MHxX58vXQ 🎶 Music: http://www.demoscenetimemachine.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Serverless State of the Union

1XWOq4q_O7Q | 25 May 2018

Serverless State of the Union

Serverless has captivated the IT community at an incredible pace, and for good reason. It has tremendous power to liberate productivity, increase innovation and reduce overhead. However, adopting serverless technologies is still not well understood. As the ecosystem grows around serverless, we’re empowered with options, yet further distanced us from a clear path to adoption. In this talk, we’ll break through the clutter to investigate use-cases, adoption methods, the power of serverless now and it’s capacity to meet the demands of the future. We’ll also look into open-source, community-led projects within the Cloud Native Computing Foundation that aim to advance the adoption of serverless technologies, while enabling interoperability and an open ecosystem. Talk by Austen Collins, Founder & CEO, Serverless Inc. Talk given at the 2018 Open Source Leadership Summit. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting up a Proxy for Google Cloud SQL (P5D71) - Live Coding with Jesse

c3hBeMgmYBw | 24 May 2018

Setting up a Proxy for Google Cloud SQL (P5D71) - Live Coding with Jesse

Project 5 Day 71: Today we will set up a proxy for the Google Cloud SQL database that we created yesterday. This will allow our Now deployment of WordPress to connect to the database. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Python to build an AI to play and win SNES StreetFighter II with machine learning

NIG4BZ8VpF4 | 24 May 2018

Using Python to build an AI to play and win SNES StreetFighter II with machine learning

Hear the story of how we used Python and machine learning to build an artificial intelligence that plays Super StreetFighter II on the Super NES. We'll cover how Python provided the key glue between the SNES emulator and AI, and how the AI was built with gym, keras-rl and tensorflow. We'll show examples of game play and training, and talk about which bot beat which bot in the bot-v-bot tournament we ran. Talk given by Adam Fletcher and Jonathan Mortensen at PyCon 2018. Thanks to PyCon for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Fundamentals - Full Course for Beginners

6Ied4aZxUzc | 24 May 2018

React Fundamentals - Full Course for Beginners

This is an introductory React course / tutorial which will teach you the magic of React.js. React is a JavaScript library, which lets you build user interfaces using separate components. ⭐️Course Contents ⭐️ ⌨️1. (0:58) Setting React Environment ⌨️2. (2:45) React Elements ⌨️3. (6:40) JSX ⌨️4. (9:37) Components ⌨️5. (14:09) Props ⌨️6. (17:38) State ⌨️7. (20:17) Lifecycle (componentDidMount) ⌨️8. (22:30) Asynchronous Calls ⌨️9. (26:26) Containers ⌨️10. (29:42) Lists and Keys ⌨️11. (34:47) Refactoring List Component ⌨️12. (36:30) Forms (Input) ⌨️13. (40:03) Conditional Rendering ⌨️14. (45:34) Images (Loader Component) ⌨️15. (49:15) Setting Up React Router ⌨️16. (54:02) Setting Routes ⌨️17. (56:53) Using Route Params Course developed by Edvinas Daugirdas. -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Todo List Tutorial using Vue.js & AdonisJs

dfEZlcPvez8 | 23 May 2018

Full Stack Todo List Tutorial using Vue.js & AdonisJs

We are going to build a simple full stack todo list application using Vue.js for the front end and Adonis to implement the REST API. Also uses Vuetify. Vue.js section starts at 1:11:14 Cody's Channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw 💻 Code: https://github.com/codyseibert/vue-adonis-todo 🐦 Follow Cody on twitter: https://twitter.com/CodyLSeibert -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Douglas Crockford Explains Character Codes

YLePu83QgBg | 23 May 2018

Douglas Crockford Explains Character Codes

Learn about the history of character sets from Douglas Crockford. Talk given at the JavaScriptLA meetup. 🔗 Check out the JavaScriptLA channel for more great talks: https://www.youtube.com/c/javascriptla Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Git with WordPress (P5D70) - Live Coding with Jesse

oJmnLmtH6-4 | 23 May 2018

Using Git with WordPress (P5D70) - Live Coding with Jesse

Project 5 Day 70: Today we will adapt our WordPress installation to use Git in preparation for hosting it with Now from Zeit. *We ended up creating a Google Cloud SQL database and migrating our WordPress DB there. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web application security: 10 things developers need to know

qjrkV4RjgIU | 22 May 2018

Web application security: 10 things developers need to know

Security is an important topic for developers however security is often an afterthought in a project. This presentation will focus on practices which developers need to be aware of, and make security fun again. This is an in depth talk about 10 topics, not an overview for security best practices. Talk by Nanne Baars at the Voxxed Days Vienna 2018 conference. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Node.js and Chatkit JavaScript tutorial: Build a command-line chat app

VT674-wB6-Q | 22 May 2018

Node.js and Chatkit JavaScript tutorial: Build a command-line chat app

Learn to build a Node.js command-line chat application with Chatkit in this JavaScript tutorial. 🔗 https://pusher.com/chatkit  💻 Code on GitHub: https://github.com/pusher/chatkit-command-line-chat ⭐️🔗Links mentioned in video🔗⭐️ -server.js file: https://gist.github.com/bookercodes/290c7a8e8bcf4769caf9a2aaeea87944 -Wes Bos talk on Async/Await: https://youtu.be/DwQJ_NPQWWo -Destructuring: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 🔗 Alex Booker's Code Cast YouTube channel: https://www.youtube.com/channel/UCcQsDUZiK1GWDcP7BpVO_kw 🐦 Alex on Twitter: https://twitter.com/bookercodes -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Snake Game Tutorial Using Functional Programming

bRlvGoWz6Ig | 21 May 2018

JavaScript Snake Game Tutorial Using Functional Programming

Build a Snake Game in JavaScript using Functional Programming concepts. No libraries are used in this JavaScript tutorial. 💻 Source code: https://github.com/chrokh/snake Created by Christopher Okhravi. 🔗Check out his YouTube channel: https://www.youtube.com/channel/UCbF-4yQQAWw-UnuCd2Azfzg -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Progressive Web Apps: Your web app on steroids

eQ9WtrUmZdo | 21 May 2018

Progressive Web Apps: Your web app on steroids

Progressive Web Apps are the combination of web, plus the experience of native apps. You start from a tab in your browser and you finish with an icon on your home page… with no installation! As a native app, PWA brings other benefits such as sending push notifications, data-synchronization in background… also loading your application instantly, regardless of the network state (thanks to the service worker). During this session, we will see what are services worker and the 10 Commandments of a Progressive Web App. The debate between web and native is not ready to stop! 🔗Slides: https://slides.maxpou.fr/pwa-app-on-steroids/index.html#/ Talk by Maxence Poutord at the Voxxed Days Vienna 2018 conference. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Deployment Strategy Session (P5D69) - Live Coding with Jesse

xKZ3STR7_10 | 21 May 2018

Live Deployment Strategy Session (P5D69) - Live Coding with Jesse

Project 5 Day 69: Today we will plan the deployment of our React app, WordPress installation, and mySQL database. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Linux System - Live Tutorial

O_wcpXF5ZRY | 18 May 2018

Build a Linux System - Live Tutorial

This tutorial walks you through building and booting the simplest possible Linux system, first under QEMU and then on real hardware. We cover kernel configuration and building, native vs cross compiling, initramfs creation (and other root filesystem options), installing and booting, the init process and system bringup, running an app, adding an example server (sshd), and finally we'll add a native toolchain to compile "hello world" on the target. Talk from Rob Landley, se-instruments.com. Talk given at the Embedded Linux Conference. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

TypeScript 101 (tutorial)

xPEMup5SPTM | 18 May 2018

TypeScript 101 (tutorial)

Introduction to TypeScript. TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language. Check out Dylan Israel's YouTube channel: https://www.youtube.com/channel/UC5Wi_NYysX-LfcqT3Hq9Faw -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Day in the life of a freelance developer and mom

AKacS-t-MfQ | 17 May 2018

Day in the life of a freelance developer and mom

Colleen is a mother of three and freelance developer. She shares freelance tips while showing what a normal day is like for her. 🐦 Colleen Schnettler on Twitter: https://twitter.com/leenyburger -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Create Video Games with JavaScript

mKCwgMlZZKg | 17 May 2018

How to Create Video Games with JavaScript

Tips for creating games with JavaScript. Talk given by Sean Hornsby at the JavaScriptLA meetup. 🐦 Sean on twitter: https://twitter.com/mushiwulf 🔗 Check out the JavaScriptLA channel for more great talks: https://www.youtube.com/c/javascriptla Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 1)

aXwCrtAo4Wc | 16 May 2018

JavaScript + HTML5 GameDev Tutorial: 8-Ball Pool Game (part 1)

Learn to build an 8-ball pool game from scratch with HTML5 and Javascript. Part one of a three part series. Part 2: https://youtu.be/Am8rT9xICRs Part 3: coming soon 🔗Github repo: https://github.com/henshmi/Classic-Pool-Game 🔗Game demo: https://henshmi.github.io/Classic-Pool-Game/ ⭐️ Tutorial created by Chen Shmilovich. 🔗Chen's YouTube channel: https://www.youtube.com/channel/UCLUtNUb2G2XHp9Zty__D3xw 🔗Chen on LinkedIn: https://www.linkedin.com/in/chen-shmilovich/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Machine Learning without the Hype

E-TUigZPjrg | 16 May 2018

Machine Learning without the Hype

What is artificial intelligence, machine learning, and deep learning mean in general? When is a rule-based approach the right solution and when do you need machine learning? What does machine learning mean for time-series data? What is the difference between supervised and unsupervised learning in this area? What could an example with an actual dataset look like? Talk by Philip Krenn at the Voxxed Days Vienna 2018 conference. Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What are Microservices?

j3XufmvEMiM | 15 May 2018

What are Microservices?

An introduction to microservices from Software Engineering Daily. Find out about microservices and microservice architecture in this quick animation. Music by The Prion. http://softwareengineeringdaily.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Migration (P5D68) - Live Coding with Jesse

qzXlr2ggVFI | 14 May 2018

Data Migration (P5D68) - Live Coding with Jesse

Project 5 Day 68: Today we will continue to migrate data from SQLServer to MySql using Node.js and the WordPress REST API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course)

nZ1DMMsyVyI | 14 May 2018

JavaScript ES6, ES7, ES8: Learn to Code on the Bleeding Edge (Full Course)

This course will teach you the most modern features of JavaScript, also known as ES6+. You can also take the interactive version of the course here: https://scrimba.com/g/gintrotoes6 JavaScript is one of the most popular programming languages in the world. It’s used almost everywhere: from large-scale web applications to complex servers to mobile and IoT devices. ⭐️ Course content ⭐️ ⌨️ Template Literals (1:06) ⌨️ Destructuring (5:32) ⌨️ Object Literal (9:42) ⌨️ For of loop (13:44) ⌨️ Spread operator (17:51) ⌨️ Rest operator (20:57) ⌨️ Arrow Functions (23:02) ⌨️ Default Params (25:50) ⌨️ Array.includes() (27:44) ⌨️ Let & const (28:58) ⌨️ Export & import (32:53) ⌨️ String.padStrart(), String.padEnd() (35:29) ⌨️ Classes (38:05) ⌨️ Trailing commas (49:59) ⌨️ Async/Await (51:27) ⌨️ Sets (1:01:19) ⌨️ What's Next (1:04:08) Follow the instructor Dylan Israel on Twitter here: https://twitter.com/PizzaPokerGuy Check out Dylan's intro to JavaScript course: https://youtu.be/_y9oxzTGERs Check out Dylan's YouTube channel: https://www.youtube.com/channel/UC5Wi_NYysX-LfcqT3Hq9Faw If you want to learn more about JavaScript, check out these playlists on our channel: ▶JavaScript Basics: https://www.youtube.com/playlist?list... ▶ES6: https://www.youtube.com/playlist?list... ▶Design Patterns: https://www.youtube.com/playlist?list... ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list... ▶Clean Code: https://www.youtube.com/playlist?list... -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Beyond the Cloud: Edge Computing

SQipnBNVjv0 | 14 May 2018

Beyond the Cloud: Edge Computing

As we move toward a world where everything is smart and connected, there is a massive flood of data. This considerable growth requires the data center to analyze and transform data at an unprecedented scale. These transformations are powered by an end-to-end infrastructure from the cloud and data center, the network, and the Internet of Things (lo.I), and are bound together by connectivity. Talk from Mark Skarpness, Vice President, Software and Services Group Director, Open Source Technology Center Datacenter System Software, Intel Corporation Talk given at the 2018 Open Source Leadership Summit. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live CSS Styling (P5D67) - Live Coding with Jesse

qaf4H8Ee9CY | 11 May 2018

Live CSS Styling (P5D67) - Live Coding with Jesse

Project 5 Day 67: Today we will add some styles to the card component that we worked on in the last stream. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Code your own YouTube app: YouTube API + HTML + CSS + JavaScript (full tutorial)

9sWEecNUW-o | 11 May 2018

Code your own YouTube app: YouTube API + HTML + CSS + JavaScript (full tutorial)

Create a dynamic YouTube playlist app using HTML, CSS, Javascript and jQuery. 🔗The Completed App - https://codepen.io/Middi/pen/QQrOdB 🔗 Thumbnail image - https://i.ytimg.com/vi/qxWrnhZEuRU/mqdefault.jpg 🔗YouTube Logo - https://github.com/Middi/youtube-api/blob/master/images/logo.png 🎥Check out Richard's YouTube channel - https://www.youtube.com/channel/UCimIdsDPn0mE03Cb7C6aR8Q -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Panel: Artificial Intelligence and Machine Learning

80mNZBAFzIY | 11 May 2018

Panel: Artificial Intelligence and Machine Learning

Panal on Artificial Intelligence and Machine Learning. Featuring Deepak Agarwal, VP of Engineering, LinkedIn; Mazin Gilbert, VP of Advanced Technology, AT&T Labs; Rachel Thomas, Co-founder, fast.ai; Tarry Singh, Deep Learning Executive Talk given at the 2018 Open Source Leadership Summit. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Dealing with Ugly Data in React (P5D66) - Live Coding with Jesse

Y7OWwNdw4ZI | 10 May 2018

Dealing with Ugly Data in React (P5D66) - Live Coding with Jesse

Project 5 Day 66: Today we will pull information out of a mass of data that includes a variety of non-standard HTML markup. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Understanding webpack from the inside out

gEBUU6QfVzk | 10 May 2018

Understanding webpack from the inside out

webpack is a JavaScript module bundler that has taken the world by storm. This talk by a webpack maintainer covers webpack from the inside-out. You'll learn how to write custom plugins and leverage this powerful tool to work seamlessly with your tech stack and development workflow. Talk given by Sean Larkin & Tobias Koppers at ReactConf 2017 Thanks to ReactiveConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

GraphQL Full Course - Novice to Expert

ed8SzALpx1Q | 09 May 2018

GraphQL Full Course - Novice to Expert

Complete course on GraphQL where you will create a full-stack application from scratch using: - GraphQL server on Node.js - React front-end (with Apollo) - MongoDB to store data Checkout The Net Ninja YouTube Channel for more great tutorials: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg ⭐️ Course Links ⭐️ 🔗Course files - https://github.com/iamshaunjp/graphql-playlist (switch branches to access files) 🔗Atom editor - https://atom.io/ 🔗CMDER - http://cmder.net/ 🔗Node Download - https://nodejs.org/en/ ⭐️ Course Contents ⭐️ #1 (0:00)- Introduction to GraphQL #2 (6:51)- A Birdseye View of GraphQL #3 (10:59)- Project (stack) Overview #4 (14:18)- Making Queries (front-end preview) #5 (20:05)- Express App Setup #6 (25:41)- Setting up GraphQL #7 (31:02)- GraphQL Schema #8 (38:08)- Root Query #9 (48:20)- The Resolve Function #10 (53:16)- Testing Queries in Graphiql #11 (59:49)- GraphQL ID Type #12 (1:03:36)- Author Type #13 (1:09:30)- Type Relations #14 (1:17:41)- GraphQL Lists #15 (1:25:56)- More on Root Queries #16 (1:29:39)- Connecting to mLab #17 (1:35:51)- Mongoose Models #18 (1:42:53)- Mutations #19 (1:53:06)- More on Mutations #20 (1:58:58)- Updating the Resolve Functions #21 (2:06:45)- GraphQL NonNull #22 (2:12:20)- Adding a Front-end #23 (2:15:50)- Create React App #24 (2:24:18)- Book List Component #25 (2:27:55)- Apollo Client Setup #26 (2:34:47)- Making Queries from React #27 (2:42:26)- Rendering Data in a Component #28 (2:49:23)- Add Book Component #29 (2:59:41)- External Query File #30 (3:04:12)- Updating Component State #31 (3:12:35)- Composing Queries #32 (3:24:48)- Query variables #33 (3:31:05)- Re-fetching Queries #34 (3:35:11)- Book Details Component #35 (3:42:47)- Making a Single Query #36 (3:54:13)- Styling the App

Into the Weeds of CSS Layout - talk

S7snaLAfTd8 | 09 May 2018

Into the Weeds of CSS Layout - talk

There are lots of reasons to get excited about new layout methods in CSS, but what impact does moving to Flexbox and Grid have on performance? And once you have decided to adopt new layout methods, are some techniques more performant than others? Talk given by Rachel Andrew at SmashingConf London 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Reusable React Component (P5D65) - Live Coding with Jesse

R2spyYqdu-g | 09 May 2018

Creating a Reusable React Component (P5D65) - Live Coding with Jesse

Project 5 Day 65: Today we will create a reusable react component that will display basic information about a person. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Introduction to JavaScript

_y9oxzTGERs | 07 May 2018

Introduction to JavaScript

This course introduces you to JavaScript, the most popular programming language for web development. You can also try the interactive version of the course here: https://scrimba.com/g/gintrotojavascript The course contains 14 lessons and 7 challenges. In the challenges, you'll be encourage to jump into the code and get your hands dirty. This is both fun and great for making the knowledge stick. ⭐️Course Contents ⭐️ ⌨️Data types ⌨️Variables (1:45) ⌨️Strings (4:11) ⌨️Numbers (11:37) ⌨️Booleans (16:41) ⌨️Arrays (20:23) ⌨️Objects (26:32) ⌨️Arithmetic operations (32:43) ⌨️Relational operations (34:31) ⌨️Increment & decrement (40:20) ⌨️If, else if, else (44:03) ⌨️Switch statements (50:22) ⌨️For loops (53:58) ⌨️While & Do While (57:30) ⌨️Functions (1:02:11) Check out the JavaScript ES6 course here: https://youtu.be/nZ1DMMsyVyI Follow the instructor Dylan Israel on Twitter here: https://twitter.com/PizzaPokerGuy Check out Dylan's YouTube channel: https://www.youtube.com/channel/UC5Wi_NYysX-LfcqT3Hq9Faw If you want to learn more about JavaScript, check out these playlists on our channel: ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp javascript tutorial

Data Migration and Routing (P5D64) - Live Coding with Jesse

L0MEMJByfG8 | 07 May 2018

Data Migration and Routing (P5D64) - Live Coding with Jesse

Project 5 Day 64: Today we will continue bringing over more data and setting up routes with NodeJS to make that data available to our users. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Engine Internals for JavaScript Developers - talk

-lt6a9kbc_k | 07 May 2018

JavaScript Engine Internals for JavaScript Developers - talk

Learning just a little bit about JavaScript engine internals can help you improve the run-time performance of your JavaScript code — not just in V8 specifically, but across all JavaScript engines! Slides: https://slidr.io/mathiasbynens/v8-internals-for-javascript-developers#1 Talk given by Mathias Bynens at SmashingConf London 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The quantum computers are coming - talk

JFLdFubTXZE | 04 May 2018

The quantum computers are coming - talk

Many people may not know it, but we live in a time where the first quantum computers have been created - and they're pretty damn cool. Why? Because while regular bits are limited to only two boring values, QBITs can take near infinite values and operate singularly or in harmony with each other. This outstanding property gives rise to a new kind of algorithms (and a lot of fun!). Follow me on a journey from Zuses Z3 computer and Schrödingers cat to supercooled quantum processors and parallel universes - no PhD in physics required. Talk given by Alasdair Collinson at the Voxxed Days Zurich 2018 conference. -- Thanks to Devoxx for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Intro to Serverless: why and how (with basic tutorial)

un8-zGFXEfU | 04 May 2018

Intro to Serverless: why and how (with basic tutorial)

A brief intro to Serverless and why you should learn it. Also, a tutorial on getting started with Serverless. 🔗Creating an AWS account: https://youtu.be/9_wo0FHtVmY 🔗Serverless Framework instructions: https://serverless.com/framework/docs/providers/aws/guide/quick-start/ 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Fonts are ▢▢▢ Rocket Science - talk

4m0OEPOfxUU | 03 May 2018

Web Fonts are ▢▢▢ Rocket Science - talk

Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science. Talk given by Zach Leatherman at SmashingConf London 2018. https://smashingconf.com/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Deployment with Now (P5D63) - Live Coding with Jesse

wJ4hXGq0TV0 | 03 May 2018

React Deployment with Now (P5D63) - Live Coding with Jesse

Project 5 Day 63: Today we will deploy a test version of our React site using Now from Zeit (the same people who made Next). See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to Raise a Tech Family, talk by 15-year-old programmer and her father

fXhDM1MdVu4 | 02 May 2018

How to Raise a Tech Family, talk by 15-year-old programmer and her father

This talk is from Keila Banks and her father Phillip. Keila is a 15-year-old programmer, web designer, and technologist. For any system to survive it must figure out how to bring in new members. In this keynote, you'll hear from Keila Banks who since 11 years old (now 15) has been speaking at conferences around the world; and her father Phillip Banks, who's been programming since he was 10 and provided the same path for his children. Along with 3 other sons, they have all been a part of technology efforts and open source communities since their youth. Hear from a teen how you can help grow open source communities and youth involvement from what we've learned along the way. Talk originally given at the Open Source Leadership Summit 2018. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Routing with Express (P5D62) - Live Coding with Jesse

W_3wAsp0SUc | 02 May 2018

React Routing with Express (P5D62) - Live Coding with Jesse

Project 5 Day 62: Today we will add some routes to our custom router for our React project. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A Modern Front-End Workflow with DevTools - talk

wz1Sy5C039M | 01 May 2018

A Modern Front-End Workflow with DevTools - talk

You can expect to learn hidden DevTools secrets but also how to adopt a modern development and debugging workflow. This talk is important for any web developer or designer who wants to understand and debug the internals of a webpage quickly and with ease. It will also cover a few CSS tools, performance profiling and debugging techniques, all with the goal of mastering your authoring workflow to ensure your development workflow is highly optimized. Talk given by Umar Hansa at SmashingConf London 2018. https://smashingconf.com/ Umar has more DevTools tips on his channel: https://www.youtube.com/c/UmarHansa The DevTools newsletter Umar mentioned in his talk is here: https://umaar.com/dev-tips/ Thanks to SmashingConf for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML/CSS Tutorial - Build a Beautiful Blog

wq-Q7CDj6ZI | 01 May 2018

HTML/CSS Tutorial - Build a Beautiful Blog

If you've ever been curious to learn HTML and CSS but found yourself frustrated along the way, this course is for you. Watch it here or experience the interactive version on Scrimba: https://scrimba.com/g/gbuildablog About the course: I'm Zaydek, and I've built a few websites. In the process, however, I've found myself overwhelmed with the syntax and baggage of HTML and CSS. In this course, I provide a brief introduction to HTML and CSS (hopefully!) without the pain I had to first endure. I’ll teach you learn how to start from scratch and architect something that would then be meaningful for you and others. ⭐️ Course Contents ⭐️ ⌨️ 1. Introduction - 0:00 ⌨️ 2. A Brief Introduction to HTML and CSS - 1:08 ⌨️ 3. What is a CSS Reset and Debugger - 4:49 ⌨️ 4. Getting Started with CSS Grid - 7:37 ⌨️ 5. Iterating our CSS Grid - 12:40 ⌨️ 6. Getting Started with Images - 16:17 ⌨️ 7. Text Elements, part 1 - 20:23 ⌨️ 8. Text Elements, part 2 - 24:17 ⌨️ 9. Text Elements, part 3 - 29:21 ⌨️ 10. Images (continued) and Social Media Buttons - 32:10 ⌨️ 11. Last Articles with Gradients - 39:08 If you have questions, comments, or feedback, reach out to me on Twitter: https://twitter.com/username_zaydek -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Migration with NodeJS (P5D61) - Live Coding with Jesse

gcflTCz_es8 | 30 Apr 2018

Data Migration with NodeJS (P5D61) - Live Coding with Jesse

Project 5 Day 61: Today we will continue to migrate data from our old SQLServer database to the new MySQL database using NodeJS and the WordPress API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A Brief History of JavaScript, talk by Brendan Eich (creator of JavaScript)

qKJP93dWn40 | 27 Apr 2018

A Brief History of JavaScript, talk by Brendan Eich (creator of JavaScript)

The creator of JavaScript, Brendan Eich, shares the history of JavaScript. Filmed at https://2017.dotjs.io on December 1st in Paris. -- This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Pushing the Limits of Kubernetes with Game of Thrones

9MOZ7-CvJew | 26 Apr 2018

Pushing the Limits of Kubernetes with Game of Thrones

Do you want to know what it is like to run 15,000 pods in production? Are you interested in seeing how Kubernetes stands up to the record-breaking viewership and a login rate that is beyond belief on Game of Thrones Season 7 premiere? Come and see things we have done for the Game of Thrones preparation. We will talk about how we provision Kubernetes clusters on AWS, and how we monitor them and microservices that are running on the clusters. In this talk, we will also go over how HBO Go went from deploying and running microservices on virtual machines in AWS EC2 to running the very same services inside the Kubernetes clusters. We were able to dramatically increase the productivity of our engineering teams and efficiency of resource utilization in the process. It wasn’t always a smooth ride and it wasn’t a one shot deal. Instead, it was a long and at times challenging journey starting from operating a reliable, production-ready Kubernetes cluster in AWS, advancing to gradually deploying select services into Kubernetes clusters, load testing them, and running them in parallel to our current EC2 installations, and finally going live. Come and learn some helpful tips and mistakes we made along the way, which could help your organization embrace the Kubernetes world. Talk given by Zihao Yu & Illya Chekrygin at the Cloud Native Computing Foundation 2017 conference. -- This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Updating an Old jQuery Web App - Live Coding with Jesse

vwe8maXnL4A | 25 Apr 2018

Updating an Old jQuery Web App - Live Coding with Jesse

Today we will making be a minor update to on old web app that I built with jQuery. See a professional front-end developer at work. Unscripted. Mistakes included. Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

HTML Tutorial - How to Make a Super Simple Website

PlxWf493en4 | 25 Apr 2018

HTML Tutorial - How to Make a Super Simple Website

If you're an absolute beginner in web development, you can learn the basics of HTML here. This video covers setting up an HTML file, and the basic HTML tags and what they mean. Download the website files to follow along with this tutorial: https://coder-coder.com/cu-basic-website-html/ Read the blog post version here: https://coder-coder.com/how-to-make-simple-website-html/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React ScrollSpy Component Part 2 (P5D60) - Live Coding with Jesse

8P4u7GaeYgc | 24 Apr 2018

React ScrollSpy Component Part 2 (P5D60) - Live Coding with Jesse

Project 5 Day 60: Today we will finish creating a scrollspy component that will take a user to different sections of a page when clicked. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React ScrollSpy Component (P5D59) - Live Coding with Jesse

6gbEPyLOfmw | 23 Apr 2018

React ScrollSpy Component (P5D59) - Live Coding with Jesse

Project 5 Day 59: Today we will create a scrollspy component that will take a user to different sections of a page when clicked. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Let's learn D3.js - D3 for data visualization (full course)

C4t6qfHZ6Tw | 23 Apr 2018

Let's learn D3.js - D3 for data visualization (full course)

This course teaches you how to visualize data in the browser using D3.js. Watch it here or check out the interactive version at Scrimba, where you’ll be able to play with the code as well: https://scrimba.com/g/gd3js D3.js is the most popular data visualization library for the web. It allows you to make sense of your data through a powerful API of methods. Throughout this course you'll learn the most important features of the library while building four different visualizations. Course content: Introduction (0:00) Selection and manipulation (1:59) Data loading and binding (5:25) Creating a simple bar chart (7:29) Creating labels (11:16) Scales (13:22) Axes (15:18) SVG elements (17:41) Creating a pie chart (20:32) Line charts (21:55) You can follow the course creator Sohaib Nehal on Twitter here: https://twitter.com/Sohaib_Nehal -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Tutorial - Spinning Loading Animation

EjfiYGRT8g8 | 19 Apr 2018

CSS Tutorial - Spinning Loading Animation

Make a spinning loading animation using CSS. More from the IT Guy here: https://www.youtube.com/channel/UCkjLDhBX3aQc290f-3iyDQA -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS in JS - typing issues

r5UtdJNxN94 | 19 Apr 2018

CSS in JS - typing issues

Type systems are becoming increasingly popular in the javascript community with leading projects increasingly adopting flow and typescript. Another awesome development in the javascript space has been the rise of css-in-js frameworks. This talk is a deep dive into the challenges and opportunities that arise from typing css-in-js. Luke is one of the leading contributors to the one of the leading css-in-js frameworks `glamorous`, and also is also a downstream consumer of these typings having helped lead it's adoption on Western Australias leading news websites. The challenges and opportunities around typing javascript frameworks that this talk covers should be translatable any javascript and web frameworks. This talk was given by Luke John at Linux.conf.au 2018. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Basic HTML Updates - Live Coding with Jesse

jUm_fQT6whQ | 18 Apr 2018

Basic HTML Updates - Live Coding with Jesse

Today we will be updating a static HTML site that I developed last year. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/cmhc-site React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ESLint Quickstart - find errors automatically

qhuFviJn-es | 17 Apr 2018

ESLint Quickstart - find errors automatically

ESLint is the standard solution for linting your JavaScript projects. It's never been easier to add ESLint to your project. In this short guide you'll learn how to get up and running with ESLint in under 5 minutes. Video by Harry Wolff. Harry has a YouTube channel about JavaScript: https://www.youtube.com/channel/UCgdeMp2ZBnovi12THmLc47g --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Async + Await in JavaScript, talk from Wes Bos

DwQJ_NPQWWo | 16 Apr 2018

Async + Await in JavaScript, talk from Wes Bos

Flow Control in JavaScript is hard! Native Promises in JavaScript have helped immensely, but the syntax is still a little callback-y. With Async + Await, we can write synchronous looking code without losing any of the benefits of JavaScript's asynchronous nature. Wes Bos explores how async + await works, best practices for flow control, and explores several solutions for handling errors. Filmed at https://2017.dotjs.io on December 1st in Paris. You can follow Wes Bos on Twitter: https://twitter.com/wesbos This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React State Management (P5D58) - Live Coding with Jesse

w8ugYpTjOD0 | 13 Apr 2018

React State Management (P5D58) - Live Coding with Jesse

Project 5 Day 58: Today we will pass state as props from a parent component to a child component and change the state based on clicks on the child component. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Infinite Scroll (P5D57) - Live Coding with Jesse

Bm90KygSeRM | 12 Apr 2018

React Infinite Scroll (P5D57) - Live Coding with Jesse

Project 5 Day 57: Today we will add infinite scroll functionality to the search page. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Coding for a Swedish Startup - a day in the life of Amber Wilkie

pfDd8ku8idM | 11 Apr 2018

Coding for a Swedish Startup - a day in the life of Amber Wilkie

Find out what a normal day is like for programmer Amber Wilkie. http://www.amberwilkie.com/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with React Components Part 2 (P5D56) - Live Coding with Jesse

ypvkGLJlbG4 | 11 Apr 2018

Working with React Components Part 2 (P5D56) - Live Coding with Jesse

Project 5 Day 56: Today we will add functionality to our DrawerItem component so that subitems can also have their own subitems. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with React Components (P5D55) - Live Coding with Jesse

AIhGhWtgLMg | 10 Apr 2018

Working with React Components (P5D55) - Live Coding with Jesse

Project 5 Day 55: Today we will add functionality to our DrawerItem component so that subitems can also have their own subitems. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Writing Secure JavaScript

Xy1K8ODZC8w | 06 Apr 2018

Writing Secure JavaScript

Some of the very things that make JavaScript awesome can also make it exposed. This talk will go through some sample security flaws unique to JavaScript’s async nature and surrounding ecosystem. We’ll show live exploits to understand the issues and their impact, explain why they happen and – most importantly – how to avoid or fix them. Filmed at http://js-kongress.de on November 2016 in Munich. Slides: https://www.dropbox.com/s/p6k4e4xzozd6axr/JSKongress-Secure-JS.pdf?dl=0 Code on GitHub: https://github.com/frostney/talks/tree/master/files/react-game This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Basic CSS Styling Part 2 (P5D54) - Live Coding with Jesse

rRs5koluaTg | 06 Apr 2018

Basic CSS Styling Part 2 (P5D54) - Live Coding with Jesse

Project 5 Day 54: Today we will use css to style the data that we are pulling into our React app via GraphQL. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Learn HTML5 - full course with code samples

DPnqb74Smug | 05 Apr 2018

Learn HTML5 - full course with code samples

This course is the quickest way to learn the basics of HTML. Watch it here on YouTube or check out the interactive version at Scrimba, where you'll be able to play with the code as well: https://scrimba.com/g/ghtml HTML is one of the core building blocks on the web, as it's what holds the content on all the websites you visit. Thus, HTML is a must-have skill for all web developers. While HTML is a huge subject, the basics can be learned quickly. This course aims at taking you from absolute beginner to proficient in HTML in less than an hour. Throughout the lectures, you'll be building a neat-looking website from scratch together with the brilliant instructor Eric Tirado. Get the 'index.css' file from this course here: https://gist.github.com/beaucarnes/ec37029de1b774d857c50828b5c837d9 What you'll learn in this web development html crash course: - Intro to web architecture (0:00) - HTML documents (4:25) - Nesting (7:19) - Head elements and scripts (11:23) - Layout elements (17:33) - Figure and image elements (20:28) - Embedding videos (26:54) - Navbar and list items (31:12) - Headings (34:05) - Text formatting (36:04) - Tables (42:15) - Links and final touches (49:27) You can follow the creator on Twitter here: https://twitter.com/iamtirado -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Basic CSS Styling (P5D53) - Live Coding with Jesse

ZRa7DAEZMRA | 04 Apr 2018

Basic CSS Styling (P5D53) - Live Coding with Jesse

Project 5 Day 53: Today we will use css to style the data that we are pulling into our React app via GraphQL. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Unit Testing with Enzyme and Jest Part 2 (P5D52) - Live Coding with Jesse

h3tkJ0MS_X8 | 03 Apr 2018

React Unit Testing with Enzyme and Jest Part 2 (P5D52) - Live Coding with Jesse

Project 5 Day 52: Today we will write some unit tests for our React components using Enzyme and Jest. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Unit Testing with Enzyme and Jest (P5D51) - Live Coding with Jesse

kShTVHLWu9A | 29 Mar 2018

React Unit Testing with Enzyme and Jest (P5D51) - Live Coding with Jesse

Project 5 Day 51: Today we will write some unit tests for our React components using Enzyme and Jest. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Upgrading to React Apollo 2.1 (P5D50) - Live Coding with Jesse

AnOlVfOPMuc | 26 Mar 2018

Upgrading to React Apollo 2.1 (P5D50) - Live Coding with Jesse

Project 5 Day 50: Today we will upgrade to the new stable version 2.1 of React Apollo. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Key To Learn Software Development

XX9A6zFHXDA | 26 Mar 2018

The Key To Learn Software Development

Discover the key to learning software development. Spoiler: It's consistency. Check out Dylan Israel's main channel: https://www.YouTube.com/CodingTutorials360 -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A Gentle Introduction to Data Science - talk by Marc Garcia

ZMK5GPXGHEk | 24 Mar 2018

A Gentle Introduction to Data Science - talk by Marc Garcia

Covers the basics of data science. Including artificial intelligence and a practical demo on how to build a hello world machine learning in Python. This talk answers questions such as: What do we understand by data science? What do we know about the human mind, that can be an inspiration for our programs? Which problems can we solve with data science? What tools are available to do data science in Python? Talk given at EuroPython 2017. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Flexbox Course

-Wlt8NRtOpo | 23 Mar 2018

CSS Flexbox Course

Once you've learned Flexbox, you'll wonder how you ever managed to build websites without it. This course gets you up to speed as quickly as possible. You can take the interactive version of the course here: https://scrimba.com/g/gflexbox Flexbox gives you all the tools you needed in order to properly arrange content inside flexible containers. Given that all websites need to be flexbile and responsive these days, Flexbox is a must-have skill for web developers. The course contains the following: - Your first Flexbox layout - Main axis and cross axis - Justify Content - Positioning items - The flex property - Align items - Flex direction column - Wrapping - Flex grow, shrink - Order - Creating a responsive Navbar - Creating a Flexbox image grid You can connect with the course creator Per Harald Borgen via Twitter: https://twitter.com/perborgen -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Search Page UI Part 2 (P5D49) - Live Coding with Jesse

gUy6-q3U6KM | 23 Mar 2018

React Search Page UI Part 2 (P5D49) - Live Coding with Jesse

Project 5 Day 49: Today we will clean up the UI for the search page. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Machine Learning in Javascript - talk by @Bondifrench

BEquEEsr6_Q | 22 Mar 2018

Machine Learning in Javascript - talk by @Bondifrench

Talk on using Javascript libraries to do Machine Learning in the browser. Slides: https://bondifrench.github.io/ml-in-js/ Talk given at CampJS 2017. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Search Page UI (P5D48) - Live Coding with Jesse

ye6srhzOB14 | 22 Mar 2018

React Search Page UI (P5D48) - Live Coding with Jesse

Project 5 Day 48: Today we will clean up the UI for the search page. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Why software engineers disagree about everything - talk by Haseeb Qureshi

4fVdg3EEbi4 | 20 Mar 2018

Why software engineers disagree about everything - talk by Haseeb Qureshi

Why are there are so many disagreements in software? Why don’t we all converge on the same beliefs or technologies? It might sound obvious that people shouldn't agree, but Haseeb want to convince you it’s weird that we don't. This talk is a philosophical exploration of how knowledge converges within subcultures, as Haseeb explore this question through the worlds of software, online fraud, and poker. Talk by Haseeb Qureshi at RailsConf 2017. This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Material UI Update to v1.0.0-beta.38 (P5D47) - Live Coding with Jesse

ffcirgWveME | 20 Mar 2018

Material UI Update to v1.0.0-beta.38 (P5D47) - Live Coding with Jesse

Project 5 Day 47: Today we will update our Material UI version from v1.0.0-beta.29 to v1.0.0-beta.38 and sort out any breaking changes. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Data Sorting Part 2 (P5D46) - Live Coding with Jesse

dKzE4TVHFlY | 19 Mar 2018

React: Data Sorting Part 2 (P5D46) - Live Coding with Jesse

Project 5 Day 46: Today we will give users the ability to sort search results. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Grid Course

t6CBKf8K_Ac | 19 Mar 2018

CSS Grid Course

CSS Grid makes it easier to create website layouts. It simplifies both your HTML and CSS, while giving you more control over your layout. You can take the interactive version of this CSS grid tutorial here: https://scrimba.com/g/gR8PTE The course contains three sections. The first two will teach you the core concepts you need to know to get started. Together, we’ll build both a website layout and a super cool image grid. In the bonus section, you’ll learn how to create article layouts with CSS Grid plus some more advanced concepts. ⭐️Full content overview⭐️ ⌨️ 0:01 1. Course Introduction ⌨️ 4:47 2. Your first grid ⌨️ 8:03 3. Fraction units and repeat ⌨️ 11:45 4. Positioning items ⌨️ 18:28 5. Template areas ⌨️ 23:18 6. Auto-fit and minmax ⌨️ 27:07 7. Implicit rows ⌨️ 29:06 8. An awesome image grid ⌨️ 35:56 9. Bonus: Named Lines ⌨️ 41:25 10. Bonus: Justify-content and align-content ⌨️ 44:17 11. Bonus: Justify-items and align-items ⌨️ 47:44 12. Bonus: Auto-fit vs. auto-fill ⌨️ 49:39 13. Bonus: Creating an article layout ⌨️ 57:37 14. Bonus: Grid vs. Flexbox You can connect with the course creator Per Harald Borgen via Twitter: https://twitter.com/perborgen -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Reusable JavaScript Revolution - talk by Cory House

ddygEMBOXB4 | 18 Mar 2018

The Reusable JavaScript Revolution - talk by Cory House

Three ground-breaking shifts are occurring in the world of JavaScript: Package management, starter kits, and reusable components. These innovations are coalescing to fuel a revolution in the way we write JS. In this session, you’ll learn why you can no longer afford to build JavaScript in the old paradigm, and we’ll explore how you can make the shift to join the reusable revolution. Talk given at NEJS CONF 2017. https://twitter.com/housecor https://nejsconf.com This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SVG can do that?! - talk by Sarah Drasner

4laPOtTRteI | 16 Mar 2018

SVG can do that?! - talk by Sarah Drasner

SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. By now, a lot of developers are aware of their practical uses, such as small and accessible icons, or illustrations. In this session, though, Sarah will go beyond typical use cases. She’ll cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math. She’ll make it respond to physics, make it bounce and snap, stack it like legos for responsive, and make it interactive with front-end frameworks like Vue.js and React. In this session Sarah will push the boundaries of what’s possible while also thinking about cross-browser stability, and you’ll come out of it with a whole new world of tools in your front-end developer toolbox. Sarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. She is also the co-founder of Web Animation Workshops, with Val Head and the author of SVG Animations from O’Reilly. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow). She won CSS Dev Conf’s “Best of the Best Award” as well as “Best Code Wrangler” from CSS Design Awards. You can follow Sarah on Twitter: https://twitter.com/sarah_edo -- Talk given at Full Stack Fest 2017: https://fullstackfest.com This talk is under the creative commons license. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it! - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What it's like to freelance in Nigeria - A Day in the Life

SzugBxKJbyw | 15 Mar 2018

What it's like to freelance in Nigeria - A Day in the Life

Peter Mbanugo is a freelance software developer from Nigeria. Find out what a normal day looks like for him. 🐦 https://twitter.com/p_mbanugo - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Data Sorting (P5D45) - Live Coding with Jesse

rmbH9H60niU | 13 Mar 2018

React: Data Sorting (P5D45) - Live Coding with Jesse

Project 5 Day 45: Today we will give users the ability to sort search results. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Search Filters (P5D44) - Live Coding with Jesse

bU8EMV1bYFU | 12 Mar 2018

React Search Filters (P5D44) - Live Coding with Jesse

Project 5 Day 44: Today we will create filters to help users narrow down search results. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Complex Routing with Express and React (P5D43) - Live Coding with Jesse

kLAfH7nIRzw | 07 Mar 2018

Complex Routing with Express and React (P5D43) - Live Coding with Jesse

Project 5 Day 43: Today we will make some significant changes to our routing functions so that they can handle more complex types of routes. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Search with React and the WordPress API Part 4 (P5D42) - Live Coding with Jesse

gXLjtBih8vQ | 06 Mar 2018

Live Search with React and the WordPress API Part 4 (P5D42) - Live Coding with Jesse

Project 5 Day 42: Today we will continue to work on adding a search feature to our React project using the WordPress REST API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Variables / Custom Properties (full course)

GF8aoDqebsQ | 06 Mar 2018

CSS Variables / Custom Properties (full course)

CSS Custom Properties (aka Variables) bring the power of variables to CSS, which results in less repetition, better readability and more flexibility. Originally posted on Scrimba: https://scrimba.com/g/gcssvariables When viewing the Scrimba version of this course, you can pause the video and start directly editing the code from the video. Then you can see changes in real-time. View the code & take the course on Scrimba here: https://scrimba.com/g/gcssvariables ⭐️Contents⭐️ ⌨️ Why learn CSS Variables (0:00) ⌨️ How to create your first CSS Variable (3:12) ⌨️ Overriding CSS Variables (8:15) ⌨️ Local variables (11:00) ⌨️ Creating Themes with CSS Variables (15:31) ⌨️ Changing variables with JavaScript (17:21) ⌨️ Responsiveness and CSS Variables (21:13) ⌨️ Inheritance (26:12) - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Search with React and the WordPress API Part 3 (P5D41) - Live Coding with Jesse

TyNRHSGG6eY | 05 Mar 2018

Live Search with React and the WordPress API Part 3 (P5D41) - Live Coding with Jesse

Project 5 Day 41: Today we will continue to work on adding a search feature to our React project using the WordPress REST API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AngularJS tutorial: Game of Life

8X_Nmmvobb0 | 02 Mar 2018

AngularJS tutorial: Game of Life

Learn how to code Conway's Game of Life using AngularJS. 🔗 GitHub: https://github.com/EleftheriaBatsou/gameOfLifeAngularJs 🔗 Codepen: https://codepen.io/EleftheriaBatsou/pen/MQJEwQ?editors=0010 📹 See more from Eleftheria on her channel: https://www.youtube.com/c/EleftheriaBatsou - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Search with React and the WordPress API Part 2 (P5D40) - Live Coding with Jesse

XTyuE1AMX2A | 01 Mar 2018

Live Search with React and the WordPress API Part 2 (P5D40) - Live Coding with Jesse

Project 5 Day 40: Today we will continue to work on adding a search feature to our React project using the WordPress REST API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Search with React and the WordPress API (P5D39) - Live Coding with Jesse

gq1HbnyUTkE | 27 Feb 2018

Live Search with React and the WordPress API (P5D39) - Live Coding with Jesse

Project 5 Day 39: Today we will work on adding a search feature to our React project using the WordPress REST API. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

ExpressJS Routing (P5D38) - Live Coding with Jesse

CFisL2_T9dk | 26 Feb 2018

ExpressJS Routing (P5D38) - Live Coding with Jesse

Project 5 Day 38: I need to make the URLs from the old site work with the new site as well. Today we are going to do some work with Express and NodeJS keep all the URLs working. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

CSS Grid Changes Everything (About Web Layouts) - by Morten Rand-Hendriksen

PfN6d87r9uw | 23 Feb 2018

CSS Grid Changes Everything (About Web Layouts) - by Morten Rand-Hendriksen

In this talk you’ll get an intro to CSS Grid and learn how it changes pretty much everything when it comes to layouts on the web. Through examples, code snippets, and practical demos you’ll learn how to use CSS Grid in a theme for modern responsive layouts, and you’ll also learn how to handle older browsers without Grid support in a clean and straight-forward way. CSS Grid is here, and you can start using it today. This talk shows you how to do it right. EVENT: WordCamp Europe, Paris, France, June 2017 SPEAKER: Morten Rand-Hendriksen SLIDES: http://mor10.com/wceu2017/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com Check out our other channel for original software training videos: https://www.youtube.com/c/freecodecamp

5 Common Scrum Events

dfR6UBEBVvo | 22 Feb 2018

5 Common Scrum Events

Get the most out of the 5 most common Scrum events: - Backlog refinement - Sprint planning - Daily Scrum - Sprint review - Sprint retrospective Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating and Editing React Components Part 2 (P5D37) - Live Coding with Jesse

d_o1kcXi0hc | 19 Feb 2018

Creating and Editing React Components Part 2 (P5D37) - Live Coding with Jesse

Project 5 Day 37: Today we will be creating React components. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating and Editing React Components (P5D36) - Live Coding with Jesse

Wy9hpI4h-WE | 16 Feb 2018

Creating and Editing React Components (P5D36) - Live Coding with Jesse

Project 5 Day 36: Today we will be creating React components. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to write technical blog posts - talk by freeCodeCamp creator Quincy Larson

Ef07Hhoc5KE | 16 Feb 2018

How to write technical blog posts - talk by freeCodeCamp creator Quincy Larson

Quincy's the editor of Medium's largest technical blog. He shows you how to write and promote your technical blog posts. TALK You know you should have a tech blog, but how do you get people to actually read it? Quincy, editor of Medium's largest technical publication, will discuss how to create technical blog posts that will impress prospective employers and show off your knowledge, with strategies including establishing social proof, getting syndicated, and packaging your content for easy consumption. SPEAKER Quincy Larson Teacher, freeCodeCamp - follow him at twitter.com/ossia Talk was given at Codeland Conference 2017. - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Web Scraping with Node.js

eUYMiztBEdY | 15 Feb 2018

Web Scraping with Node.js

Learn how to do basic web scraping using Node.js in this tutorial. The request-promise and cheerio libraries are used. 💻 Github: https://github.com/beaucarnes/fcc-project-tutorials/blob/master/node-web-scraping/index.js 🔗 Article on client-side web scraping : https://medium.freecodecamp.org/client-side-web-scraping-with-javascript-using-jquery-and-regex-5b57a271cb86 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Homepage Design and Development Part 3 (P5D35) - Live Coding with Jesse

SIi4GMvNNig | 14 Feb 2018

React Homepage Design and Development Part 3 (P5D35) - Live Coding with Jesse

Project 5 Day 35: Today we will continue working on the design for the homepage. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

AngularJS tutorial: recipe box

P8BtVISDdt8 | 13 Feb 2018

AngularJS tutorial: recipe box

In this simple AngularJS tutorial, Eleftheria Batsou demonstrates how to code a recipe box. See more from Eleftheria on her channel: https://www.youtube.com/c/EleftheriaBatsou - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Homepage Design and Development Part 2 (P5D34) - Live Coding with Jesse

nzhK85nDYkY | 13 Feb 2018

React Homepage Design and Development Part 2 (P5D34) - Live Coding with Jesse

Project 5 Day 34: Today we will continue working on the design for the homepage. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Scrum in 16 minutes

vuBFzAdaHDY | 12 Feb 2018

Scrum in 16 minutes

What is Agile Scrum? Learn in 16 minutes in this introduction to scrum video. Scrum is a framework for managing work with an emphasis on software development. It's a subset of Agile. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Homepage Design and Development (P5D33) - Live Coding with Jesse

eH2iKv7OaQc | 09 Feb 2018

React Homepage Design and Development (P5D33) - Live Coding with Jesse

Project 5 Day 33: Today we will be working on the design for the homepage. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Future of JavaScript

pTCPPy_lC7s | 07 Feb 2018

The Future of JavaScript

This panel discussion on the future of Javascript at the JS Kongress 2017 conference features Brian Terlson, Mathias Bynens, and Benedikt Meurer. The goal of freeCodeCamp Talks is to share great Creative Commons software talks to a wider audience. - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Upgrading to NextJS Version 5 (P5D32) - Live Coding with Jesse

yCDLVpyQ5NI | 06 Feb 2018

Upgrading to NextJS Version 5 (P5D32) - Live Coding with Jesse

Project 5 Day 32: Today we will be upgrading to the latest version of Next.js. See a professional front-end developer at work. Unscripted. Mistakes included. Next.js 5: https://zeit.co/blog/next5 Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React UI Updates with MaterialUI Part 2 (P5D31) - Live Coding with Jesse

t5WNuQRwnzQ | 02 Feb 2018

React UI Updates with MaterialUI Part 2 (P5D31) - Live Coding with Jesse

Project 5 Day 31: Today we will be making some improvements to our UI. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React UI Updates with MaterialUI (P5D30) - Live Coding with Jesse

J3vUbeD2GNQ | 01 Feb 2018

React UI Updates with MaterialUI (P5D30) - Live Coding with Jesse

Project 5 Day 30: Today we will be making some improvements to our UI. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Routing with NextJS and Express (P5D29) - Live Coding with Jesse

WPLRLvbEg9I | 31 Jan 2018

React Routing with NextJS and Express (P5D29) - Live Coding with Jesse

Project 5 Day 29: Today we will be creating new routes in out server.js file. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with React, Express, and GraphQL Part 3 (P5D28) - Live Coding with Jesse

xlUsZ59UlL8 | 30 Jan 2018

Working with React, Express, and GraphQL Part 3 (P5D28) - Live Coding with Jesse

Project 5 Day 28: Today we will continue creating new routes in Express, components in React, and GraphQL queries. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Taxes for freelancers & startups

AtIB_3_DZUk | 29 Jan 2018

Taxes for freelancers & startups

Learn the best way to set up your freelance business for tax purposes from an experienced freelancer. This video is specifically focused on taxes in the United States. Note: Neither Luke or freeCodeCamp in any way hold themselves out as providing tax or financial advice. You should discuss such issues with a licensed professional. Also check out Luke's beginner's guide to starting your own freelance development business: https://www.youtube.com/watch?v=fsTzLgra5dQ IRS Form 2553: https://www.irs.gov/forms-pubs/form-2553-election-by-a-small-business-corporation Follow Luke: 🔗 SEO For Lawyers- https://www.seo-for-lawyers.com/ 🔗 Cincinnati Website Builders- https://www.cincinnati-website-builders.com/ 🐦 Twitter- https://twitter.com/luke_ciciliano -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with React, Express, and GraphQL Part 2 (P5D27) - Live Coding with Jesse

m6sD9_mNqls | 29 Jan 2018

Working with React, Express, and GraphQL Part 2 (P5D27) - Live Coding with Jesse

Project 5 Day 27: Today we will continue creating new routes in Express, components in React, and GraphQL queries. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets - Tutorial

x_fHXt9V3zQ | 26 Jan 2018

Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets - Tutorial

Learn to build a chat web app in this full tutorial from Beau Carnes. The app uses React, Redux, Redux-Saga, and web sockets. Having some experience with React and Redux would be helpful, but it isn't required. 💻 Github: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/chat 💻 CSS File: https://github.com/beaucarnes/fcc-project-tutorials/blob/master/chat/src/App.css 📺 React basics video: https://youtu.be/QqLkkBKVDyM 🔗 Based on this article by Flavio Copes: https://medium.freecodecamp.org/how-to-build-a-chat-application-using-react-redux-redux-saga-and-web-sockets-47423e4bc21a 🔗 Check out his blog: https://flaviocopes.com/ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with React, Express, and GraphQL (P5D26) - Live Coding with Jesse

HoAB2YhS0j4 | 26 Jan 2018

Working with React, Express, and GraphQL (P5D26) - Live Coding with Jesse

Project 5 Day 26: Today we will be creating new routes in Express, components in React, and GraphQL queries. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Fixing Mobile Layout Issues (P5D25) - Live Coding with Jesse

l6RzVD3LNHQ | 25 Jan 2018

Fixing Mobile Layout Issues (P5D25) - Live Coding with Jesse

Project 5 Day 25: Today we will work on making the home page layout for out React app look good and work properly on mobile devices. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Oldschool jQuery Single Page App - Live Coding with Jesse

3nd32eZ-YIc | 24 Jan 2018

Oldschool jQuery Single Page App - Live Coding with Jesse

Today I am going to do some work on a jQuery based single page app that I created in 2016. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Reviewing and Merging Pull Requests - Live Coding with Jesse

Yvr3uB8UhCs | 23 Jan 2018

Reviewing and Merging Pull Requests - Live Coding with Jesse

Today I am going to review and merge some pull requests using git and github. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with LocalStorage and React (P1D44) - Live Coding with Jesse

ZhfJfvb9JlQ | 22 Jan 2018

Working with LocalStorage and React (P1D44) - Live Coding with Jesse

Project 1 Day 44: Today I am going to use cookies to track return users. Returning users will see a different version of the homepage than new users. UPDATE: we ended up using LocalStorage instead of cookies. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Responsive Sortable Table in React (P1D43) - Live Coding with Jesse

HxljtOQpS_A | 19 Jan 2018

Responsive Sortable Table in React (P1D43) - Live Coding with Jesse

Project 1 Day 43: We are going back to the our first live stream project to create a new page that will include a responsive table that can be sorted. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React and MaterialUI Navigation Menus Part 2 (P5D24) - Live Coding with Jesse

K1Y6vMgMhwk | 18 Jan 2018

React and MaterialUI Navigation Menus Part 2 (P5D24) - Live Coding with Jesse

Project 5 Day 24: Today we will continue to work on creating the navigation menus for the app bar and the side drawer for our React project using MaterialUI. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React and MaterialUI Navigation Menus (P5D23) - Live Coding with Jesse

B-VSXne92L0 | 17 Jan 2018

React and MaterialUI Navigation Menus (P5D23) - Live Coding with Jesse

Project 5 Day 23: Today we will work on creating the navigation menus for the app bar and the side drawer for our React project using MaterialUI. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

NextJS Custom Routing (P5D22) - Live Coding with Jesse

HB28-QGlHjI | 16 Jan 2018

NextJS Custom Routing (P5D22) - Live Coding with Jesse

Project 5 Day 22: Today we will set up some custom routing for our React app. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with NextJS, GraphQL and MaterialUI Part 2 (P5D21) - Live Coding with Jesse

XB7Qni7sHLw | 11 Jan 2018

Working with NextJS, GraphQL and MaterialUI Part 2 (P5D21) - Live Coding with Jesse

Project 5 Day 21: Today we will continue developing out React project using NextJS, GraphQL, MaterialUI and wp-graphql. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working with NextJS, GraphQL and MaterialUI (P5D20) - Live Coding with Jesse

5rz4pP-Ja4k | 10 Jan 2018

Working with NextJS, GraphQL and MaterialUI (P5D20) - Live Coding with Jesse

Project 5 Day 20: Today we will continue developing out React project using NextJS, GraphQL, MaterialUI and wp-graphql. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Writing GraphQL Queries (P5D19) - Live Coding with Jesse

k-pj9d0cC-0 | 09 Jan 2018

Writing GraphQL Queries (P5D19) - Live Coding with Jesse

Project 5 Day 19: Today we will write a graphQL query to get a custom post type from a mySQL database via WordPress and wp-graphql. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I Built A Personal Brand Chatbot

Jp15A5u71rg | 08 Jan 2018

How I Built A Personal Brand Chatbot

Mike Williams shares how he built a Yoroomie chatbot for his personal brand and how you can leverage chatbots for building your personal brand, reaching more people with your content, and also higher engagement with your audience all via Facebook Messenger. If you're looking to build your audience as an influencer, entrepreneur, or creative, this video is for you! Yoroomie Chatbot: https://m.me/itsyoroomieofficial Resources shared in this video: Chatfuel: http://www.chatfuel.com Botlist: http://www.botlist.com Medium post and written format of this video: https://chatbotsmagazine.com/why-i-built-a-personal-chatbot-and-how-its-scaled-my-brand-c53097ea6f10 Follow Mike for more: Twitter: https://twitter.com/yoroomie Facebook: https://www.facebook.com/itsyoroomieo... Instagram: https://www.instagram.com/yoroomie Linkedin: https://www.linkedin.com/in/yoroomie Medium: http://medium.com/@yoroomie Learn more about Mike: http://www.iammikewilliams.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Material Design Style Homepage Part 3 (P5D18) - Live Coding with Jesse

Lj40JJFynDM | 05 Jan 2018

Creating a Material Design Style Homepage Part 3 (P5D18) - Live Coding with Jesse

Project 5 Day 18: Today we will continue creating a layout for the homepage See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Material Design Style Homepage Part 2 (P5D17) - Live Coding with Jesse

V-xVPMm3nfg | 04 Jan 2018

Creating a Material Design Style Homepage Part 2 (P5D17) - Live Coding with Jesse

Project 5 Day 17: Today we will continue creating a layout for the homepage See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Material Design Style Homepage (P5D16) - Live Coding with Jesse

0Cvi6PBVS_U | 03 Jan 2018

Creating a Material Design Style Homepage (P5D16) - Live Coding with Jesse

Project 5 Day 16: Today we will start creating a layout for the homepage See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Contributing to FreeCodeCamp - Writing ES6 Challenge Tests

iOdD84OSfAE | 22 Dec 2017

Contributing to FreeCodeCamp - Writing ES6 Challenge Tests

Join Ethan Arrowood (https://twitter.com/ArrowoodTech) as he contributes to the upcoming FreeCodeCamp beta curriculum. Today he will be focusing on writing tests for the JavaScript ES6 challenges. He will be using git throughout the livestream and is open to any questions viewers may have.

Updating an Old React / NextJS Site (P1D42) - Live Coding with Jesse

C0Y9AMQ86e8 | 21 Dec 2017

Updating an Old React / NextJS Site (P1D42) - Live Coding with Jesse

Project 1 Day 42: We need to make some changes to this site, but before we do, I would like to update some as many packages as we can. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Styling HTML with CSS Part 2 (P5D15) - Live Coding with Jesse

UDctsjp_AEA | 20 Dec 2017

Styling HTML with CSS Part 2 (P5D15) - Live Coding with Jesse

Project 5 Day 15: Today's stream will be great for beginners. We are going to continue doing some basic styling with CSS! See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Styling HTML with CSS (P5D14) - Live Coding with Jesse

iWbJ9C3lIWQ | 19 Dec 2017

Styling HTML with CSS (P5D14) - Live Coding with Jesse

Project 5 Day 14: Today's stream will be great for beginners. We are going to do some basic styling with CSS! See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Contributing to FreeCodeCamp - Writing ES6 Challenge Tests

aqdP38Dz7ks | 18 Dec 2017

Contributing to FreeCodeCamp - Writing ES6 Challenge Tests

Join Ethan Arrowood (https://twitter.com/ArrowoodTech) as he contributes to the upcoming FreeCodeCamp beta curriculum. Today he will be focusing on writing tests for the JavaScript ES6 challenges. He will be using git throughout the livestream and is open to any questions viewers may have.

Populating NextJS Pages with WordPress Data via GraphQL Part 2 (P5D13) - Live Coding with Jesse

83KRSzCm9cY | 15 Dec 2017

Populating NextJS Pages with WordPress Data via GraphQL Part 2 (P5D13) - Live Coding with Jesse

Project 5 Day 13: Today we will continue to pull in some of the data we transferred to WordPress with GraphQL into our React/NextJS project. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Populating NextJS Pages with WordPress Data via GraphQL (P5D12) - Live Coding with Jesse

adJPvTv8jVM | 14 Dec 2017

Populating NextJS Pages with WordPress Data via GraphQL (P5D12) - Live Coding with Jesse

Project 5 Day 12: Today we will pull in some of the data we transferred to WordPress in our last stream with GraphQL into our React/NextJS project. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: Visual Studio Code VS Code Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Briana's Bash Tutorial: How to Use the Command Line in Linux, Windows, and Mac

BFMyUgF6I8Y | 13 Dec 2017

Briana's Bash Tutorial: How to Use the Command Line in Linux, Windows, and Mac

Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SQL Server to MySQL via WordPressAPI and NodeJS (P5D11) - Live Coding with Jesse

d6T-KkGRuw0 | 12 Dec 2017

SQL Server to MySQL via WordPressAPI and NodeJS (P5D11) - Live Coding with Jesse

Project 5 Day 11: Today we will continue migrating our data from a SQL Server database to a MySQL database using NodeJS and the WordPress API. See a professional front-end developer at work. Unscripted. Mistakes included. My Nodevember Talk: https://youtu.be/k_dqzGUyqXs Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting Up KeystoneJS (P5D10) - Live Coding with Jesse

4AnhZ3o85LA | 11 Dec 2017

Setting Up KeystoneJS (P5D10) - Live Coding with Jesse

Project 5 Day 10: Today we are going to set up and test KeystoneJS as a potential content management system for our React project. See a professional front-end developer at work. Unscripted. Mistakes included. My Nodevember Talk: https://youtu.be/k_dqzGUyqXs Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Data Migration with NodeJS (P5D9) - Live Coding with Jesse

pHr7EyRpG3k | 07 Dec 2017

Data Migration with NodeJS (P5D9) - Live Coding with Jesse

Project 5 Day 9: Today we will begin migrating our data from a SQL Server database to a MySQL database using NodeJS and the WordPress API. See a professional front-end developer at work. Unscripted. Mistakes included. My Nodevember Talk: https://youtu.be/k_dqzGUyqXs Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Accessing a DB with Microsoft SQL Operations Studio (P5D8) - Live Coding with Jesse

8aEbNNiSgec | 06 Dec 2017

Accessing a DB with Microsoft SQL Operations Studio (P5D8) - Live Coding with Jesse

Project 5 Day 8: We finally have access to the database with all the content for our site. Today we will take a look at the database using SQL Operations Studio. See a professional front-end developer at work. Unscripted. Mistakes included. My Nodevember Talk: https://youtu.be/k_dqzGUyqXs Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Build a Node.js API - tutorial

fsCjFHuMXj0 | 05 Dec 2017

Build a Node.js API - tutorial

Create basic CRUD routes with Node.js, Express, and MongoDB. NOTE: For this to work correctly, you must use the same version of mongodb. Your package.json file should say: "mongodb": "^2.2.33" 💻 Code on GitHub: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/notable 🔗 Based on this article by Scott Domes: https://medium.freecodecamp.org/building-a-simple-node-js-api-in-under-30-minutes-a07ea9e390d2 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I built and launched a chatbot over the weekend

8IUgB5-CKDQ | 04 Dec 2017

How I built and launched a chatbot over the weekend

Mike Williams shares how he built Art Chatbot over the weekend in hours, launched it, and generated thousands of messages. If you're interested in learning how to build and launch a chatbot, this video is for you as he break down the steps he took, process, and tools he used (Chatfuel, Instapage, Google Docs, etc). Mike also shares how he open sourced the side project, built initial awareness, and also launched. Art Chatbot: http://www.artchatbot.com Art Chatbot Open Sourced & Analytics: http://bit.ly/artchatbotopensource Resources shared in this video: Instapage: http://instapg.es/jHPw7 Chatfuel: http://www.chatfuel.com Botanalytics: https://botanalytics.co/ Botlist: http://www.botlist.com Chatbots Magazine: http://chatbotsmagazine.com Medium post and written format of this video: https://chatbotsmagazine.com/how-to-build-and-launch-a-chatbot-over-the-weekend-af9bf87ff8ff **A special thanks to Avery Andon and Art Life (http://www.artlife.com) for the inspiration during the creation of Art Chatbot. Art Life is the official online gallery for both artists and artwork that are linked as URL’s in Art Chatbot.** Follow Mike for more: Twitter: https://twitter.com/yoroomie Instagram: https://www.instagram.com/yoroomie Linkedin: https://www.linkedin.com/in/yoroomie Medium: http://medium.com/@yoroomie Message Mike & access his startup playbook: https://m.me/itsyoroomieofficial Learn more about Mike: http://www.iammikewilliams.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting Up an Electron Project (P6D1) - Live Coding with Jesse

dxbLflw9OvY | 04 Dec 2017

Setting Up an Electron Project (P6D1) - Live Coding with Jesse

Project 6 Day 1: Today we will set up our new project using Electron to make a desktop app with Javascript! See a professional front-end developer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Nodevember Recap and Project Updates (P5D7) - Live Coding with Jesse

5LXqUDyDsDs | 30 Nov 2017

Nodevember Recap and Project Updates (P5D7) - Live Coding with Jesse

Project 5 Day 7: Today we will talk about my experience at Nodevember 2017 and discuss some updates to this and previous React projects. See a professional front-end developer at work. Unscripted. Mistakes included. My Nodevember Talk: https://youtu.be/k_dqzGUyqXs Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I scaled the world’s largest music studio marketplace (part 2 of the Studiotime story)

xBasvuRUm4w | 29 Nov 2017

How I scaled the world’s largest music studio marketplace (part 2 of the Studiotime story)

Mike continues his story of how he scaled Studiotime (http://www.studiotime.io) from an MVP to the largest online marketplace for music studios in the world. He discusses the tools he used to do so without building a custom platform (Wordpress, Sharetribe, Chargebee, Stripe, Zapier, and Slack). Make sure to watch part 1: https://www.youtube.com/watch?v=IZGlnImsrxc Resources shared in this video: Sharetribe (marketplace platform): http://bit.ly/2gXICOV Wordpress (landing pages): http://www.wordpress.com Chargebee (subscriptions): http://bit.ly/2zZvfVP Stripe (payments): http://www.stripe.com Zapier (task automation & integrations): http://www.zapier.com Slack (integrations & notifications): http://www.slack.com Follow Mike for more: Twitter: https://twitter.com/yoroomie Facebook: https://www.facebook.com/itsyoroomieo... Instagram: https://www.instagram.com/yoroomie Linkedin: https://www.linkedin.com/in/yoroomie Medium: http://medium.com/@yoroomie Message Mike & access his startup playbook: https://m.me/itsyoroomieofficial Learn more about Mike: http://www.iammikewilliams.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How I built the Airbnb of music studios in an evening (part 1 of the Studiotime story)

IZGlnImsrxc | 25 Nov 2017

How I built the Airbnb of music studios in an evening (part 1 of the Studiotime story)

Want to know how to build, launch, and scale an online marketplace like Airbnb, Etsy, Uber, etc? In this video, Mike Williams shares his story on how he came up with the idea for Studiotime (http://www.studiotime.io) and built the MVP in an evening, launched on Product Hunt, and generated over 1M hits to the site. Studiotime was then immediately featured in media outlets such as Forbes, BBC, HYPEBEAST, The FADER, Complex, Pigeons & Planes, and more. Studiotime went from an evening side project, MVP that generated over $10k+ revenue in months, and is now the largest online music studio marketplace in the world. Check out part 2: https://youtu.be/xBasvuRUm4w Resources shared in this video: Sharetribe (Marketplace platform): http://bit.ly/2gXICOV Squarespace Logo: https://logo.squarespace.com Product Hunt: https://www.producthunt.com Learn more about creator Mike Williams: http://www.iammikewilliams.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

NextJS Custom Server and Routing (P5D6) - Live Coding with Jesse

-KPg3JHibbA | 22 Nov 2017

NextJS Custom Server and Routing (P5D6) - Live Coding with Jesse

Project 5 Day 6: Today we will set up a custom server and parameterized routing to work with NextJS. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

#freeCodeConf Greater Toronto Area 2017

si1pjn5R0xU | 18 Nov 2017

#freeCodeConf Greater Toronto Area 2017

0:17:30 Opening remarks 0:25:40 Quincy Larson - What's Happening at freeCodeCamp 1:14:20 Panel - Learning To Code From Different Backgrounds 3:15:03 Juan Gonzalez, Head Instructor at Lighthouse Labs - Self-Directed Learning for Developers 3:55:50 Erica Wright - Exciting Stuff at Mozilla 4:46:48 Anna Mackenzie - Front End Dev, Nudge Software Inc. - Challenges in Starting a Career as a Dev 5:11:30 Community Announcements 5:42:31 Panel 2 - Hindsight is 20/20 6:38:11 Closing Remarks You have been learning to code but not sure how to break into the industry? Maybe you are just starting to learn yet are not sure this is for you... freeCodeConference GTA is a one-day event to connect the community of passionate professional and aspiring developers in the our region. We are excited to feature established developer speakers in the local tech scene, so come join us to meet and hear how they began. As a bonus, our mentor Quincy Larson of freeCodeCamp.org will be there to share with us his experience. Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Footer with MaterialUI (P5D5) - Live Coding with Jesse

0oRCW3GtN0s | 15 Nov 2017

Creating a Footer with MaterialUI (P5D5) - Live Coding with Jesse

Project 5 Day 5: Today we will create a footer component using MaterialUI. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Building a Material Design Drawer with MaterialUI (P5D4) - Live Coding with Jesse

L-swnHq4mRE | 14 Nov 2017

Building a Material Design Drawer with MaterialUI (P5D4) - Live Coding with Jesse

Project 5 Day 4: Today we will create a Material Design style side drawer component using MaterialUI. The drawer will contain a logo, search input, and nested lists. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Customizing a MaterialUI App Bar (P5D3) - Live Coding with Jesse

iX3tli704Gg | 13 Nov 2017

Customizing a MaterialUI App Bar (P5D3) - Live Coding with Jesse

Project 5 Day 3: Today we will start modifying the default MaterialUI app bar to fit our use case. See a professional front-end developer at work. Unscripted. Mistakes included. Project Repo: https://github.com/fus-marcom/franciscan-react React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Todo List Tutorial - Angular 4 and Redux

Qd_V5hpYk_A | 13 Nov 2017

Todo List Tutorial - Angular 4 and Redux

A simple todo list application built with the Angular 4 framework and Redux! Learn how to use Redux to manage the state of your application while building this todo's list. Angular Webpack Starter: - Repo: https://github.com/Bigless27/Angular-webpack-starter - Video: https://youtu.be/qmIkoAnttlE Redux Dev Tools: https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en 💾 Creating a Todo Form: 2:15 💾 Initializing Redux: 7:07 💾 Redux Create Action: 20:21 💾 Redux Get Action: 39:43 💾 Redux Complete and Delete Action: 47:27 Github Repo: https://github.com/Bigless27/Angular-Redux-Todos Video created by Jordan Lesson. Contact: [email protected] -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting Started with GatsbyJS (P5D2) - Live Coding with Jesse

nufLF1kcn_4 | 09 Nov 2017

Getting Started with GatsbyJS (P5D2) - Live Coding with Jesse

Project 5 Day 2: Today we will start our new React project using Gatsby. See a professional front-end developer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Gitter: https://gitter.im/LiveCodingwithJesseFreeCodeCamp/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Planning a New React Project (P5D1) - Live Coding with Jesse

iiQxq8Gsr5A | 08 Nov 2017

Planning a New React Project (P5D1) - Live Coding with Jesse

Project 5 Day 1: Today we will be collaboratively planning our next React project. See a professional front-end developer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React UI Updates (P4D16) - Live Coding with Jesse

pgHprRdq3Jw | 06 Nov 2017

React UI Updates (P4D16) - Live Coding with Jesse

Project 4 Day 16: Today we will be adding some elements to our UI and adjusting some existing elements. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Material Design Font Sizes, Weights, and Colors (P4D15) - Live Coding with Jesse

MSAKY14oM3E | 03 Nov 2017

Material Design Font Sizes, Weights, and Colors (P4D15) - Live Coding with Jesse

Project 4 Day 15: Today we will be working with the fonts on our React project. We will go over font weights, sizes and colors according to Material Design. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Merging Pull Requests with Git and Github (P4D14) - Live Coding with Jesse

EoWm5-j-I18 | 02 Nov 2017

Merging Pull Requests with Git and Github (P4D14) - Live Coding with Jesse

Project 4 Day 14: Today we will review and merge several pull requests. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to ace the whiteboard coding interview

51gc7-eskU8 | 31 Oct 2017

How to ace the whiteboard coding interview

Learn how to ace a whiteboard coding interview challenge as part of a tech interview. This video shows how to answer common questions about JavaScript, HTML, CSS, and jQuery. Presented by Jennifer Bland (http://www.jenniferbland.com). ⭐ Video Outline ⭐ ⌨ JavaScript: 1:38 ⌨ HTML & CSS: 19:46 ⌨ More JavaScript: 28:18 ⌨ jQuery: 43:53

Editing Salesforce Visualforce Pages (Part 4) - Live Coding with Jesse

j2pWS-UVOr8 | 30 Oct 2017

Editing Salesforce Visualforce Pages (Part 4) - Live Coding with Jesse

Today we will continue styling Salesforce Visualforce pages using html, css, and maybe some Javascript. See a professional front-end developer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing Salesforce Visualforce Pages (Part 3) - Live Coding with Jesse

UeXfrad0kWY | 27 Oct 2017

Editing Salesforce Visualforce Pages (Part 3) - Live Coding with Jesse

Today we will continue editing Salesforce Visualforce pages using html, css, and maybe some Javascript. See a professional front-end developer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing Salesforce Visualforce Pages (Part 2) - Live Coding with Jesse

Rqqn9mN06XI | 26 Oct 2017

Editing Salesforce Visualforce Pages (Part 2) - Live Coding with Jesse

Today we will continue editing Salesforce Visualforce pages using html, css, and maybe some Javascript. See a professional front-end developer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Angular 4 Project Setup with Webpack

7b-1qWvQdqY | 25 Oct 2017

Angular 4 Project Setup with Webpack

A complete tutorial on setting up a highly scalable and configurable Angular 4 project with Webpack. Learn how to optimize your web development throughput with this project configuration! ⭐ Video Outline ⭐ ⌨ Intro: 0:00 ⌨ Project Setup (Boiler Plate), and an intro to TypeScript: 0:32 ⌨ Angular Setup: 5:48 ⌨ Webpack Configuration (Webpack Common): 8:34 ⌨ Webpack Dev and Prod Config: 9:07 ⌨ Running the App: 32:32 ⌨ Webpack Test Config: 35:05 ⌨ AOT Build: 38:19 🔗 Github Repo: https://github.com/Bigless27/Angular-webpack-starter Video by Jordan Lesson. Contact: [email protected] - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Editing Salesforce Visualforce Pages - Live Coding with Jesse

BMg1n7NbifE | 25 Oct 2017

Editing Salesforce Visualforce Pages - Live Coding with Jesse

Today we will edit Salesforce Visualforce pages using html, css, and maybe some Javascript. See a professional front-end developer at work. Unscripted. Mistakes included. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Troubleshooting NodeJS Auth (P4D13) - Live Coding with Jesse

5Yo0a_e-Tag | 24 Oct 2017

Troubleshooting NodeJS Auth (P4D13) - Live Coding with Jesse

Project 4 Day 13: Today we will try to figure out what is causing an error in our React app when we try to login. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Redux with React Native - Live Coding with Jesse

tI_-ZOYqqQU | 23 Oct 2017

Using Redux with React Native - Live Coding with Jesse

Today I will be working on using Redux with React Native. See a professional front-end developer at work. Unscripted. Mistakes included. React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

NodeJS User Auth with PassportJS (P4D12) - Live Coding with Jesse

Xv8FtSTSMwc | 20 Oct 2017

NodeJS User Auth with PassportJS (P4D12) - Live Coding with Jesse

Project 4 Day 12: Today we will begin implementing user authentication with PassportJS. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project UI Updates (P4D11) - Live Coding with Jesse

v0Guj82YfP4 | 19 Oct 2017

React Project UI Updates (P4D11) - Live Coding with Jesse

Project 4 Day 11: Today we will be updating the UI for the post detail page. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Setting Up a Kanban Board (P4D10) - Live Coding with Jesse

je5Ds1z-we8 | 18 Oct 2017

Setting Up a Kanban Board (P4D10) - Live Coding with Jesse

Project 4 Day 10: Today we will be setting up a Kanban board within a GitHub project, and reviewing some pull requests. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Grid Layout with MaterialUI (P4D9) - Live Coding with Jesse

2D3fU3coRAg | 13 Oct 2017

Creating a Grid Layout with MaterialUI (P4D9) - Live Coding with Jesse

Project 4 Day 9: Today we will be creating a grid layout for our posts using the MaterialUI grid component. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Merging GitHub Pull Requests (P4D8) - Live Coding with Jesse

9cf73UMObiM | 12 Oct 2017

Merging GitHub Pull Requests (P4D8) - Live Coding with Jesse

Project 4 Day 8: Today we will review and merge some pull requests. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Google Interview Question: How to Code a Queue Using a Stack. Whiteboard Wednesday by Irfan Baqui

m7ZYJkvWwlE | 11 Oct 2017

Google Interview Question: How to Code a Queue Using a Stack. Whiteboard Wednesday by Irfan Baqui

Irfan Baqui shows you how to approach whiteboard coding interviews in this weekly series of Whiteboard Wednesday! Check out more Whiteboard Wednesday videos here: https://www.youtube.com/watch?v=71kEvXsEKYQ&list=PLs2vRLhtciEt46Fg-uz1LQxb4xSW-KMGa Today's question is from Google: "How to implement a queue using stacks?" About Irfan: Irfan Baqui is a software engineer based in San Francisco. He loves to help other engineers grow and writes about how you can get your dream job: irfanbaqui.com/blog You can learn more about Irfan here: http://irfanbaqui.com/about Irfan publishes weekly tech and non-tech videos on his youtube channel, including Whiteboard Wednesdays. Check it out and subscribe! https://youtube.com/c/irfanbaqui Ask Irfan a question or just say Hi: https://twitter.com/irfanbaqui - Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://medium.freecodecamp.org And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using WPGraphQL with React (P4D7) - Live Coding with Jesse

qkAYTA0EYic | 11 Oct 2017

Using WPGraphQL with React (P4D7) - Live Coding with Jesse

Project 4 Day 7: Today we will get different types of data from WordPress with the WPGraphQL plugin installed and display it with React. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Workshop: Basics of JavaScript & ES6 Syntax

5MPHo5jGXwQ | 10 Oct 2017

Live Workshop: Basics of JavaScript & ES6 Syntax

Learn about the basics of JavaScript and then take a deep dive into more awesome, new features from the ES6 syntax. The workshop will include the following sections: 1. JavaScript Variables 2. Variable declaration 3. Methods and Arrow Functions 4. Default Parameters 5. Spread Operator 6. Template Literals 7. Object Property Shorthand Notation Presented by Ethan Arrowood, a Computer Science student from Wentworth Institute of Technology. Follow Ethan on Twitter: @ArrowoodTech - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Styling React with MaterialUI Part 2 (P4D6) - Live Coding with Jesse

19LI3hber5I | 10 Oct 2017

Styling React with MaterialUI Part 2 (P4D6) - Live Coding with Jesse

Project 4 Day 6: Today we will continue using the latest version of MaterialUI to style our React project. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Styling React with MaterialUI (P4D5) - Live Coding with Jesse

Xge5-y_1ASc | 09 Oct 2017

Styling React with MaterialUI (P4D5) - Live Coding with Jesse

Project 4 Day 5: Today we will be using the latest version of MaterialUI to style our React project. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to make money as a freelance developer - business tips from an expert

fsTzLgra5dQ | 08 Oct 2017

How to make money as a freelance developer - business tips from an expert

0:00 – Should you become a freelance developer? 8:22 – How to stand out from other freelance developers 14:53 – How to sell your services 25:50 – Where to sell your services Summary of points: Should you be a freelancer? - Are you self-motivated or do you need structure provided for you? - People who can regulate themselves, and require themselves to work set hours from home, are best suited for freelancing. - People who require someone to provide them with a work schedule and deadlines is better suited to work for someone. - Can you make money as a freelancer? - Roughly 30 percent of the 24 million small businesses in the US do not have a website. This equates to 7.2 million businesses. - If each of these businesses paid $3,000 for a website then that would be a total market of $21,600,000 (7.2m * $3,000). How you can stand out from other freelancers. - It’s important to recognize that most developers don’t do a good job of connecting with potential customers. - There are a plenty of web developers in the US. Despite this, 7.2 million small businesses don’t have a website. - The fact that there is a high number of developers and a high number of businesses still in need of service indicates a “disconnect” between the development community and the small business community. - The best way to bridge the “disconnect” is to identify and solve the problems of small businesses. - Developers must talk to small businesses about their problems and how software will solve those problems. - Many developers make the mistake of talking about software and code and not about problem solving. - Taking a “problem solver” approach will help bridge the disconnect between developers and small businesses. How to sell your services. - The initial meeting/phone call is your opportunity to connect with the customer. - Use your initial meeting with a potential customer to identify the customer’s needs and problems. - Identifying the potential customer’s problems requires in-depth questions and follow up. - Close the sale by explaining how software will solve the problems you have identified. - Give specifics as to functions the software will perform and how those functions will solve the problems you have identified. This is more effective than the approach of many other developers - Your written proposal must be specific as to the services you are providing. This avoids disputes. Where to sell your services - Networking events can help generate business. - DO NOT go to networking events which are mostly made up of developers. It’s better if you’re the only developer in the room. - BNI (https://www.bni.com/) is a good place to network with small business owners. - Third party services can help you find customers - Thumbtack.com and Fiverr.com are good places to find customers. - Third party services/platforms often include fees for listing your services and you will often perform work for reduced rates. - Your own website can bring in business. - This doesn’t require the time of networking and alleviates the problems of third-party services/platforms - Google Adwords is a way to promote your website. Adwords, however can be expensive. Follow Luke on Twitter: https://twitter.com/luke_ciciliano Check out Luke's website, SEO For Lawyers: https://www.seo-for-lawyers.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Using Apollo with React (P4D4) - Live Coding with Jesse

TJKe3vg9K3o | 07 Oct 2017

Using Apollo with React (P4D4) - Live Coding with Jesse

Project 4 Day 4: Today we are going to learn how to use Apollo and GraphQL with React to get and display data from WordPress. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

GraphQL + WordPress (P4D3) - Live Coding with Jesse

gcaxa-Mqq7k | 05 Oct 2017

GraphQL + WordPress (P4D3) - Live Coding with Jesse

Project 4 Day 3: Today we will start the process of using GraphQL to supply our app with data from WordPress. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Structuring Redux Store (P4D2) - Live Coding with Jesse

bntBrogpCyI | 04 Oct 2017

Structuring Redux Store (P4D2) - Live Coding with Jesse

Project 4 Day 2: Today we will get data from the WordPress API, change the structure of the data, and populate our store with it. We will also pass that data to a component and display it. See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React 16 Setup with Create React App (P4D1) - Live Coding with Jesse

SlMQkhN0Vdg | 03 Oct 2017

React 16 Setup with Create React App (P4D1) - Live Coding with Jesse

Project 4 Day 1: Today we will start from nothing and use create-react-app to start a new project with the latest version of React (16)! See a professional front-end developer at work. Unscripted. Mistakes included. GitHub Repo: https://github.com/fus-marcom/bulletin-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Material Design Tabs (P2D34) - Live Coding with Jesse

VFLM_REK9mw | 29 Sep 2017

React: Material Design Tabs (P2D34) - Live Coding with Jesse

Day 34 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are going to use Material Design tabs from Material UI for filtering our logos section. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to ship code faster using continuous integration and delivery

YGYoYSR-d98 | 28 Sep 2017

How to ship code faster using continuous integration and delivery

Continuous integration and delivery (CI/CD) are software development practices that improve speed and safety. CircleCI is a CI/CD platform that helps developers ship code quickly and confidently. Join their Developer Advocate, Alek Sharma, as he explains: 0:00 - What Continuous Integration Is 1:45 - Why It's Great 3:45 - How to Set It Up w/ CircleCI and GitHub 15:29 - What About Continuous Delivery and Deployment? Start testing: https://circleci.com/freecodecamp/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project Tutorial - Game of Life

PM0_Er3SvFQ | 27 Sep 2017

React Project Tutorial - Game of Life

This full project tutorial shows how to create Conway's Game of Life using React. You don't have to know a lot already but it may be helpful to check out one of these videos first to get an overview of React: https://youtu.be/1rIP81hjs2U (45 min) https://youtu.be/QqLkkBKVDyM (15 min) ⭐ Code ⭐ 💻 Github repo: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/gameoflife 💻 Direct link to JavaScript file: https://github.com/beaucarnes/fcc-project-tutorials/blob/master/gameoflife/src/index.js 💻 Code for just play method (gist): https://gist.github.com/beaucarnes/1c22fc5e10b15a1f2bf338bf7d09b1b9 ⭐ Tutorial Outline ⭐ ⌨ Part 1: Basic Setup (2:03) ⌨ Part 2: Begin Main Component & CSS (6:56) ⌨ Part 3: Create Grid Component (10:21) ⌨ Part 4: Create Box Component (21:55) ⌨ Part 5: Begin Method Creation (27:02) ⌨ Part 6: Play Method & Game Logic (35:09) [see link for gist above] ⌨ Part 7: Buttons w/ React-Bootstrap (39:08) ⌨ Part 8: Finish Buttons & Main Component (39:08) 👏 Special thanks to these people who helped review the code: Sean Smith, Marius Espejo, & Danny Huang. 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Redesigning a Homepage Part 2 (P3D9) - Live Coding with Jesse

KfMltku-4eg | 26 Sep 2017

Redesigning a Homepage Part 2 (P3D9) - Live Coding with Jesse

Project 3 Day 9: Continuing to redesign a new homepage. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Live Workshop: Basics of ReactJS

1rIP81hjs2U | 26 Sep 2017

Live Workshop: Basics of ReactJS

Ethan Arrowood, a Computer Science student from Wentworth Institute of Technology, presents a workshop about the basics of ReactJS to the Wentworth Computer Science Society. Live streaming straight from a classroom located in the heart of Boston, Massachusetts, Ethan is very excited to share his experience on ReactJS with the FreeCodeCamp Community. Make sure to follow Ethan on twitter: @ArrowoodTech - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Silver Play Button! YouTube's award to the freeCodeCamp community for reaching 100K subscribers

z7OY3UdjSY4 | 25 Sep 2017

The Silver Play Button! YouTube's award to the freeCodeCamp community for reaching 100K subscribers

A few months ago, the freeCodeCamp YouTube channel reached 100,000 subscribers. YouTube congratulated us by mailing us a Silver Play Button award. In this video, Quincy unboxes YouTube's Silver Play Button award and says a few words about the contributors who have made all this possible. You should follow these amazing developers: https://twitter.com/carnesbeau https://twitter.com/brianamarie132 https://twitter.com/CodyLSeibert https://twitter.com/JesseRWeigel https://twitter.com/iam_preethi https://twitter.com/thedoerdoes Here are some short videos that will give you a good idea of what our community's channel is all about: https://www.youtube.com/watch?v=TWFNnbAylHI https://www.youtube.com/watch?v=f9M6P9IVn7k https://www.youtube.com/watch?v=u9WOdMWjgso https://www.youtube.com/watch?v=AwicscsvGLg https://www.youtube.com/watch?v=FXfYSn8qaUE If you want to record videos about development, design, or data science and publish them on the freeCodeCamp YouTube channel, read this: https://fcc.im/2yEfQHk

Redesigning a Homepage (P3D8) - Live Coding with Jesse

6EOlVH1QwNA | 22 Sep 2017

Redesigning a Homepage (P3D8) - Live Coding with Jesse

Project 3 Day 8: Redesigning a new homepage. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JAMstack Tutorial - Full site using Netlify & Hugo

NSts93C9UeE | 22 Sep 2017

JAMstack Tutorial - Full site using Netlify & Hugo

In this tutorial you will learn to build a client side application using modern tooling. You will build a restaurant site using Netlify and Hugo. Only basic knowledge of HTML, JavaScript, and CSS are needed. 🔗 Live version: https://tasty.netlify.com. 🔗 Clone project: https://bit.ly/tasteTheTutorial 🔗 Github: https://github.com/bdougie/restaurant-template-cms *Note on continuous deployment After cloning locally you can now push up all your changes to GitHub. You do not need to manually push your changes to production. Netlify’s Git integration handles the continuous deployment. ⭐ Course Outline ⭐ ⌨ 1:17 - Cloning the project - https://bit.ly/tasteTheTutorial ⌨ 3:47 - Introduction to Hugo - http://gohugo.io/ ⌨ 5:18 - JAMstack explanation - https://jamstack.org/ ⌨ 10:08 - Adding the menu collection ⌨ 14:57 - Adding the CMS - https://www.netlifycms.org/ ⌨ 21:12 - Adding the drinks: Part 1 ⌨ 22:03 - Adding the drinks: Part 2 ⌨ 23:03 Adding the image gallery ⌨ 27:07 Collecting form data 🐦 Creator Brian Douglas on Twitter: https://twitter.com/bdougieyo - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

SendGrid API Node Client: Breaking Changes (P2D33) - Live Coding with Jesse

n1Vjs9_Q3NY | 21 Sep 2017

SendGrid API Node Client: Breaking Changes (P2D33) - Live Coding with Jesse

Day 33 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are going to update our code to work with the latest version of the SendGrid API Node client ( https://github.com/sendgrid/sendgrid-nodejs ). See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Which programming language should you learn first?

VqiEhZYmvKk | 21 Sep 2017

Which programming language should you learn first?

Software engineer Preethi Kasireddy answers your questions! Question: “I want to get started with programming but I don’t know know where to start. What programming language should I pick? Should I focus on front-end, back-end, machine learning… or something else? There’s so many options to choose from, it’s overwhelming.” About Preethi: Preethi Kasireddy is an engineer based in San Francisco. She's an avid learner who taught herself programming and machine learning, and is passionate about understanding things clearly and explaining them to others via blog posts. She was previously a front-end & API engineer at Coinbase, a digital currency platform, where she helped architect and rebuild their front-end in React, Mobx and Redux. Prior to that, she was a partner at the venture capital firm Andreessen Horowitz and an Investment Banker at Goldman Sachs. She studied Systems Engineering at USC. Twitter: https://twitter.com/iam_preethi - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Footer Part 2 (P3D7) - Live Coding with Jesse

VM0RJ0IxVHU | 20 Sep 2017

Creating a Footer Part 2 (P3D7) - Live Coding with Jesse

Project 3 Day 7: Creating a footer using MaterializeCSS and the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Alexa Development 101 - Full Amazon Echo tutorial course in one video!

4SXCHvxRSNE | 19 Sep 2017

Alexa Development 101 - Full Amazon Echo tutorial course in one video!

*** This video has been UPDATED: https://youtu.be/QkbXjknPoXc *** If you want to start building skills for Amazon Alexa and you're new to programming - this course was created especially for you! By the end of this course, you'll be able to create custom skills for Amazon Alexa - from scratch - even if you've never written a line of code in your life. ⭐ Course Outline (all in this video) ⭐ ⌨ 00:00:02 - Lesson 01: Welcome & Course Introduction ⌨ 00:01:27 - Lesson 02: A Technical Overview of Alexa ⌨ 00:06:11 - Lesson 03: Skills Setup in the Developer Portal ⌨ 00:12:45 - Lesson 04: Understanding Intents and Slots ⌨ 00:16:16 - Lesson 05: Creating Skill Services ⌨ 00:24:09 - Lesson 06: Understanding Skill Code ⌨ 00:32:06 - Lesson 07: Skill Testing ⌨ 00:37:33 - Lesson 08: Planning and Design ⌨ 00:46:55 - Lesson 09: Building a Complete Skill ⌨ 00:59:30 - Lesson 10: Skill Certification ⌨ 01:06:19 - Lesson 11: Next Steps 💻 GitHub repo: https://github.com/dabblelab/alexa-development-101 🔗 For more Alexa development videos, check out the Dabble Lab channel: https://www.youtube.com/dabblelab 🐦 Creator Steve Tingiris on Twitter: https://twitter.com/tingiris - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating a Footer (P3D6) - Live Coding with Jesse

qVhXvBiCb4c | 19 Sep 2017

Creating a Footer (P3D6) - Live Coding with Jesse

Project 3 Day 6: Creating a footer using MaterializeCSS and the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

How to use Mail for Good - a free open source email campaign tool for nonprofits

_7U03GVD4a8 | 19 Sep 2017

How to use Mail for Good - a free open source email campaign tool for nonprofits

This is a demo of how to use Mail for Good, a free open source email campaign tool designed for nonprofits, and built by the freeCodeCamp community. You can read more about this here: https://medium.freecodecamp.org/our-nonprofit-needed-a-cheaper-way-to-send-email-blasts-so-we-engineered-one-167322e3f28e And go directly to the code here: https://github.com/freeCodeCamp/mail-for-good

Parallax Hero Section (P3D5) - Live Coding with Jesse

ZGmx5xx5JfI | 18 Sep 2017

Parallax Hero Section (P3D5) - Live Coding with Jesse

Project 3 Day 5: Creating a parallax hero section using MaterializeCSS and the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Easily code a virtual reality web experience with A-Frame (WebVR)

jhEfT9YjLcU | 16 Sep 2017

Easily code a virtual reality web experience with A-Frame (WebVR)

With Mozilla's free framework A-Frame, anyone who can write HTML can create a virtual reality app, and anyone who knows JavaScript can animate the scene. In this video, Benji walks through an example, starting from scratch. A-Frame: https://aframe.io/ Code: https://github.com/okaybenji/a-frame-demo Demo: https://okaybenji.github.io/a-frame-demo/ Thanks to Goldfire Studios for setting aside time for employees to work on their own projects. http://goldfirestudios.com You can follow Benji on Twitter @okaybenji https://twitter.com/okaybenji - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Adding a Material Design Side Nav with .NET Part 2 (P3D4) - Live Coding with Jesse

o8UmS651T5E | 15 Sep 2017

Adding a Material Design Side Nav with .NET Part 2 (P3D4) - Live Coding with Jesse

Project 3 Day 4: Creating a side nav component using MaterializeCSS and the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Adding a Material Design Side Nav with .NET (P3D3) - Live Coding with Jesse

kftarrKwaWM | 14 Sep 2017

Adding a Material Design Side Nav with .NET (P3D3) - Live Coding with Jesse

Project 3 Day 3: Creating a side nav component using MaterializeCSS and the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Building a Nav with .NET (P3D2) - Live Coding with Jesse

61Oi2p0IiE4 | 13 Sep 2017

Building a Nav with .NET (P3D2) - Live Coding with Jesse

Project 3 Day 2: Creating a nav bar using the .NET framework. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Updating a Slow Website (P3D1) - Live Coding with Jesse

5BZ3nQ-wuMU | 12 Sep 2017

Updating a Slow Website (P3D1) - Live Coding with Jesse

Project 3 Day1: Today I am going to try to speed up a website home page that loads very slowly. See a professional front-end developer at work. Unscripted. Mistakes included. Project URL: https://www.franciscan.edu More detailed planation of the project: https://youtu.be/9u9DtD9Kxp8 Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Sass Styling and Refactoring (P2D32) - Live Coding with Jesse

54QZkniorGE | 11 Sep 2017

Sass Styling and Refactoring (P2D32) - Live Coding with Jesse

Day 32 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are working on styling some elements using Sass. We will also be refactoring our Sass files. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 6 - Search

ipYlztBRpp0 | 10 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 6 - Search

Welcome to part 6 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 7 - Wrapping Up

stx-tUS0vo4 | 10 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 7 - Wrapping Up

Welcome to part 7 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 5 - View Song

3zw5LgKDMhg | 09 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 5 - View Song

Welcome to part 5 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

JavaScript Tic Tac Toe Project Tutorial - Unbeatable AI w/ Minimax Algorithm

P2TcQ3h0ipQ | 09 Sep 2017

JavaScript Tic Tac Toe Project Tutorial - Unbeatable AI w/ Minimax Algorithm

A full web development tutorial for beginners that demonstrates how to create an unbeatable tic tac toe game using vanilla JavaScript, HTML, and CSS. Learn the Minimax algorithm! ⌨ Part 1: Introduction (0:00) Code: none ⌨ Part 2: HTML (2:58) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/2 ⌨ Part 3: CSS (4:23) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/3 ⌨ Part 4: JavaScript: Basic Setup (10:28) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/4 ⌨ Part 5: JavaScript: Determine Winner (20:32) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/5 ⌨ Part 6: JavaScript: Basic AI & Winner Box (30:45) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/6 ⌨ Part 7: JavaScript: Minimax Algorithm (39:25) Code: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/tictactoe/7 --- Special thanks to David Daly and myloginistaken who found a mistake where the game sometimes incorrectly shows a tie game. The 'Part 7' GitHub code now contains this fix. 🔗Minimax article: https://medium.freecodecamp.org/how-to-make-your-tic-tac-toe-game-unbeatable-by-using-the-minimax-algorithm-9d690bad4b37 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau --- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App Using Vue.js & Express.js: Part 3 - Login

H6hM_5ilhqw | 07 Sep 2017

Full Stack Web App Using Vue.js & Express.js: Part 3 - Login

Welcome to part 3 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 4

1NSPAz1Qc-I | 07 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 4

Welcome to part 4 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Browser Testing React Project (P2D31) - Live Coding with Jesse

0rxrgl-M_XU | 07 Sep 2017

Browser Testing React Project (P2D31) - Live Coding with Jesse

Day 31 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are testing! See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Styling React Components (P2D30) - Live Coding with Jesse

KjVOh9iVoiQ | 06 Sep 2017

Styling React Components (P2D30) - Live Coding with Jesse

Day 30 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are styling components. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 2 - Sequelize

xZMwg5z5VGk | 05 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 2 - Sequelize

Welcome to part 2 of a new series where I will create a full stack web application using Vue.js and Express.js GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Client Side React Form Validation (P2D29) - Live Coding with Jesse

X_0Y2lWNWO4 | 05 Sep 2017

Client Side React Form Validation (P2D29) - Live Coding with Jesse

Day 29 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we are using formsy to handle client side form validation. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Full Stack Web App using Vue.js & Express.js: Part 1 - Intro

Fa4cRMaTDUI | 02 Sep 2017

Full Stack Web App using Vue.js & Express.js: Part 1 - Intro

Welcome to part 1 of a new series where I will create a full stack web application using Vue.js and Express.js 🎥Video created by Cody Seibert. Check out his channel: https://www.youtube.com/channel/UCsrVDPJBYeXItETFHG0qzyw 00:00 Project description 6:35 Git Setup 17:47 Backend setup 36:40 Register page setup GitHub repo: https://github.com/codyseibert/tab-tracker Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Emailing Form Data with React and NodeJS (P2D28) - Live Coding with Jesse

do4xiLPKbOk | 01 Sep 2017

Emailing Form Data with React and NodeJS (P2D28) - Live Coding with Jesse

Day 28 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we will gather data from a React form and send it via email using NodeJS and the Sendgrid API. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 27 - Live Coding with Jesse

5Jja-S-CUk8 | 31 Aug 2017

React Project 2 Day 27 - Live Coding with Jesse

Day 27 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 26 - Live Coding with Jesse

iPrD7_6rbQQ | 30 Aug 2017

React Project 2 Day 26 - Live Coding with Jesse

Day 26 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. Today we will continue working on securing our file uploads. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 25 - Live Coding with Jesse

f05DMTRjuB0 | 29 Aug 2017

React Project 2 Day 25 - Live Coding with Jesse

Day 25 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 24 - Live Coding with Jesse

083ljusVNR0 | 28 Aug 2017

React Project 2 Day 24 - Live Coding with Jesse

Day 24 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 23 - Live Coding with Jesse

_woczhn1VQo | 25 Aug 2017

React Project 2 Day 23 - Live Coding with Jesse

Day 23 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Recursion in software development

vPEJSJMg4jY | 22 Aug 2017

Recursion in software development

To understand recursion you must first understand recursion. This video will help you do just that! Learn how recursion works with flowcharts and code. The code is in Python but the concepts apply to any programming language. Recursive functions have a base case and recursive case. Watch out for infinite loops! This video is part of a course called 'Algorithms in Motion' from Manning Publications. You can get it here: https://www.manning.com/livevideo/algorithms-in-motion?a_aid=algmotion&a_bid=9022d293 🎥 Learn more about recursion here: https://www.youtube.com/watch?v=byYU-Yd4RH4  -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 22 - Live Coding with Jesse

et1M1u3yI0o | 21 Aug 2017

React Project 2 Day 22 - Live Coding with Jesse

Day 22 of a React project built using create react app, MaterialUI, MaterializeCSS, ExpressJS, SendgridAPI, and WrikeAPI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery vs vanilla JavaScript - Beau teaches JavaScript

X65s7WQLWJY | 21 Aug 2017

jQuery vs vanilla JavaScript - Beau teaches JavaScript

When should you use jQuery instead of vanilla JavaScript? Is jQuery still relevant? What is jQuery good for? Find out in this video! - Video based on this article by Ollie Williams: https://css-tricks.com/now-ever-might-not-need-jquery/ The only polyfill you'll ever need: https://polyfill.io 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶jQuery Playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkyK9woUZUtunToLtNGoQHB ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 21 - Live Coding with Jesse

qv6u-erg3zI | 18 Aug 2017

React Project 2 Day 21 - Live Coding with Jesse

Day 21 of the new React project. Continuing work on a secondary in page navigation menu that indicates the section of the page that a users is on. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

I've done programming tutorials. Now what? - Ask Preethi

OxfJ7xw5hQE | 17 Aug 2017

I've done programming tutorials. Now what? - Ask Preethi

Question: "I know HTML, CSS, JavaScript, jQuery, etc. I've followed lots of tutorials to make simple sites. But now I'm stuck. What do I do next? What can I use to actually start building something?" My answer is in this video. About Preethi: Preethi Kasireddy is an engineer based in San Francisco. She's an avid learner who taught herself programming and machine learning, and is passionate about understanding things clearly and explaining them to others via blog posts. She was previously a front-end & API engineer at Coinbase, a digital currency platform, where she helped architect and rebuild their front-end in React, Mobx and Redux. Prior to that, she was a partner at the venture capital firm Andreessen Horowitz and an Investment Banker at Goldman Sachs. She studied Systems Engineering at USC. Twitter: https://twitter.com/iam_preethi - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 20 - Live Coding with Jesse

nQWebFrS7xc | 17 Aug 2017

React Project 2 Day 20 - Live Coding with Jesse

Day 20 of the new React project. Working on a secondary in page navigation menu that indicates the section of the page that a users is on. Also talking about property initializer syntax. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 19 - Live Coding with Jesse

uMmlZtFJol4 | 16 Aug 2017

React Project 2 Day 19 - Live Coding with Jesse

Day 19 of the new React project. I am continuing to work on building out the remaining views (almost finished!). See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

What is Continuous Integration?

_zCyLT33moA | 16 Aug 2017

What is Continuous Integration?

Continuous integration is a software development practice where all the developers are continuously integrating small code changes back into the code base. CircleCI is a platform for continuous integration and delivery, helping developers ship code quickly and confidently. Join their developer advocate, Alek Sharma, as he explains the basics of continuous integration. Start testing: https://circleci.com/freecodecamp/ -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery: AJAX - Beau teaches JavaScript

Wl-VvvNCk2A | 15 Aug 2017

jQuery: AJAX - Beau teaches JavaScript

jQuery allows you to use AJAX with a lot less code than vanilla JavaScript. Also it automatically makes your code work across different browsers. Learn all about how to use AJAX with jQuery using the load, get, and post methods. 💻 Code: https://codepen.io/beaucarnes/pen/WEZLmw?editors=1011 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 18 - Live Coding with Jesse

iRnkJ_reHUg | 14 Aug 2017

React Project 2 Day 18 - Live Coding with Jesse

Day 18 of the new React project. Today I will be reviewing a really big pull request and working on finishing the layout for the remaining views. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 17 - Live Coding with Jesse

ngKoDxdTtzQ | 11 Aug 2017

React Project 2 Day 17 - Live Coding with Jesse

Day 17 of the new React project. Today working on finishing some UI details. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 16 - Live Coding with Jesse

vJZf48t_OEI | 10 Aug 2017

React Project 2 Day 16 - Live Coding with Jesse

Day 16 of the new React project. Today I am continuing to work on the masonry layout of the logo download section. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 15 - Live Coding with Jesse

3q8fP0kNHHQ | 09 Aug 2017

React Project 2 Day 15 - Live Coding with Jesse

Day 15 of the new React project. Today I am continuing to work on the React project using create-react-app, MaterialUI, MaterializeCSS, SendGrid API, Wrike API, Node/ExpressJS. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Slack Channel: https://fcc-live-stream.slack.com/join/shared_invite/MjI0NjIxNTE3Nzk3LTE1MDIzMDY3MDMtYjFhMDIzZDZlYQ%EF%BB%BF Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 14 - Live Coding with Jesse

tqFE_-G0n0Q | 08 Aug 2017

React Project 2 Day 14 - Live Coding with Jesse

Day 14 of the new React project. Today we are going to try to create a new project in the Wrike project management system when a user submits a form from our React site. If the user has uploaded any files, those will then be attached to the project after it has successfully been created. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery: Dom Traversal (find parent and child nodes) - Beau teaches JavaScript

Thnv77n2e6Q | 08 Aug 2017

jQuery: Dom Traversal (find parent and child nodes) - Beau teaches JavaScript

jQuery makes it easy to find specific elements based on their relation to other elements. Many methods allow you to find parent and child elements. The following methods are discussed in this video: parent, parents, parentUntil, children, find, siblings, next, nextAll, nextUntil, prev, prevAll, prevUntil. 💻 Code: https://codepen.io/beaucarnes/pen/Nvpweb 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Color Maze - The Daily Programmer #325

Z0rRtv0-AwE | 08 Aug 2017

Color Maze - The Daily Programmer #325

Link to the code: https://gist.github.com/codyseibert/41d4589018c4ec176c7cf06755df911b Link to the problem: https://www.reddit.com/r/dailyprogrammer/comments/6qutez/20170801_challenge_325_easy_color_maze/ Follow Cody on Twitter: https://twitter.com/ Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 13 - Live Coding with Jesse

_mbTGjKZrYU | 07 Aug 2017

React Project 2 Day 13 - Live Coding with Jesse

Day 13 of the new React project. We are working on a project bootstrapped with create-react-app and using a combination of components from Material UI and styles from MaterializeCSS. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 12 - Live Coding with Jesse

D6zfqSpj0oY | 04 Aug 2017

React Project 2 Day 12 - Live Coding with Jesse

Day 12 of the new React project. We are using create-react-app and Material UI. Yesterday we successfully handled file uploading with node.js and express. Today we are going to improve the uploader and handle the rest of the form data. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Handling Form Data and Uploads with React (P2D11) - Live Coding with Jesse

ohPLLMAb_6o | 03 Aug 2017

Handling Form Data and Uploads with React (P2D11) - Live Coding with Jesse

Day 11 of the new React project. We are using create-react-app and Material UI. Going over a few more pull requests and working on using express and node to handle file uploads and form data. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 10 - Live Coding with Jesse

Cxk3QUb3S6E | 02 Aug 2017

React Project 2 Day 10 - Live Coding with Jesse

Day 10 of the new React project. We are using create-react-app and Material UI. Today I will start making the forms functional. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center Trello Board: https://trello.com/b/fAE7yvqW/resource-center-react React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Talking Clock - The Daily Programmer #321

bcPahhyYEIk | 01 Aug 2017

Talking Clock - The Daily Programmer #321

Link to the problem in the video: https://www.reddit.com/r/dailyprogrammer/comments/6jr76h/20170627_challenge_321_easy_talking_clock/ Follow Cody on Twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 9 - Live Coding with Jesse

y2Nn7HwnEF4 | 01 Aug 2017

React Project 2 Day 9 - Live Coding with Jesse

Day 9 of the new React project. We are using create-react-app and Material UI. Today I will start making the forms functional. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 8 - Live Coding with Jesse

zijj0mjK3ys | 31 Jul 2017

React Project 2 Day 8 - Live Coding with Jesse

Day 8 of the new React project. We are using create-react-app and Material UI. Shorter than normal stream today. Four awesome pull requests were submitted over the weekend! We will go over what has changed and build a few more views. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery: CSS and classes

MmtfrjLLjJ0 | 31 Jul 2017

jQuery: CSS and classes

Learn how to use jQuery to modify CSS and classes with the css, addClass, removeClass, and toggleClass methods. 💻 Code: https://codepen.io/beaucarnes/pen/pryoXJ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spiral Ascension - The Daily Programmer #320

10ij70XHuA0 | 31 Jul 2017

Spiral Ascension - The Daily Programmer #320

Link to the spiral ascension problem: https://www.reddit.com/r/dailyprogrammer/comments/6i60lr/20170619_challenge_320_easy_spiral_ascension/ Follow Cody on Twitter: https://twitter.com/CodyLSeibert Next problem: https://www.reddit.com/r/dailyprogrammer/comments/6jr76h/20170627_challenge_321_easy_talking_clock/?utm_content=title&utm_medium=hot&utm_source=reddit&utm_name=dailyprogrammer Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 7 - Live Coding with Jesse

vL6ee55GyLM | 28 Jul 2017

React Project 2 Day 7 - Live Coding with Jesse

Day 7 of the new React project. We are using create-react-app and Material UI. Today Shorter than normal stream today. I will review a pull request and continue working on the layout. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 6 - Live Coding with Jesse

nXaOzQcv8Do | 27 Jul 2017

React Project 2 Day 6 - Live Coding with Jesse

Day 6 of the new React project. We are using create-react-app and Material UI. Today I am reviewing more pull requests and building the layout for a few more views. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery: add and remove DOM elements - Beau teaches JavaScript

0GKgrEJjJDE | 27 Jul 2017

jQuery: add and remove DOM elements - Beau teaches JavaScript

Learn how to use jQuery to add and remove DOM elements with append, prepend, after, and before. 💻 Code: https://codepen.io/beaucarnes/pen/zdGMEz 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Chickens and Pigs - Agile Software Development

YGstFjI5wzc | 26 Jul 2017

Chickens and Pigs - Agile Software Development

The term “Chickens and Pigs” was removed from the official Scrum Guide in 2011, but you might hear it used even today. In this brief video, you’ll learn the story behind the term, as well as its history, meaning, and pros and cons. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 5 - Live Coding with Jesse

mBRw8ItLn-g | 26 Jul 2017

React Project 2 Day 5 - Live Coding with Jesse

Day 5 of the new React project. We are using create-react-app and Material UI. I have a few pull requests to review and then I am working on building the views. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Spelling With Chemistry - The Daily Programmer #302

Dvgdh9XIILU | 25 Jul 2017

Spelling With Chemistry - The Daily Programmer #302

Survey link: https://goo.gl/forms/rustp398xzDYRZoI3 Here is the link to the following problem description: https://www.reddit.com/r/dailyprogrammer/comments/5seexn/20170206_challenge_302_easy_spelling_with/ Follow Cody on twitter: https://twitter.com/CodyLSeibert Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The INVEST approach to product backlog items

VePSZcTBVNM | 25 Jul 2017

The INVEST approach to product backlog items

I.N.V.E.S.T. is a great starting point for your team’s Definition of Ready. In this brief video, you’ll learn what the mnemonic means and gain insight into a frequently required but often overlooked addition. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 4 - Live Coding with Jesse

yyJ3F0zR0BA | 25 Jul 2017

React Project 2 Day 4 - Live Coding with Jesse

Day 4 of the new React project. We are using create-react-app and Material UI. Today I am going to start using the new beta version of Material UI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 3 - Live Coding with Jesse

G4fp2HBJZWY | 24 Jul 2017

React Project 2 Day 3 - Live Coding with Jesse

Day 3 of the new React project. We are using create-react-app and Material UI. Today I am going to continue building the main layout, and customizing Material UI. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery: get and set with http, text, val, and attr - Beau teaches JavaScript

veL0_Rb97dE | 23 Jul 2017

jQuery: get and set with http, text, val, and attr - Beau teaches JavaScript

jQuery comes with a bunch of DOM related methods that make it easy to access and manipulate elements and attributes. In this video I talk about getting and setting content and attributes using http, text, attr, and val. 💻 Code: https://codepen.io/beaucarnes/pen/mMbYZZ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Agile Manifesto - Agile Software Development

tQprHSpNdps | 22 Jul 2017

The Agile Manifesto - Agile Software Development

The Agile Manifesto describes the fundamental values upon which every Agile framework rests. In this brief video, you’ll learn what the full Agile Manifesto is, along with a little history of how it was created. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React Project 2 Day 2: Learning Material UI - Live Coding with Jesse

cHXPsSq6sf4 | 21 Jul 2017

React Project 2 Day 2: Learning Material UI - Live Coding with Jesse

Day 2 of the new React project. We are using create-react-app and Material UI. Today I am going to start building the main layout, learning how to use Material UI along the way. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Starting a New React Project (P2D1) - Live Coding with Jesse

OUPBEpfBEXo | 20 Jul 2017

Starting a New React Project (P2D1) - Live Coding with Jesse

I am starting a new project today. First steps are: setting up our development environment, reviewing the project requirements, and planning out all the tasks needed to complete the project. See a professional front-end developer at work. Unscripted. Mistakes included. Git Repo: https://github.com/fus-marcom/resource-center React: https://facebook.github.io/react/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Atom Theme: Seti Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Jolly Jumper - The Daily Programmer #311

RlDx4UAxlPs | 20 Jul 2017

Jolly Jumper - The Daily Programmer #311

This problem was found here: https://www.reddit.com/r/dailyprogrammer/comments/65vgkh/20170417_challenge_311_easy_jolly_jumper/ Cody Seibert on Twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

animate in jQuery - Beau teaches JavaScript

ALhxxnTl5Co | 19 Jul 2017

animate in jQuery - Beau teaches JavaScript

The animate() method in jQuery performs a custom animation of a set of CSS properties. This is a short tutorial on the animate method. 💻 Code: https://codepen.io/beaucarnes/pen/QgXvEG?editors=1010 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

XOR Multiplication - The Daily Programmer #315

5Tid--2fKr0 | 19 Jul 2017

XOR Multiplication - The Daily Programmer #315

The problem from this video can be found here: https://www.reddit.com/r/dailyprogrammer/comments/6ba9id/20170515_challenge_315_easy_xor_multiplication/ Follow me on twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

"Finishing" My React Site - Live Coding with Jesse

9Iclh2o8Gas | 19 Jul 2017

"Finishing" My React Site - Live Coding with Jesse

This is my final day working on this React project. I am going to try to complete all of the most important tasks for today's stream. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Instagram: https://www.instagram.com/jesse.weigel/ Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

More React Refactoring - Live Coding with Jesse

iGgVK2stQGE | 18 Jul 2017

More React Refactoring - Live Coding with Jesse

I am continuing to refactor my react components as I finish converting every page to be populated with data from the WordPress API. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Concatenated Integers - The Daily Programmer #314

QfWw6zElusw | 17 Jul 2017

Concatenated Integers - The Daily Programmer #314

Here is the link to the following problem description: https://www.reddit.com/r/dailyprogrammer/comments/69y21t/20170508_challenge_314_easy_concatenated_integers/ Follow me on twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery effects - Beau teaches JavaScript

nwK0pJQZMPI | 16 Jul 2017

jQuery effects - Beau teaches JavaScript

jQuery makes it easy to add simple effects to your web page. This video covers show, hide, slideUp, slideDown, fadeOut, fadeIn, toggle, stop, and delay. 💻 Code: https://codepen.io/beaucarnes/pen/pwBbKv?editors=0010 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Collatz Tag System - The Daily Programmer #317

qO4MJEjjPS8 | 15 Jul 2017

Collatz Tag System - The Daily Programmer #317

Welcome to another The Daily Programmer series were we solve the problem Collatz Tag System #317 Follow me on twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 The problem discussed in this video can be found here: https://www.reddit.com/r/dailyprogrammer/comments/6e08v6/20170529_challenge_317_easy_collatz_tag_system/ Feel free to try your own solution and post it in the comment section! Happy Coding! Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Refactoring Components - Live Streaming with Jesse

Royt_Rwd9U0 | 14 Jul 2017

React: Refactoring Components - Live Streaming with Jesse

I am going to go through all of my React components and refactor as needed. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

3Sum - The Daily Programmer #323

Zdf_AuEAWpY | 14 Jul 2017

3Sum - The Daily Programmer #323

The 3SUM problem we are discussing was found here: https://www.reddit.com/r/dailyprogrammer/comments/6melen/20170710_challenge_323_easy_3sum/ Follow me on twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 Feel free to post links to your own solutions to this problem in the comments! I'm still working out the best audio / mic setup, so bear with me if the audio seems too loud in some places or sounds different between videos. Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Working with API Data - Live Coding with Jesse

XAdIaTekXgo | 13 Jul 2017

React: Working with API Data - Live Coding with Jesse

So far the site has been a mix of hard coded content and content pulled from the WordPress API. I want to have nearly all of the content coming from the API. Today I will be pulling in more data and rendering it inside React components. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

jQuery events - Beau teaches JavaScript

IR7Jbkuh824 | 12 Jul 2017

jQuery events - Beau teaches JavaScript

In jQuery, most DOM events have an equivalent jQuery method. Learn about jQuery events in this video. 💻 Code: https://codepen.io/beaucarnes/pen/gRZvpo?editors=1011 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React/NextJS Routing and WordPress API Custom Types - Live Coding with Jesse

vjMf2GjD0fQ | 12 Jul 2017

React/NextJS Routing and WordPress API Custom Types - Live Coding with Jesse

I am going to set up a new custom post type in WordPress with custom fields that will be exposed via the WP API. I will create a new page template in React/NextJS and pull in the data from the new post type. Finally I will set up custom parameterized routing the new pages. I intend to complete all of this, start to finish, live. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Condensing Sentences - The Daily Programmer #319

bK0o-8GMRss | 12 Jul 2017

Condensing Sentences - The Daily Programmer #319

Here is the link to the Daily Programmer sub-reddit where this problem was original found: https://www.reddit.com/r/dailyprogrammer/comments/6grwny/20170612_challenge_319_easy_condensing_sentences/ Follow me on twitter: https://twitter.com/CodyLSeibert Help us improve our videos by taking this short survey here: https://goo.gl/forms/rustp398xzDYRZoI3 Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

freeCodeCamp turns 1,000 days old!

g1aj9nFfac4 | 11 Jul 2017

freeCodeCamp turns 1,000 days old!

The freeCodeCamp community just turned 1,000 days old! Learn to code for free and get a developer job: https://www.freecodecamp.org We are a donor-supported nonprofit. You can support us at https://www.freecodecamp.org/donate Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React, NextJS, CSS - Live Coding with Jesse

o1VwaNqyUz0 | 11 Jul 2017

React, NextJS, CSS - Live Coding with Jesse

I am continuing my work on the React site. Will be working on various parts of the site. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Making a React Blog with WordPress Content - Live Coding with Jesse

r3bXhmTa_zg | 10 Jul 2017

Making a React Blog with WordPress Content - Live Coding with Jesse

My React site needs a blog style section. I am going to create a simple blog with React, but the content will come from a WordPress site via the WP API. The blog will eventually allow users to filter by category, tag, and date. I will also probably add search as well. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting started with jQuery (tutorial) - Beau teaches JavaScript

KhtEmR2A1Fw | 09 Jul 2017

Getting started with jQuery (tutorial) - Beau teaches JavaScript

jQuery is a very popular, lightweight JavaScript library. The purpose of jQuery is to make it much easier to use JavaScript on websites. jQuery simplifies a lot of the complicated things from JavaScript, like AJAX calls and DOM manipulation. Learn the basic syntax in this video. 💻 Code: https://codepen.io/beaucarnes/pen/mwGZre?editors=1010 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Definition of Done - Agile Software Development

pYOJyQoBT3U | 08 Jul 2017

Definition of Done - Agile Software Development

The Definition of Done is a documented team agreement. It defines the conditions that must be met for a potentially shippable product to be considered “done as in done.” It’s how we know that we “did the thing right”, meaning that we built in the correct level of quality into the product. These are different from the acceptance criteria, which are written by the product owner and help us know that we did the “right thing.” Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Building a New UI - Live Coding with Jesse

pyyrwdbaioc | 07 Jul 2017

React: Building a New UI - Live Coding with Jesse

I am designing and building a new UI for the resources page of my React site. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Sorting and Filtering Data Part 2 - Live Coding with Jesse

5yD8lI8R7A0 | 06 Jul 2017

React: Sorting and Filtering Data Part 2 - Live Coding with Jesse

Continuing my work setting up several sorting and filtering options for a section of my React site. I will be relying heavily on .map and .filter and .sort. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Sorting and Filtering Data - Live Coding with Jesse

jZawMvCVsPs | 05 Jul 2017

React: Sorting and Filtering Data - Live Coding with Jesse

I need to set up several sorting and filtering options for a section of my React site. I will be relying heavily on .map and .filter and .sort. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A day at Pennybox with Co-Founder Reji Eapen

mu3epeXRIt0 | 05 Jul 2017

A day at Pennybox with Co-Founder Reji Eapen

A day at Pennybox with Co-Founder Reji Eapen. www.pennybox.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Working Agreement - Agile Software Development

QTEKndwPS0o | 01 Jul 2017

Working Agreement - Agile Software Development

Does your team show up late to meetings? Does Sprint Planning take forever because half the team isn’t paying attention to anything but social media? Find out how to identify and limit these and other big risks with a Working Agreement. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Should I go back to school to get CS degree? - Ask Preethi

9TVYjjWkuOU | 30 Jun 2017

Should I go back to school to get CS degree? - Ask Preethi

Question: I have been teaching myself to code for almost a year now. I initially started from Freecodecamp.com and other tutorials, the more I learn about web technologies like javascript the more I want to learn lower level languages like c++. A part of me wants to go back to college and study computer science. I have done a little research and many seem to say that it is not necessary but I want be marketable for a career in software development. I have read that the industry is being flooded with junior developers that don't know enough to be productive so I suppose that is why I think I need to go back to school. I had been applying to companies that fit my skill set and I haven't received one response regarding an interview. I would really appreciate your advice on whether I should bite the bullet and go back to college or keep getting better at javascript and web technologies ie react, angular... Answer: [See video] About Preethi: Preethi Kasireddy is an engineer based in San Francisco. She's an avid learner who taught herself programming and machine learning, and is passionate about understanding things clearly and explaining them to others via blog posts. She was previously a front-end & API engineer at Coinbase, a digital currency platform, where she helped architect and rebuild their front-end in React, Mobx and Redux. Prior to that, she was a partner at the venture capital firm Andreessen Horowitz and an Investment Banker at Goldman Sachs. She studied Systems Engineering at USC. Twitter: https://twitter.com/iam_preethi - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Hero Section CSS Changes - Live Coding with Jesse

0gRKKXSBKsM | 30 Jun 2017

Hero Section CSS Changes - Live Coding with Jesse

The hero section on our home page needs some adjustments. I am going to edit the css for this section. At the same time, I will be moving the styles for this React component out of the styles.css file and into the component itself. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Submitting a PR to an Open Source Project - Live Coding with Jesse

HwdkB8MXbFM | 27 Jun 2017

Submitting a PR to an Open Source Project - Live Coding with Jesse

When trying to track a link with react-ga ( https://github.com/react-ga/react-ga ) and have it open in a new window, the browser treats it as a popup. I am going to submit a pull request that fixes this issue. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Google Analytics Click Tracking - Live Coding with Jesse

Q51zT82KdLI | 26 Jun 2017

React: Google Analytics Click Tracking - Live Coding with Jesse

I am going to set up click tracking for my React site using Google Analytics and react-ga ( https://github.com/react-ga/react-ga ). See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Getting first React job without experience - Ask Preethi

u9WOdMWjgso | 24 Jun 2017

Getting first React job without experience - Ask Preethi

Question: I am really keen on getting some React JS experience but anywhere I apply to, they seek an experienced React engineer. I have learn React on my own and recruiters do not seem to appreciate it. Further, at this stage at the big companies, I reach 1-2 rounds behind the final round and then they say they found a more experienced person for the role. Recently I got a rejection from the [COMPANY X] and [COMPANY Y . These both required 5-6 years of industry experience. My application took me to the initial rounds and they seemed interested in gauging my potential - only to find I was not as good as somebody they were looking for. Next week I am appearing for a full stack role at [COMPANY Z] but it is clearly out of my league - they are seeking at least 6 years experience in JavaScript. I am pursuing it for interview experience + what if it works out somehow? I do not know many people who can refer me. How do I get my first React job [without any industry experience]? Answer: [See video] About Preethi: Preethi Kasireddy is an engineer based in San Francisco. She's an avid learner who taught herself programming and machine learning, and is passionate about understanding things clearly and explaining them to others via blog posts. She was previously a front-end & API engineer at Coinbase, a digital currency platform, where she helped architect and rebuild their front-end in React, Mobx and Redux. Prior to that, she was a partner at the venture capital firm Andreessen Horowitz and an Investment Banker at Goldman Sachs. She studied Systems Engineering at USC. Twitter: https://twitter.com/iam_preethi - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

The Definition of Ready - Agile Software Development

SUS44Lj6oBI | 22 Jun 2017

The Definition of Ready - Agile Software Development

Have you ever started work on a user story that wasn’t ready to work on yet? Create a Definition of Ready to establish reasonable guidelines as to what conditions need to be met before you pull a user story into a sprint or begin work on it. Creating and following a Definition of Ready could double the speed of your team. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

A day at IBM with designer James Rauhut

FXfYSn8qaUE | 16 Jun 2017

A day at IBM with designer James Rauhut

IBM software designer James Y. Rauhut shows what a normal work-day is like. Find James online: Medium - https://medium.com/@seejamescode Twitter - https://twitter.com/seejamescode - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Tradeoff Matrix - Agile Software Development

8WpercDYOAA | 15 Jun 2017

Tradeoff Matrix - Agile Software Development

When we work on projects with fixed dates, scopes, and resources, we run the risk of burning out our teams and compromising quality. Use the tradeoff matrix to agree with your stakeholders as to what you’ll do when things—almost inevitably—don’t go exactly as planned. Video by Agile Coach Chris Gagné: https://chrisgagne.com/ - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Geolocation Sorting by Distance - Live Coding with Jesse

D_J8L04fQRM | 15 Jun 2017

Geolocation Sorting by Distance - Live Coding with Jesse

I would like users to be able to see events that are closest to them based on their current location. Today I am going to try to implement that in my React site. Also, as always, Q and A at the end! See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Sortable Responsive Table - Live Coding with Jesse

lSuddPkzrXg | 14 Jun 2017

React: Sortable Responsive Table - Live Coding with Jesse

I have already created a responsive table that is populated with data from the WordPress API. Now I want users to be able to sort the data by any of the table headers. If time allows, might be nice to allow users to search as well. Also, as always, Q and A at the end! See a professional front-end developer at work. Unscripted. Mistakes included. Standard JS: https://standardjs.com/ Prettier: https://prettier.github.io/prettier/ Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React + Prettier + Standard JS - Live Coding with Jesse

bqho-uAnNJk | 13 Jun 2017

React + Prettier + Standard JS - Live Coding with Jesse

I received a few great pull requests, one of which included Prettier and Standard JS. Today I am going to go over what these do and some of the errors that were found in my code after implementing them. Also, as always, Q and A at the end! See a professional front-end developer at work. Unscripted. Mistakes included. Standard JS: https://standardjs.com/ Prettier: https://prettier.github.io/prettier/ Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Merging a Pull Request from GitHub - Live Coding with Jesse

2eBJBKRkiVE | 12 Jun 2017

Merging a Pull Request from GitHub - Live Coding with Jesse

I have a pull request that needs merged. This may be basic for some people, but I thought it would be helpful to see for those who have never done it. Also, as always, Q and A at the end! See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Dates - Beau teaches JavaScript

zwBMp1U6FII | 09 Jun 2017

Dates - Beau teaches JavaScript

Work with dates in JavaScript. 💻 Video with editable code: https://scrimba.com/casts/coab2-08cb15b8a093 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Miscellaneous Front End Updates - Live Coding with Jesse

HiX30zXOwF0 | 09 Jun 2017

Miscellaneous Front End Updates - Live Coding with Jesse

I have a list of updates that need to be done to my React site. I am going to try to complete as many of them as I can while I stream. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Creating WordPress Custom Post Types - Live Coding With Jesse

jHyLKISuLjQ | 08 Jun 2017

Creating WordPress Custom Post Types - Live Coding With Jesse

I need to make some more custom post types in WordPress to pull in with the API into my React site. This will be the first time I use PHP in a live stream! See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Meeting for Good Demo - Open Source for Good Projects

LVZbUDzx1a0 | 07 Jun 2017

Meeting for Good Demo - Open Source for Good Projects

Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: WordPress API Live Search - Live Coding with Jesse

_JMyRifPhQ8 | 07 Jun 2017

React: WordPress API Live Search - Live Coding with Jesse

Today I am going to start adding live search to my React site. When a user types in the search field, a call will be made to the WordPress API. The results will then be displayed on the screen without a page refresh. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Graphs: breadth-first search - Beau teaches JavaScript

wu0ckYkltus | 05 Jun 2017

Graphs: breadth-first search - Beau teaches JavaScript

Traversal algorithms are algorithms to traverse or visit nodes in a graph. In this video, I will be showing how to implement breadth-first search traversal algorithm in JavaScript. The algorithm starts at one node, first visits all its neighbors that are one edge away, then goes on to visiting each of their neighbors. The point is to determine how close nodes are to a root node. 💻 Code: https://codepen.io/beaucarnes/pen/XgrXvw?editors=0012 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Masonry Layout Part 2 - Live Coding with Jesse

ed2lt-JXWnw | 05 Jun 2017

React: Masonry Layout Part 2 - Live Coding with Jesse

I ran into a problem while trying to implement the masonry layout. Everything works until I switch to a new tab. Then the footer creeps up behind the cards. I am going to do some troubleshooting and try to fix this issue. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

try, catch, finally, throw - error handling in JavaScript

cFTFtuEQ-10 | 02 Jun 2017

try, catch, finally, throw - error handling in JavaScript

Error handling in JavaScript uses the keywords: try, catch, finally, and throw. 💻 Code: https://codepen.io/beaucarnes/pen/rwBmWE?editors=0012 🔗 https://javascript.info/try-catch 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

Load Balancing: SSL Passthrough Setup - Live Coding with Jesse

RaZUsW3ZlQQ | 02 Jun 2017

Load Balancing: SSL Passthrough Setup - Live Coding with Jesse

In my last stream, we set up a load balancer for our Digital Ocean droplets. Today we need to configure it to use SSL. Since I already have an SSL cert set up on the droplets, we will use the SSL passthrough method. See a professional front-end developer at work. Unscripted. Mistakes included. SSL Passthrough Tutorial: https://www.digitalocean.com/community/tutorials/how-to-configure-ssl-passthrough-on-digitalocean-load-balancers Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Load Balancing Digital Ocean Droplets - Live Coding with Jesse

0Nd3fJEGXg4 | 01 Jun 2017

Load Balancing Digital Ocean Droplets - Live Coding with Jesse

I am going to make my first attempt at setting up load balancing between multiple droplets running my React site. See a professional front-end developer at work. Unscripted. Mistakes included. Load Balancing Docs: https://www.digitalocean.com/community/tutorials/how-to-create-your-first-digitalocean-load-balancer Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Masonry Layout - Live Coding with Jesse

jmoKfgIdaPM | 31 May 2017

React: Masonry Layout - Live Coding with Jesse

I am going to use a masonry style layout to display cards of differing heights. At least some of the cards will have images, and eventually there will be a need for infinite scroll. I have also included an interview I recorded at SyntaxCon with Rick Rein from Operation Code. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react Trello Board for this Project: https://trello.com/b/oD4BYdZk React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Setting Up Google Analytics - Live Coding with Jesse

L9j5dU22IhU | 30 May 2017

React: Setting Up Google Analytics - Live Coding with Jesse

Today I am going to try to get Google Analytics working. The site is using ReactJS via Next.js. Right now, I can only get analytics data on full page refresh or initial load. I need it to also log client side routing. I have also included an interview I recorded at SyntaxCon with Emily Freeman. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Virtual Reality Developer Adriana Vecchioli - Developer Interview

XbJ2SYMJkhg | 30 May 2017

Virtual Reality Developer Adriana Vecchioli - Developer Interview

Read Adriana's recent articles about VR and AR development: https://medium.freecodecamp.com/how-to-make-a-360-vr-app-with-unity-51cbe41ad8f1 and https://themission.co/how-virtual-reality-is-changing-storytelling-forever-3a9836c5300c Follow her on Twitter: https://twitter.com/adrianavecc Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Post Launch Updates - Live Coding with Jesse

I-Vu6YKEN70 | 26 May 2017

Post Launch Updates - Live Coding with Jesse

The site launched last night. I have a long list fixes and changes to make. Today I am going to try to get through the most important ones and see how many I can get done. See a professional front-end developer at work. Unscripted. Mistakes included. Live Site: https://catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Last Minute Updates - Live Coding with Jesse

KgXjkHoMleg | 25 May 2017

Last Minute Updates - Live Coding with Jesse

Today is launch day and there are still updates and changes coming in. I am going to try to prioritize things that need to be included before launch and get those done first. See a professional front-end developer at work. Unscripted. Mistakes included. Test Site: https://test.catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Browser and Device Testing - Live Coding with Jesse

s8Ho-3FJpVk | 24 May 2017

Browser and Device Testing - Live Coding with Jesse

Time to do some testing and try to break something. I will be testing with BrowserStack and a device connected directly to my computer. Chrome dev tools allow you to forward a port from a computer to a connected device. This comes in handy when trying to test locally. I have also included an interview I recorded at SyntaxCon with Kim Crayton. See a professional front-end developer at work. Unscripted. Mistakes included. Test Site: https://test.catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

setInterval and setTimeout: timing events - Beau teaches JavaScript

kOcFZV3c75I | 24 May 2017

setInterval and setTimeout: timing events - Beau teaches JavaScript

setTimeout and setInterval are timing events in JavaScript that both allow execution of code at specified time intervals. This quick tutorial shows how to use them. 💻 Code: https://codepen.io/beaucarnes/pen/GmzGrg?editors=1011 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on technology: https://medium.freecodecamp.com And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Dealing with jQuery Issues - Live Coding with Jesse

N3Sxb43r1GM | 23 May 2017

React: Dealing with jQuery Issues - Live Coding with Jesse

I am using a framework that requires jQuery in my React site. Not everything is working. Today I am going to try to make the jQuery things work. I have also included an interview I recorded at SyntaxCon with Ronak Raithatha, Software Engineer at BoomTown! See a professional front-end developer at work. Unscripted. Mistakes included. Test Site: https://test.catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

React: Parameterized Routing with Next.js - Live Coding with Jesse

2cJya4h5ync | 22 May 2017

React: Parameterized Routing with Next.js - Live Coding with Jesse

Next.js comes with routing built in, but gives the option to create your own. I am going to set up custom routing for blog post pages with ExpressJS. See a professional front-end developer at work. Unscripted. Mistakes included. Test Site: https://test.catechetics.com Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)

DBRW8nwZV-g | 20 May 2017

Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)

Graphs are collections of things and the relationships or connections between them. The data in a graph are called nodes or vertices. The connections between the nodes are called edges. See how to represent an adjacency list, adjacency matrix, and incidence matrix in JavaScript. 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Browser history tutorial - Beau teaches JavaScript

C9vsQkMu5gk | 18 May 2017

Browser history tutorial - Beau teaches JavaScript

Manipulate and navigate the browser history using JavaScript and the window.history object. This video covers history.length, history.back(), history.forward(), history.go(), history.replaceState(), and history.pushState(). 💻 Code: https://codepen.io/beaucarnes/pen/LyJLGd?editors=0012 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

cookies vs localStorage vs sessionStorage - Beau teaches JavaScript

AwicscsvGLg | 16 May 2017

cookies vs localStorage vs sessionStorage - Beau teaches JavaScript

What's the difference between cookies, local storage, and session storage? They are all ways to store data in a user's browser but they each have different uses. 💻 Code: http://codepen.io/beaucarnes/pen/KmeRMx?editors=0011 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Production Server Setup Part 2 - Live Coding with Jesse

hCGA7d-Ul4Q | 16 May 2017

React: Production Server Setup Part 2 - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. Watch me set up a DigitalOcean droplet that will run run Ubuntu, Node, Express, React via Next.js and Nginx as a reverse proxy. I will also eventually secure the server using LetsEncrypt. UPDATE: Toward the end of the video, I run the command: sudo pm2 startup systemd. This was a mistake. Run it without the sudo and follow the instructions given in the output. If you did follow my video instructions, just use: sudo pm2 unstartup systemd. This will undo everything and you can type the command correctly. Digital Ocean Guides: Ubuntu 16.04: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-16-04 Nginx: https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-16-04 NodeJS: https://www.digitalocean.com/community/tutorials/how-to-set-up-a-node-js-application-for-production-on-ubuntu-16-04 Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Production Server Setup - Live Coding with Jesse

eT3CMbWMC7c | 15 May 2017

React: Production Server Setup - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. Watch me set up Ubuntu 16.04 on a DigitalOcean droplet that will run run Ubuntu, Node, Express, React via Next.js and Nginx as a reverse proxy. I will also eventually secure the server using LetsEncrypt. At some point in the video, I am not able to log in as the user I created. The problem was that I didn't copy and paste the entire public key. Sorry for taking up so much time on air to fix it. Digital Ocean Guides: Ubuntu 16.04: https://www.digitalocean.com/community/tutorials/initial-server-setup-with-ubuntu-16-04 Nginx: https://www.digitalocean.com/community/tutorials/how-to-install-nginx-on-ubuntu-16-04 Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Heap Data Structure (max and min)- Beau teaches JavaScript

dM_JHpfFITs | 13 May 2017

Heap Data Structure (max and min)- Beau teaches JavaScript

A binary heap is a partially ordered binary tree which satisfies the heap property. What is the heap property? Watch the video to find out! Also see how to implement a min heap in JavaScript. Thanks to Sean Smith for the code! 💻 Code: http://codepen.io/beaucarnes/pen/JNvENQ?editors=0010 🔗 Heap visualization: https://www.cs.usfca.edu/~galles/visualization/Heap.html 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Server Side API Calls with Isomorphic Fetch - Live Coding with Jesse

HenyFfgo47I | 12 May 2017

React: Server Side API Calls with Isomorphic Fetch - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. I am going to make API calls on the server side using an implementation of fetch that works in Node. The API data can then be incorporated into the markup that is rendered server side. That means that search engines will see all of that content from the API! Repo: https://github.com/fus-marcom/ci-react React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Materialize: http://materializecss.com/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

A day at Amazon with developer Dave Jeffers

0277AINk5xk | 12 May 2017

A day at Amazon with developer Dave Jeffers

Amazon software developer Dave Jeffers shows what a normal work-day is like. Edited by Beau Carnes. - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Pop up boxes tutorial - Beau teaches JavaScript

y6P8uvqRYgw | 11 May 2017

Pop up boxes tutorial - Beau teaches JavaScript

JavaScript has three kind of popup boxes: Alert box, Confirm box, and Prompt box. 💻 Code: http://codepen.io/beaucarnes/pen/eWVozJ?editors=0012 🔗 More info: https://www.w3schools.com/js/js_popup.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Props - Live Coding with Jesse

LZXv19d6-jI | 11 May 2017

React: Props - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. Today I will be passing information to React components via props. React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Yarn: https://yarnpkg.com/en/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Demo Site: https://fus-marcom.github.io/ci-stati... Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Building Components - Live Coding with Jesse

0833PW-IdJE | 10 May 2017

React: Building Components - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. I am going to convert parts of a static site into React components. These components will be used in our Next.js pages. React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Yarn: https://yarnpkg.com/en/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Static Site Repo: https://github.com/fus-marcom/ci-static Static Demo Site: https://fus-marcom.github.io/ci-stati... Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Window Object: move, open, close, & size - Beau teaches JavaScript

ZJng8ls8uH0 | 09 May 2017

Window Object: move, open, close, & size - Beau teaches JavaScript

The window object represents the browser's window. It has many properties and methods. This video shows how to use JavaScript to get the size of a window, open a new window, close a window, and move a window. 💻 Code: http://codepen.io/beaucarnes/pen/XRVBRJ?editors=1010 🔗 More info: https://www.w3schools.com/js/js_window.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

React: Initial Setup - Live Coding with Jesse

pTw7CDD6k2c | 09 May 2017

React: Initial Setup - Live Coding with Jesse

See a professional front-end developer at work. Unscripted. Mistakes included. I am going to start setting up my local dev environment for building a ReactJS site. I will be using Next.js to help speed things up. React: https://facebook.github.io/react/ Next.js: https://github.com/zeit/next.js/ Yarn: https://yarnpkg.com/en/ Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Demo Site: https://fus-marcom.github.io/ci-stati... Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Hide/Show Section on Click - Live Coding with Jesse

ZhHUTZCv5Sc | 08 May 2017

Hide/Show Section on Click - Live Coding with Jesse

See a professional front-end developer at work. The team page has a lot of content. Today I will try to hide most of it and show the contents of each section when the title is clicked. This site will eventually be converted into React components and rendered server side with data from the WordPress API. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Demo Site: https://fus-marcom.github.io/ci-stati... Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ Project Management: https://trello.com You Don't Know JS Book: https://github.com/getify/You-Dont-Know-JS - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Trie Data Structure - Beau teaches JavaScript

7XmS8McW_1U | 06 May 2017

Trie Data Structure - Beau teaches JavaScript

The trie data structure (sometimes called a prefix tree) is a special type of tree used to store associative data structures. Learn more about tries and how to implement them in JavaScript. 💻 Code: https://codepen.io/beaucarnes/pen/mmBNBd?editors=0011 🔗 More info: https://medium.com/algorithms/trie-prefix-tree-algorithm-ee7ab3fe3413 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

requestAnimationFrame() - Beau teaches JavaScript

tS6oP1NveoI | 05 May 2017

requestAnimationFrame() - Beau teaches JavaScript

The window.requestAnimationFrame() method tells the browser that you wish to perform an animation and requests that the browser call a specified function to update an animation before the next repaint. 💻 Code: https://codepen.io/beaucarnes/pen/ybzpZE?editors=1010 🔗 More info: https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Material Design Cards - Live Coding with Jesse

29ddZX4wjoE | 05 May 2017

Material Design Cards - Live Coding with Jesse

See a professional front-end developer at work. Today I will build out the Team page. There is a lot of content for this page, so I need to come up with some way to display it all without seeming too cluttered. This site will eventually be converted into React components and rendered server side with data from the WordPress API. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Demo Site: https://fus-marcom.github.io/ci-static/app/ Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ Project Management: https://trello.com - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Building a Website: Team Page - Live Coding with Jesse

pfgqJU1lG78 | 04 May 2017

Building a Website: Team Page - Live Coding with Jesse

See a professional front-end developer at work. Today I will build out the Team page. There is a lot of content for this page, so I need to come up with some way to display it all without seeming too cluttered. This site will eventually be converted into React components and rendered server side with data from the WordPress API. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Demo Site: https://fus-marcom.github.io/ci-static/app/ Code Editor: https://atom.io/ Terminal: https://www.iterm2.com/ Framework: http://materializecss.com/ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Animation in the DOM - Beau teaches JavaScript

YXZX_6RfHjk | 03 May 2017

Animation in the DOM - Beau teaches JavaScript

Animate DOM elements using JavaScript without any frameworks. First you will learn how to create an animation by programming gradual changes in an element's style. Then learn about the Element.animate() method which is part of the new Web Animations API. 🕰️ Web animations polyfill: https://github.com/web-animations/web-animations-js 💻 Code: https://codepen.io/beaucarnes/pen/GmEVRo 🔗 More info: https://developer.mozilla.org/en-US/docs/Web/API/Element/animate https://www.w3schools.com/js/js_htmldom_animate.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Building a Website (P1D2) - Live Coding with Jesse

rgYQ7nUulAQ | 03 May 2017

Building a Website (P1D2) - Live Coding with Jesse

Project 1 Day 2: You can watch the day 1 video on my YouTube channel (Link Below). See a professional front-end developer at work. Today I will continue to build a static website that will eventually be converted into React components and rendered server side with data from the WordPress API. Twitter: https://twitter.com/JesseRWeigel Youtube: https://www.youtube.com/c/JesseWeigel29 Repo: https://github.com/fus-marcom/ci-static Code Editor: https://atom.io/ Framework: http://materializecss.com/ _ We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Mediator Design Pattern - Beau teaches JavaScript

KOVc5o5kURE | 30 Apr 2017

Mediator Design Pattern - Beau teaches JavaScript

The Mediator Design Pattern is a pattern that provides a central authority through which the different components of an application may communicate. See an example of this pattern in JavaScript. 💻 Code: https://codepen.io/beaucarnes/pen/XRRjKL?editors=0012 🔗 More info: http://www.dofactory.com/javascript/mediator-design-pattern 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

DOM Nodes - Beau teaches JavaScript

BWVoPxob5DU | 27 Apr 2017

DOM Nodes - Beau teaches JavaScript

Everything in HTML is a node. Using JavaScript, nodes can be created, modified, or deleted. This video covers createElement, appendChild, insertBefore, replaceChild, and removeChild. 💻 Code: https://codepen.io/beaucarnes/pen/GmrQqa?editors=1010 🔗 More info: https://www.w3schools.com/js/js_htmldom_nodes.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

addEventListener() - Beau teaches JavaScript

F3odgpghXzY | 24 Apr 2017

addEventListener() - Beau teaches JavaScript

The addEventListener() method attaches an event handler to the specified element without overwriting existing event handlers so you can add many event handlers to one element. You can use removeEventListener() to remove an event. 💻 Code: https://codepen.io/beaucarnes/pen/JNRKXX?editors=1010 🔗 All DOM events: https://developer.mozilla.org/en-US/docs/Web/Events 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Linked List - Beau teaches JavaScript

9YddVVsdG5A | 22 Apr 2017

Linked List - Beau teaches JavaScript

A linked list is a common data structure where elements are stored in a node. Learn about linked lists and how to implement them in JavaScript. 💻 Code: https://codepen.io/beaucarnes/pen/ybOvBq?editors=0011 🔗 Info: https://medium.freecodecamp.com/a-gentle-introduction-to-data-structures-how-linked-lists-work-5adc793897dd 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau 🔗 Check out Beau's algorithms course from Manning Publications: https://www.manning.com/livevideo/algorithms-in-motion?a_aid=algmotion&a_bid=9022d293 ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

DOM Events - Beau teaches JavaScript

0fy9TCcX8Uc | 20 Apr 2017

DOM Events - Beau teaches JavaScript

HTML DOM events allow JavaScript to register different event handlers on elements in an HTML document. Some common events include onclick, onload, oninput, onmouseover, and onmouseout. 💻 Code: https://codepen.io/beaucarnes/pen/eWJQMR 🔗 All DOM events: https://www.w3schools.com/jsref/dom_obj_event.asp 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

CSS styles in JavaScript (setting and getting) - Beau teaches JavaScript

z_mSgK-6pOQ | 18 Apr 2017

CSS styles in JavaScript (setting and getting) - Beau teaches JavaScript

How to set CSS properties and styles in JavaScript. Also how to get CSS. This video covers style, cssText, setAttribute, and getComputedStyle. 💻 Code: https://codepen.io/beaucarnes/pen/EmVmbZ?editors=1010 🔗 Resource: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Properties_Reference 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Selecting & Changing Website Elements (DOM manipulation) - Beau teaches JavaScript

eaLKqoB9Fu0 | 17 Apr 2017

Selecting & Changing Website Elements (DOM manipulation) - Beau teaches JavaScript

JavaScript allows you to select elements from the DOM of a website and then make changes to those elements. This video covers getElementById, getElementsByClassName, getElementsByTagName, QuerySelector, querySelectorAll, innerHTML, and textContent. 💻 Code: https://codepen.io/beaucarnes/pen/vmOzwW?editors=1010 🔗 Resource: https://web.archive.org/web/20171010211719/https://callmenick.com/post/basics-javascript-dom-manipulation 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Hash Tables - Beau teaches JavaScript

F95z5Wxd9ks | 14 Apr 2017

Hash Tables - Beau teaches JavaScript

Hash tables are a quick way to implement associative arrays, or mappings of key-value pairs. Find our more and learn how to create one in JavaScript. 💻 Code: http://codepen.io/beaucarnes/pen/VbYGMb?editors=0012 🔗 Info: http://www.willvillanueva.com/javascript-hash-tables/ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Check if a property is in an object - Beau teaches JavaScript

dpTFcPUe2oo | 13 Apr 2017

Check if a property is in an object - Beau teaches JavaScript

How do you check if a property is in an object in JavaScript? Learn three ways in this video. Two of the ways are ‘in’ and ‘hasOwnProperty’. 💻 Code: http://codepen.io/beaucarnes/pen/ZLrGrN?editors=0012 🔗 Resource: http://www.jstips.co/en/check-if-a-property-is-in-a-object/ 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Strict Mode — "use strict" - Beau teaches JavaScript

uqUYNqZx0qY | 12 Apr 2017

Strict Mode — "use strict" - Beau teaches JavaScript

Strict mode in JavaScript tightens the rules for certain behaviors. You can execute JavaScript code in strict mode by using the “use strict” directive. 💻 Code: http://codepen.io/beaucarnes/pen/OmJLaR?editors=00100 🔗 Resource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

import / export (modules) - Beau teaches JavaScript

Jqn_wjkSZwo | 11 Apr 2017

import / export (modules) - Beau teaches JavaScript

The import and export statements allow you to break up your code in different files or modules. 💻 Code: http://codepen.io/beaucarnes/pen/LyPRdm?editors=0010 🔗 Resource: http://exploringjs.com/es6/ch_modules.html 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Immediately Invoked Function Expression - Beau teaches JavaScript

3cbiZV4H22c | 10 Apr 2017

Immediately Invoked Function Expression - Beau teaches JavaScript

An Immediately Invoked Function Expression (IIFE) is a JavaScript function that runs as soon as it is defined. 💻 Code: http://codepen.io/beaucarnes/pen/KWOrJO?editors=0010 🔗 Resource: https://en.wikipedia.org/wiki/Immediately-invoked_function_expression 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Map data structure & ES6 map object - Beau teaches JavaScript

_1BPrCHcjhs | 09 Apr 2017

Map data structure & ES6 map object - Beau teaches JavaScript

Maps are data structures that store key-value pairs. See how they work and learn about the ES6 map object. 💻 Code: http://codepen.io/beaucarnes/pen/jBjobG?editors=0012 🔗 Info: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Get current URL with JavaScript (and jQuery) - Beau teaches JavaScript

w5whn4iJCLc | 07 Apr 2017

Get current URL with JavaScript (and jQuery) - Beau teaches JavaScript

Get the current URL path with JavaScript and jQuery. Also, get the individual components of the path. 💻 Code: http://codepen.io/beaucarnes/pen/qRoYyJ?editors=0010 More information: 🔗 https://css-tricks.com/snippets/javascript/get-url-and-url-parts-in-javascript/ 🔗 http://stackoverflow.com/questions/406192/get-current-url-in-javascript 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Destructuring in ES6 - Beau teaches JavaScript

-vR3a11Wzt0 | 06 Apr 2017

Destructuring in ES6 - Beau teaches JavaScript

Destructuring assignment is special syntax for neatly assigning values taken directly from objects and arrays to variables. This is a new feature in JavaScript ES6. 💻 Code: http://codepen.io/beaucarnes/pen/PpvQPm?editors=0012 🔗 Resource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Arrow Functions - Beau teaches JavaScript

22fyYvxz-do | 05 Apr 2017

Arrow Functions - Beau teaches JavaScript

An arrow function in ES6 has a shorter syntax than a normal function and does not bind its own this. 💻 Code: http://codepen.io/beaucarnes/pen/KWEVwQ?editors=0010 🔗 Resources: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Binary Search Tree: Traversal & Height - Beau teaches JavaScript

Aagf3RyK3Lw | 02 Apr 2017

Binary Search Tree: Traversal & Height - Beau teaches JavaScript

This video builds upon the previous binary search tree video. Find the height of a binary search tree. Also, use use depth-first and breadth-first search through in-order, pre-order, post-order, and level-order traversal. ▶Part 1: https://youtu.be/5cU1ILGy6dM 💻 Code: http://codepen.io/beaucarnes/pen/ryKvEQ?editors=0011 🔗 Info: https://en.wikipedia.org/wiki/Binary_search_tree 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Clean Code: Formatting and Comments - Beau teaches Javascript

HzWf-EeE3uI | 01 Apr 2017

Clean Code: Formatting and Comments - Beau teaches Javascript

When programming with JS it is advised to apply basic practices regarding why and how to format your variable naming and when to comment your script. Even if you are writing few lines of code, good formatting and assertive comments will make your code easy to read by anyone - even by you! In this video tutorial you will learn the essentials of the benefits of good formatting and comments best practices. With examples. Main topics of this video --- * keeping consistency in the format of your javascript code * what a javascript comment is, how to create it and why * what you should comment and what not ❤️ Ryan McDermott’s original article: https://github.com/ryanmcdermott/clean-code-javascript ▶The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh 💻 Code: http://codepen.io/beaucarnes/pen/ryPNyK?editors=0010 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read our Medium publication at https://medium.freecodecamp.com/

THIS keyword - Beau teaches JavaScript

eOI9GzMfd24 | 31 Mar 2017

THIS keyword - Beau teaches JavaScript

The 'this' keyword refers to the object that "owns" the JavaScript code. 💻 Code: http://codepen.io/beaucarnes/pen/GWPOZp?editors=0012 🔗 Resources: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this https://codepen.io/somethingkindawierd/post/es6-arrow-functions-this 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Tutorials Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

JavaScript Developer Sacha Greif - Developer Interviews

B0Jh2bz1mHY | 29 Mar 2017

JavaScript Developer Sacha Greif - Developer Interviews

Sacha's "State of JavaScript" report: http://stateofjs.com/ Vulcan.js: http://vulcanjs.org Sacha's "A Study Plan To Cure JavaScript Fatigue": https://medium.freecodecamp.com/a-study-plan-to-cure-javascript-fatigue-8ad3a54f2eb1 Follow Sacha on Twitter: https://twitter.com/SachaGreif And check out his various projects: http://sachagreif.com/ --- We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Strings: [bracket notation] - Beau teaches JavaScript

sPmRfjJdg5Y | 29 Mar 2017

Strings: [bracket notation] - Beau teaches JavaScript

Bracket notation allows you to access a specific character in a string. 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Copying Arrays (deep and shallow) - Beau teaches JavaScript

EeZBKv34mm4 | 28 Mar 2017

Copying Arrays (deep and shallow) - Beau teaches JavaScript

Shallow copy arrays using slice and the spread operator. Deep copy arrays using JSON.stringify. 🔗 Code: http://codepen.io/beaucarnes/pen/OWePwd?editors=0012 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

for in / for of - Beau teaches JavaScript

a3KHBqH7njs | 27 Mar 2017

for in / for of - Beau teaches JavaScript

For... in and for... of loops allow you to loop through property names and values in JavaScript. 🔗 Code: http://codepen.io/beaucarnes/pen/oBKWLq?editors=0012 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Binary Search Tree - Beau teaches JavaScript

5cU1ILGy6dM | 26 Mar 2017

Binary Search Tree - Beau teaches JavaScript

A binary search tree is a tree data structure with only two branches for every node. Learn how to implement a binary search tree in JavaScript ES6! 💻 Code: http://codepen.io/beaucarnes/pen/ryKvEQ?editors=0011 🔗 Info: https://en.wikipedia.org/wiki/Binary_search_tree 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Clean Code: Testing, Concurrency, & Error Handling - Beau teaches JavaScript

QnLBGxtteV8 | 25 Mar 2017

Clean Code: Testing, Concurrency, & Error Handling - Beau teaches JavaScript

Learn the best practices of how to write clean code in JS. This video tutorial covers how easy is to make your code clean in testing, deal with concurrency, & making it less prone to error using error handling best practices. ❤️ Ryan McDermott’s original article: https://github.com/ryanmcdermott/clean-code-javascript ▶The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh 💻 Code: http://codepen.io/beaucarnes/pen/JWZONy?editors=0010 🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read our Medium publication at https://medium.freecodecamp.com/

While / Do While - Beau teaches JavaScript

v9zgD8wjtbw | 24 Mar 2017

While / Do While - Beau teaches JavaScript

While and do... while are ways to loop over code in JavaScript. 🔗 Code: http://codepen.io/beaucarnes/pen/KWvmBR?editors=0012 🔗 Resource: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

String Basics - Beau teaches JavaScript

Vd_Z1bYGrCM | 23 Mar 2017

String Basics - Beau teaches JavaScript

Strings are a group of characters. Learn all about them in this video! 🔗 Code: http://codepen.io/beaucarnes/pen/EWVKMa Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Random numbers & parseInt - Beau teaches JavaScript

-xAJKmjKCUE | 23 Mar 2017

Random numbers & parseInt - Beau teaches JavaScript

Create random numbers! Also, use parseInt to convert strings to integers. 🔗 Code: http://codepen.io/beaucarnes/pen/MpGVxo?editors=0012 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

...spread operator and rest operator - Beau teaches JavaScript

iLx4ma8ZqvQ | 22 Mar 2017

...spread operator and rest operator - Beau teaches JavaScript

The spread operator (...) spreads out the elements of an array (or iterable object). The rest operator condenses elements. The spread and rest operators are great additions to ES6! 🔗 Code: http://codepen.io/beaucarnes/pen/EWabjW?editors=0012 🔗 More info: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Objects, part 2: Beau teaches JavaScript

r6SnMjsLrBk | 21 Mar 2017

Objects, part 2: Beau teaches JavaScript

Learn about objects in JavaScript. This video covers using objects for lookups, removing properties using delete, testing for properties, accessing and modifying nested objects, and creating an array of all object keys. Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Logical operators && TRICKS with short-circuit evaluation - Beau teaches JavaScript

r7v6EIiHfVA | 20 Mar 2017

Logical operators && TRICKS with short-circuit evaluation - Beau teaches JavaScript

Short-circuit evaluation happens when using conditionals with && or ||. The second argument is only evaluated when the first argument is not enough to determine the value of the expression. Learn some tricks using short-circuit evaluation in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/jyGYQX?editors=0012 More info: 🔗 http://www.jstips.co/en/short-circuit-evaluation-in-js/ Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Queues & Priority Queues - Beau teaches JavaScript

bK7I79hcm08 | 19 Mar 2017

Queues & Priority Queues - Beau teaches JavaScript

Queues are a first-in first-out data structure. Also learn about priority queues. 🔗 Code: http://codepen.io/beaucarnes/pen/QpaQRG?editors=0012 🔗 More info: https://www.safaribooksonline.com/library/view/learning-javascript-data/9781783554874/ch04.html Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read great tech articles at https://medium.freecodecamp.com

Clean Code: SOLID - Beau teaches JavaScript

XzdhzyAukMM | 18 Mar 2017

Clean Code: SOLID - Beau teaches JavaScript

Learn the best practices of how to write clean code in JS. This video tutorial is over the S.O.L.I.D. principles of clean code programming: S – Single Responsibility Principle O – Open-Closed Principle L – Liskov Substitution Principle I – Interface Segregation Principle D – Dependency Inversion Principle Learn what these mean and how to implement them in JavaScript! The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh Code: http://codepen.io/beaucarnes/pen/gmowZd?editors=0010 Ryan McDermott’s original article: https://github.com/ryanmcdermott/clean-code-javascript Other resource on SOLID: http://thefullstack.xyz/solid-javascript/ Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Read our Medium publication at https://medium.freecodecamp.com/

Designer and Entrepreneur Colm Tuite - Developer Interviews

c4JIuFKulaQ | 17 Mar 2017

Designer and Entrepreneur Colm Tuite - Developer Interviews

Read Colm's article on Design Systems: https://medium.freecodecamp.com/how-to-construct-a-design-system-864adbf2a117 Follow Colm on Twitter: https://twitter.com/colmtuite Check out Colm's website: https://www.colmtuite.com/ Try Colm's Bantam CSS Framework here: https://github.com/colmtuite/bantam We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Arrays - Beau teaches JavaScript

QEZXbRiaY1I | 17 Mar 2017

Arrays - Beau teaches JavaScript

Arrays are ways to store more than one value in a single variable. This video also covers nested arrays and the forEach method. Code 🔗 http://codepen.io/beaucarnes/pen/qrXzJR?editors=0012 Other resources on topic: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

JS Books and Finishing Recipe Box - Code Vlog {23}

IMCT0YusAl0 | 17 Mar 2017

JS Books and Finishing Recipe Box - Code Vlog {23}

Repository: https://github.com/ewathedoer/recipe-box Live preview: http://theonewhodo.es/recipe-box - Useful links from this week: Eloquent JS: http://eloquentjavascript.net/ Speaking JS: http://speakingjs.com/ You Don't Know JS: https://github.com/getify/You-Dont-Know-JS - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Private Website: http://theonewhodo.es/ - Music: CC - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Classes - Beau teaches JavaScript

bq_jZY6Skto | 16 Mar 2017

Classes - Beau teaches JavaScript

Classes in JavaScript ES6 (ECMAScript 6)! Learn about class expressions, class declarations, and inheritance / extending. Code 🔗 http://codepen.io/beaucarnes/pen/egOaOj?editors=0012 Other resources on topic: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes 🔗 https://googlechrome.github.io/samples/classes-es6/ Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Ternary Operator - Beau teaches JavaScript

s4sB1hm73tw | 15 Mar 2017

Ternary Operator - Beau teaches JavaScript

The ternary operator, or conditional operator, takes three arguments and is basically a shortened way of writing an if-else statement. Code: 🔗 http://codepen.io/beaucarnes/pen/oBbegb?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Free Code Camp Backend Speed-Runs with Septimus

Y0KqUC-Y2yA | 15 Mar 2017

Free Code Camp Backend Speed-Runs with Septimus

Free Code Camp Backend Speed-Runs with Septimus - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React Basics - Beau teaches JavaScript

QqLkkBKVDyM | 14 Mar 2017

React Basics - Beau teaches JavaScript

React.js is designed to make the process of building modular, reusable user interface components simple and intuitive. This video introduces React components, the VirtualDOM, JSX, state, and props. See how these things all tie together in a simple shopping list web app. Code: 🔗 http://codepen.io/beaucarnes/pen/RpKWwv?editors=0010 More info: 🔗 https://facebook.github.io/react/tutorial/tutorial.html Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Struggle (building Recipe Box) - Code Vlog {22}

nGSdva9TI2c | 13 Mar 2017

Struggle (building Recipe Box) - Code Vlog {22}

Repository: https://github.com/ewathedoer/recipe-box - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Private website: http://theonewhodo.es/ - Music: Garden by Andrew Applepie and Antarctica feat Redhead Gang https://soundcloud.com/andrewapplepie - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

For Loops - Beau teaches JavaScript

24Wpg6njlYI | 13 Mar 2017

For Loops - Beau teaches JavaScript

For loops are one of the most common ways to repeat things in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/YZyWxY?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Clean Code: Classes - Beau teaches JavaScript

KcfiBrL2Pq4 | 11 Mar 2017

Clean Code: Classes - Beau teaches JavaScript

Learn the best practices of how to write clean classes in JS. This video tutorial shows you how easy is to write Javascript classes that are readable, reusable, and refactorable. This video covers ES6 classes, method chaining, and composition over inheritance. The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh Code: 🔗 http://codepen.io/beaucarnes/pen/OppxgZ Ryan McDermott’s original article: 🔗 https://github.com/ryanmcdermott/clean-code-javascript Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Product Designer Kim Thuy Tu - Developer Interviews

hLh4iuFFWJk | 10 Mar 2017

Product Designer Kim Thuy Tu - Developer Interviews

Kim's article on her Instagram redesign: https://medium.freecodecamp.com/i-wanted-to-see-how-far-i-could-push-myself-creatively-so-i-redesigned-instagram-1ff99f28fa8b Check out her portfolio here: https://www.kimthuytu.com/ And follow her on Instagram: https://www.instagram.com/onetuthuy/ We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Array Iteration: 8 Methods - map, filter, reduce, some, every, find, findIndex, forEach

Urwzk6ILvPQ | 10 Mar 2017

Array Iteration: 8 Methods - map, filter, reduce, some, every, find, findIndex, forEach

Learn eight methods to iterate through an array in JavaScript! Methods include: forEach, map, filter, reduce, some, every, find, findIndex. Code: 🔗 http://codepen.io/beaucarnes/pen/EZgLYL?editors=0012 More info: 🔗 https://gist.github.com/ljharb/58faf1cfcb4e6808f74aae4ef7944cff Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Recipe Box Routing and Storage - Code Vlog {21}

XzADFUpAitc | 10 Mar 2017

Recipe Box Routing and Storage - Code Vlog {21}

Repository: https://github.com/ewathedoer/recipe-box - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Private website: http://theonewhodo.es/ - Music: Eyes and Sunglasses by Andrew Applepie https://soundcloud.com/andrewapplepie - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Closures - Beau teaches JavaScript

1JsJx1x35c0 | 09 Mar 2017

Closures - Beau teaches JavaScript

Closures are an important concept in JavaScript and other programming languages. Learn the basics of closures in this video! Code: 🔗 http://codepen.io/beaucarnes/pen/ZLLqLR?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures 🔗 https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36#.nu14obibk Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Functions - Beau teaches JavaScript

R8SjM4DKK80 | 08 Mar 2017

Functions - Beau teaches JavaScript

Functions are one of the fundamental building blocks in JavaScript. This video talks about function definitions, names, arguments, parameters, scope, and nesting functions. Code: 🔗 https://codepen.io/beaucarnes/pen/gmLqQE?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions Video on closures: https://www.youtube.com/watch?v=1JsJx1x35c0 Video on hoisting: https://youtu.be/C1PZh_ea-7I Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

14 year-old chatbot developer Alec Jones - Developer Interviews

OJ3j94dXjfk | 08 Mar 2017

14 year-old chatbot developer Alec Jones - Developer Interviews

You can read Alec's story about his chatbot here: https://medium.freecodecamp.com/the-ups-and-downs-of-building-and-marketing-a-chat-bot-when-youre-14-8a072830b43c#.2y1z6xf7p Follow Alec on Twitter: https://twitter.com/koolkoder We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Numbers - Beau teaches JavaScript

nBEBraDJkFg | 07 Mar 2017

Numbers - Beau teaches JavaScript

Working with numbers in JavaScript including adding, subtracting, multiplying, dividing, modulus, increment, decrement, and compound assignment. Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

== vs === - Beau teaches JavaScript

kVOmc7NK1M0 | 06 Mar 2017

== vs === - Beau teaches JavaScript

What’s the difference between double equal signs and triple equal signs in JavaScript? Find out in this video! Code: 🔗 http://codepen.io/beaucarnes/pen/oBbwaN?editors=0012 More info: 🔗 https://appendto.com/2016/02/vs-javascript-abstract-vs-strict-equality/ 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Recipe Box Components - Code Vlog {20}

YbV6OXvR8eI | 06 Mar 2017

Recipe Box Components - Code Vlog {20}

Repository: https://github.com/ewathedoer/recipe-box - Useful links from this week: ES6: Comparison of ES6 and ES5: http://es6-features.org/ ES6, new features: https://www.youtube.com/watch?v=ZJZfIw3P8No&list=PL6gx4Cwl9DGBhgcpA8eTYYWg7im72LgLt Lynda's course on ES6: https://goo.gl/G9eI4c Arrow functions in ES6 https://www.youtube.com/watch?v=6sQDTgOqh-I&index=3&list=PL0zVEGEvSaeHJppaRLrqjeTPnCH6vw-sm React: another great tutorial on React and Redux: https://www.youtube.com/playlist?list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b Useful list of resources for learning React and Redux: https://github.com/markerikson/react-redux-links Small Medium guide to Flexbox: https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.bzuu3wnni - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Wish You and Borders by Andrew Applepie https://soundcloud.com/andrewapplepie - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Sets (data structure) - Beau teaches JavaScript

wl8u02IdVxo | 05 Mar 2017

Sets (data structure) - Beau teaches JavaScript

See how the set data structure can be implemented. Also learn about the es6 Set object. Code: 🔗 http://codepen.io/beaucarnes/pen/dvGeeq?editors=0012 More information: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Clean Code: Objects - Beau teaches JavaScript

NPtnp0w_mmA | 04 Mar 2017

Clean Code: Objects - Beau teaches JavaScript

Learn the best practices of how to write clean objects in JS. This video tutorial shows you how easy is to make Javascript objects that are readable, reusable, and refactorable. The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh Code: 🔗 http://codepen.io/beaucarnes/pen/BpPevo?editors=0012 Ryan McDermott’s original article: 🔗 https://github.com/ryanmcdermott/clean-code-javascript Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Remote Work - Code Vlog {19}

x8OQEY_dmTQ | 03 Mar 2017

Remote Work - Code Vlog {19}

Useful links from this week: Interesting movies on remote work: Why remote work sucks? https://www.youtube.com/watch?v=EzqA6eVcQYg Working remotely as a junior developer https://www.youtube.com/watch?v=XdFY-zpT4JY Remote work, is it for junior developers https://www.youtube.com/watch?v=4haKIat2fCo Getting a remote work https://www.youtube.com/watch?v=V8iBcfwmX3Y&t=1422s Basecamp, remote team https://www.youtube.com/watch?v=y2AOhWGLAJY Digital nomads https://www.youtube.com/watch?v=XXMnKEKPj3A Remote work portals: https://www.toptal.com/ https://crew.co/ https://www.upwork.com/ http://jobs.remotive.io/ https://weworkremotely.com/ https://remoteok.io/remote-jobs https://www.workingnomads.co/jobs https://angel.co/job-collections/remote https://www.wfh.io/ https://wearehirable.com/ https://www.freelancer.com http://stackoverflow.com/jobs/developer-jobs-in-remote http://codepen.io/jobs/ The Medium article about vlogging: https://medium.freecodecamp.com/what-ive-learned-from-18-weeks-of-vlogging-my-coding-journey-4005a1e71b7d#.wzhssciul - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Jeff Kaale, Morning Tea, https://soundcloud.com/jeff-kaale - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Symbols - Beau teaches JavaScript

gANDd4l-G5U | 03 Mar 2017

Symbols - Beau teaches JavaScript

Learn how Symbols work in JavaScript ES6! Code: 🔗 http://codepen.io/beaucarnes/pen/ZLQEWx?editors=0011 More info: 🔗 http://www.2ality.com/2014/12/es6-symbols.html 🔗 http://exploringjs.com/es6/ch_symbols.html Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Desktop Notifications - Beau teaches JavaScript

OMXtJ0USM8s | 02 Mar 2017

Desktop Notifications - Beau teaches JavaScript

The Notifications API lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send information to a user even if the application is idle or in the background. Learn how to use the Notifications API in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/bgrGjo?editors=0010 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/API/notification Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Variables - Beau teaches JavaScript

le-URjBhevE | 01 Mar 2017

Variables - Beau teaches JavaScript

Learn about variables and naming conventions. 🔗 https://developer.mozilla.org/en-US/docs/Learn/JavaScript/First_steps/Variables Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

JSON - Beau teaches JavaScript

B-k76DMOj2k | 28 Feb 2017

JSON - Beau teaches JavaScript

JSON stands for JavaScript Object Notation. It is a syntax for storing and exchanging data. Learn how to use it in JavaScript! Code: 🔗 https://codepen.io/beaucarnes/pen/MJGBKL?editors=0012 More information: 🔗 http://www.w3schools.com/js/js_json_intro.asp Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Data Types - Beau teaches JavaScript

808eYu9B9Yw | 27 Feb 2017

Data Types - Beau teaches JavaScript

Learn about the seven data types in JavaScript ES6 (ECMAScript 6). Code 🔗 http://codepen.io/beaucarnes/pen/dOxXWK?editors=0012 Other resources on topic: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript 🔗 http://www.w3schools.com/js/js_datatypes.asp Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Recipe Box Layout - Code Vlog {18}

Gi-iGatrBHo | 27 Feb 2017

Recipe Box Layout - Code Vlog {18}

Repository: https://github.com/ewathedoer/recipe-box - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Joakim Krud, Dreams, https://soundcloud.com/joakimkarud We Wish You a Merry Christmas by Twin Musicom is licensed under a Creative Commons Attribution licence (https://creativecommons.org/licenses/by/4.0/) Artist: http://www.twinmusicom.org/ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Singleton Design Pattern - Beau teaches JavaScript

bgU7FeiWKzc | 26 Feb 2017

Singleton Design Pattern - Beau teaches JavaScript

The Singleton Design pattern limits the number of instances of a particular object to just one. Find out how to implement this in JavaScript. Code 🔗 http://codepen.io/beaucarnes/pen/QpWvgP?editors=0012 Other resources on topic: 🔗 https://addyosmani.com/resources/essentialjsdesignpatterns/book/#singletonpatternjavascript 🔗 http://www.dofactory.com/javascript/singleton-design-pattern Beau Carnes on Twitter: https://twitter.com/carnesbeau - ⭐JavaScript Playlists⭐ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Clean Code: Functions (Part 2) - Beau teaches JavaScript

43YenciicXk | 25 Feb 2017

Clean Code: Functions (Part 2) - Beau teaches JavaScript

Learn the best practices of how to create Clean Code in JS. This video tutorial is part 2 of how easy is to write Javascript functions that are readable, reusable, and refactorable. Special thanks to Ryan McDermott for a lot of the code in this video. The full Clean Code playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh Code: 🔗 http://codepen.io/beaucarnes/pen/pRWXVw?editors=0012 Ryan McDermott’s original article: 🔗 https://github.com/ryanmcdermott/clean-code-javascript#functions Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Stacks (Data Structure) - Beau teaches JavaScript

Gj5qBheGOEo | 24 Feb 2017

Stacks (Data Structure) - Beau teaches JavaScript

Stacks are a programming data structure. Learn how they work in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/yMBGbR?editors=0012 More information: 🔗 http://radar.oreilly.com/2014/03/stacks-in-javascript.html 🐦Beau Carnes on Twitter: https://twitter.com/carnesbeau 🔗 Check out Beau's algorithms course from Manning Publications: https://www.manning.com/livevideo/algorithms-in-motion?a_aid=algmotion&a_bid=9022d293 ⭐JavaScript Playlists⭐ ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React: Camper Leaderboard - Code Vlog {17}

GMeNhicP8ZQ | 24 Feb 2017

React: Camper Leaderboard - Code Vlog {17}

Repository: https://github.com/ewathedoer/leaderboard Live preview: http://theonewhodo.es/leaderboard/ - Useful links from this week: Free Vanilla Javascript training: https://javascript30.com/ Nice intro to Progressive Web Apps: https://www.youtube.com/watch?v=cmGr0RszHc8 https://www.youtube.com/watch?v=ARkPBm6AcNA The article about state of UX in 2017: https://uxdesign.cc/ux-trends-2017-46a63399e3d2#.79bc5qj0k - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Joakim Krud, Loudness & Clarity - Single, https://soundcloud.com/joakimkarud - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Former Google Engineer Mike Turitzin on How to Organize Code - Senior Developer Skills

5CSKJv1qXoA | 23 Feb 2017

Former Google Engineer Mike Turitzin on How to Organize Code - Senior Developer Skills

You can go to http://apprenta.com/freecodecamp to get a free guide on how to contribute to FreeCodeCamp's codebase, and learn more about Apprenta's paid apprenticeship program for underrepresented minorities. You can also email [email protected] if you have questions or feedback about these senior developer videos. We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Template Literals (ES6) - Beau teaches JavaScript

kj8HU-_P2NU | 23 Feb 2017

Template Literals (ES6) - Beau teaches JavaScript

How to use template literals in JavaScript ES6. These are surrounded by backticks ``. More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

RTFManual.io Founder Kevin Kononenko - Developer Interview

otm8zdRk-ug | 22 Feb 2017

RTFManual.io Founder Kevin Kononenko - Developer Interview

Kevin's full list of analogy articles and tutorials: https://www.rtfmanual.io/guides/ Follow Kevin on Twitter: https://twitter.com/devmanual Follow Kevin on Medium: https://medium.com/@kevink We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Software Engineer and Creative Tim Co-Founder Alex Paduraru - Quincy Interviews Devs

_b2gn97k2j8 | 22 Feb 2017

Software Engineer and Creative Tim Co-Founder Alex Paduraru - Quincy Interviews Devs

Alex's article about going from working out of a Starbucks to building web design tools that make $17,000/month: https://medium.freecodecamp.com/growing-a-side-project-into-a-17-000-month-business-46024d2aa87f#.3v7hnbjy9 Creative Tim's website: https://www.creative-tim.com/ Alex on Twitter: https://twitter.com/Axelut We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Promises - Beau teaches JavaScript

IGYxfTTpoFg | 22 Feb 2017

Promises - Beau teaches JavaScript

A promise in JavaScript represents the eventual result of an asynchronous operation. Learn how they work in this video. Code: 🔗 https://codepen.io/beaucarnes/pen/Qdrvjp?editors=0012 More information: 🔗 https://davidwalsh.name/promises 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Switch Statements - Beau teaches JavaScript

fM5qnyasUYI | 21 Feb 2017

Switch Statements - Beau teaches JavaScript

Switch statements help control the flow of your program. This video explains how to use them in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/VPpRVW?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/switch Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Working on Designs - Code Vlog {16}

FkTR1GV1UXo | 20 Feb 2017

Working on Designs - Code Vlog {16}

Design previews: 1) Leaderboard: https://xd.adobe.com/view/97067194-337f-4779-9f40-cb39cd5f2df1/ 2) Recipe Box: https://xd.adobe.com/view/d743a9e2-e413-4fd1-b64a-3954db86b531/ - Useful links from this week: List vs grid articles: 1) http://uxmovement.com/mobile/list-vs-grid-view-when-to-use-which-on-mobile/ 2) https://uxplanet.org/mobile-ux-design-list-view-and-grid-view-8f129b56fd5b#.sg98ss4fa 3) http://babich.biz/mobile-app-ux-design-grid-view-for-products/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Jeff Kaale, One for the good times https://soundcloud.com/jeff-kaale - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Objects - Beau teaches JavaScript

Gp5nnerXETg | 20 Feb 2017

Objects - Beau teaches JavaScript

Learn all about objects in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/VPbJze?editors=0012 More info: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Observer Design Pattern - Beau teaches JavaScript

3PUVr8jFMGg | 19 Feb 2017

Observer Design Pattern - Beau teaches JavaScript

With the Observer Design Pattern, if an object is modified it broadcasts to dependent objects that a change has occurred. Code 🔗 http://codepen.io/beaucarnes/pen/mRaoyK?editors=0012 Other resources on topic: 🔗 https://scotch.io/bar-talk/4-javascript-design-patterns-you-should-know 🔗 http://robdodson.me/javascript-design-patterns-observer/ Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Clean Code: Functions (Part 1) - Beau teaches JavaScript

RR_dQ4sBSBM | 18 Feb 2017

Clean Code: Functions (Part 1) - Beau teaches JavaScript

Learn the best practices of how to create Clean Code in JS. This video tutorial is part 1 of how easy is to make Javascript functions that are readable, reusable, and refactorable. Thanks to Ryan McDermott (@ryconoclast) for writing the article that inspired this video. Ryan's article: 🔗 https://github.com/ryanmcdermott/clean-code-javascript Code: 🔗 http://codepen.io/beaucarnes/pen/apBwMV?editors=0010 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

AirBnB Software Engineer Haseeb Qureshi - Quincy Interviews Devs

-NAx7733Sm8 | 17 Feb 2017

AirBnB Software Engineer Haseeb Qureshi - Quincy Interviews Devs

Haseeb's article on salary negotiation: https://medium.freecodecamp.com/ten-rules-for-negotiating-a-job-offer-ee17cccbdab6 Haseeb's story about how he got a $250,000 compensation package from Airbnb: http://haseebq.com/farewell-app-academy-hello-airbnb-part-i/ Haseeb on Earning to Give: https://medium.com/@hosseeb/2016-donations-and-some-thoughts-on-the-muslim-ban-d514c3389e3a#.5945j2j9i Haseeb Qureshi on Twitter: https://twitter.com/hosseeb We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Proxies (ES6) - Beau teaches JavaScript

vExLi5bTt3k | 17 Feb 2017

Proxies (ES6) - Beau teaches JavaScript

Proxies are used in JavaScript ES6 to give objects custom behavior. One use is for data validation. Learn all about proxies in this video! Code: 🔗 http://codepen.io/beaucarnes/pen/vgxRze?editors=0012 More info: 🔗 https://ponyfoo.com/articles/es6-proxies-in-depth 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React: Markdown Previewer - Code Vlog {15}

WeDpXUyUHY4 | 17 Feb 2017

React: Markdown Previewer - Code Vlog {15}

Repository: http://codepen.io/thedoer/pen/eBvXqP Live preview: http://s.codepen.io/thedoer/debug/eBvXqP - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Blue Wednesday, Way of Life https://soundcloud.com/bluewednesday Joakim Krud, Twerk https://soundcloud.com/joakimkarud - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Hoisting - Beau teaches JavaScript

C1PZh_ea-7I | 16 Feb 2017

Hoisting - Beau teaches JavaScript

Hoisting is when variable and function declarations are processed before any code is executed. This is an important concept to understand for any programmer. Learn all about hoisting in this video! Code: 🔗 http://codepen.io/beaucarnes/pen/wgoLeR?editors=0012 🔗 http More info: 🔗 http://www.jstips.co/en/hoisting/ 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Software Engineer Preethi Kasireddy - Quincy Interviews Devs

ANJTuSiMH7E | 15 Feb 2017

Software Engineer Preethi Kasireddy - Quincy Interviews Devs

Preethi's free Functional Programming course: https://medium.freecodecamp.com/learning-the-fundamentals-of-functional-programming-425c9fd901c6#.vs3mee6ku Preethi on Twitter: https://twitter.com/iam_preethi Preethi's Learning how to Learn article: https://medium.freecodecamp.com/learning-how-to-learn-the-most-important-developer-skill-7bf62dfaf67d We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

20 String Methods in 7 Minutes - Beau teaches JavaScript

VRz0nbax0uI | 15 Feb 2017

20 String Methods in 7 Minutes - Beau teaches JavaScript

String methods featured in this video: charAt, charCodeAt, concat, endsWith, fromCharCode, includes, indexOf, lastIndexOf, match, repeat, replace, search, slice, split, startsWith, substr, substring, toLowerCase, toUpperCase, trim. Code: 🔗 http://codepen.io/beaucarnes/pen/qRLzNX?editors=0012 Other resources on topic: 🔗 https://www.w3schools.com/jsref/jsref_obj_string.asp Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Null vs Undefined - Beau teaches JavaScript

VwaqJy_clnc | 14 Feb 2017

Null vs Undefined - Beau teaches JavaScript

Learn about the difference between null and undefined in JavaScript. Code: 🔗 http://codepen.io/beaucarnes/pen/ygLwod?editors=0012 Other resources on topic: 🔗 http://www.jstips.co/en/differences-between-undefined-and-null/ 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/null#Difference_between_null_and_undefined Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React: Github Battle - Code Vlog {14}

KbQbN5BsbVg | 13 Feb 2017

React: Github Battle - Code Vlog {14}

Repository: https://github.com/ewathedoer/github-battle Live preview: http://theonewhodo.es/github-battle/ - Useful links from this week: https://reacttraining.com/online - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Joakim Krud, Wait a Minute Joakim Krud, Hurricane (feat. Andrew Applepie) https://soundcloud.com/joakimkarud - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

AJAX - Beau teaches JavaScript

tHRNuBf_8xg | 13 Feb 2017

AJAX - Beau teaches JavaScript

AJAX in JavaScript allows allows you to update parts of a web page without reloading the entire page. Code: 🔗 http://codepen.io/beaucarnes/pen/mRawvZ?editors=1010 More information: 🔗 https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started 🔗 http://www.w3schools.com/xml/ajax_intro.asp Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Module Design Pattern - Beau teaches JavaScript

3pXVHRT-amw | 12 Feb 2017

Module Design Pattern - Beau teaches JavaScript

The module design pattern in JavaScript is one of the most used designed pattern for keeping particular pieces of code independent from other parts. Learn how to use it in this quick video! Code: 🔗 http://codepen.io/beaucarnes/pen/ygvoNM?editors=0010 More information: 🔗 https://joshbedo.github.io/JS-Design-Patterns/ 🔗 http://www.2ality.com/2014/09/es6-modules-final.html Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Clean Code: Variables - Beau teaches JavaScript

b9c5GmmS7ks | 11 Feb 2017

Clean Code: Variables - Beau teaches JavaScript

Learn the best practices of how to write clean code in JS. This video tutorial shows you how easy is to create Javascript variables that are readable, reusable, and refactorable. The video is based on an article from Ryan McDermott. Original article: 🔗 https://github.com/ryanmcdermott/clean-code-javascript Code: 🔗 http://codepen.io/beaucarnes/pen/EZVmjv?editors=0010 Learn more about variables from Briana Swift: https://youtu.be/NJhXiR1z7Kg?list=PLWKjhJtqVAbmfoj2Th9fvxhHIeqFO7wOy Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Software Engineer and Dev Mastery founder Bill Sourour - Quincy Interviews Devs

rgJ7o5WeyuI | 11 Feb 2017

Software Engineer and Dev Mastery founder Bill Sourour - Quincy Interviews Devs

An awesome article by Bill: "Finding time to be a better developer" https://medium.freecodecamp.com/finding-time-to-become-a-better-developer-eebc154881b2#.5vlgzgnhu Bill on Twitter: https://twitter.com/BillSourour Books and resources Bill mentions: Clean Code: https://www.amazon.ca/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882/ Reactive Extensions: http://reactivex.io Catalog of Refactoring Techniques https://refactoring.com/catalog/ Patterns of Enterprise Application Architecture: Book - https://www.martinfowler.com/books/eaa.html Catalog - https://www.martinfowler.com/eaaCatalog/ Patterns of Enterprise Integration: Book - https://martinfowler.com/books/eip.html Catalog - http://www.enterpriseintegrationpatterns.com/patterns/messaging/toc.html Design Patterns: Elements of Reusable Code (Gang of Four) Book - https://books.google.ca/books/about/Design_Patterns.html?id=6oHuKQe3TjQC Catalog - https://sourcemaking.com/design_patterns TDD by Example by Kent Beck https://www.amazon.com/Test-Driven-Development-Kent-Beck/dp/0321146530 Clean Architecture by Robert C Martin https://www.amazon.com/gp/aw/d/0134494164 About freeCodeCamp: We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Comparison Operators & If Else - Beau teaches JavaScript

7WkfzokHGqo | 10 Feb 2017

Comparison Operators & If Else - Beau teaches JavaScript

Learn about comparison operators. Also, if else statements! Code 🔗 http://codepen.io/beaucarnes/pen/vgQKNv?editors=0012 Other resources on topic: 🔗 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Expressions_and_Operators Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React: Note App - Code Vlog {13}

eUl__GZP3FI | 10 Feb 2017

React: Note App - Code Vlog {13}

Repository: https://github.com/ewathedoer/note-app Live preview: http://theonewhodo.es/note-app/ - Useful links from this week: Great article on front end build tools: https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.tkfhhodra Intro to JSX: https://medium.com/@housecor/react-s-jsx-the-other-side-of-the-coin-2ace7ab62b98#.rmtb3r82j Great article on finding the balance in js https://hashnode.com/post/vanilla-javascript-vs-frameworks-and-libraries-finding-a-good-balance-civ1zfus90pphdc53q8vtakz5?utm_source=Feed%20Digest&utm_medium=email&utm_campaign=Hashnode%20Feed%20Digest Useful tips on chrome dev tools: 1) https://stories.jotform.com/how-to-use-chrome-devtools-like-a-pro-b9bd414870e3#.8zvmi879j 2) https://medium.freecodecamp.com/10-tips-to-maximize-your-javascript-debugging-experience-b69a75859329#.5matsglq5 3) https://developers.google.com/web/tools/chrome-devtools/ Making the Most of Codepen with Chris Coyier: https://www.sitepoint.com/premium/screencasts/talk-with-the-experts-chris-coyier?utm_content=bufferb2215&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer Good podcast to listen to: http://learntocodewith.me/podcast/fundamentals-first-with-chris-lee/ Free Code Camp: https://www.freecodecamp.com/ Mentorship programme I was talking about: http://techleaders.pl/en/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Joakim Krud, Vibe With Me https://soundcloud.com/joakimkarud - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Software Engineer and Class Central Founder Dhawal Shah - Quincy Interviews Devs

_AGWQONqZAs | 10 Feb 2017

Software Engineer and Class Central Founder Dhawal Shah - Quincy Interviews Devs

Dhawal's article "Here are 250 Ivy League courses you can take online right now for free": https://medium.freecodecamp.com/ivy-league-free-online-courses-a0d7ae675869 Dhawal Shah's Class Central profile: https://www.class-central.com/@dhawal Dhawal Shah on Twitter: https://twitter.com/dhawalhshah We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Var vs Const vs Let (ES6) - Beau teaches JavaScript

1mgLWu69ijU | 09 Feb 2017

Var vs Const vs Let (ES6) - Beau teaches JavaScript

Learn about the difference between const, var, and let in JavaScript ES6 (ECMAScript 6). Code 🔗 http://codepen.io/beaucarnes/pen/MbMNEG?editors=0010 Other resources on topic: 🔗 http://www.jstips.co/en/keyword-var-vs-let/ 🔗 https://youtu.be/sjyJBL5fkp8 Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Data Scientist Amber Thomas - Quincy Interviews Devs

ePvjM7WmHVA | 09 Feb 2017

Data Scientist Amber Thomas - Quincy Interviews Devs

Amber's recent article: https://medium.freecodecamp.com/women-only-said-27-of-the-words-in-2016s-biggest-movies-955cb480c3c4#.68ewdow5t Amber's visualization: https://proquestionasker.github.io/projects/MovieDialogueInteractive Amber on Twitter: https://twitter.com/ProQuesAsker Amber's portfolio: http://proquestionasker.github.io We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Common Array Methods - Beau teaches JavaScript

MeZVVxLn26E | 08 Feb 2017

Common Array Methods - Beau teaches JavaScript

Learn how to use 10 different array methods in JavaScript. The array methods featured in this video are push, pop, concat, join, reverse, shift, unshift, sort, slice, and splice. Code: 🔗 http://codepen.io/beaucarnes/pen/WRdpvR?editors=0012 More information: 🔗 http://www.korenlc.com/common-javascript-array-methods/ See Briana Swift explain arrays and objects: https://youtu.be/yHLGUxt0EKc?list=PLWKjhJtqVAbmfoj2Th9fvxhHIeqFO7wOy Beau Carnes on Twitter: https://twitter.com/carnesbeau ⭐JavaScript Playlists⭐ ▶JavaScript Basics: https://www.youtube.com/playlist?list=PLWKjhJtqVAbk2qRZtWSzCIN38JC_NdhW5 ▶ES6: https://www.youtube.com/playlist?list=PLWKjhJtqVAbljtmmeS0c-CEl2LdE-eR_F ▶Design Patterns: https://www.youtube.com/playlist?list=PLWKjhJtqVAbnZtkAI3BqcYxKnfWn_C704 ▶Data Structures and Algorithms: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkso-IbgiiP48n-O-JQA9PJ ▶Clean Code: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkK24EaPurzMq0-kw5U9pJh - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Front End Developer Scott Domes - Quincy Interviews Devs

yMiCCtdUOgM | 08 Feb 2017

Front End Developer Scott Domes - Quincy Interviews Devs

Scott's Animated Guide to Flexbox: https://medium.freecodecamp.com/an-animated-guide-to-flexbox-d280cf6afc35 Scott on Twitter: https://twitter.com/scottdomes We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (DeMorgan’s Law)

fg_Q5xdubLM | 07 Feb 2017

Maths for Programmers: Sets (DeMorgan’s Law)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Nonprofit Project Demo: Conference on Crimes Against Women - Dallas, Texas

9-WgWY2B10E | 07 Feb 2017

Nonprofit Project Demo: Conference on Crimes Against Women - Dallas, Texas

Checkout the code for this project here: https://github.com/freeCodeCamp/Conference-for-Good We're busy people who learn to code, then build projects for nonprofits pro bono. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Iteration (building portfolio, part 5) - Code Vlog {12}

I_5IscCJbUI | 06 Feb 2017

Iteration (building portfolio, part 5) - Code Vlog {12}

Repository: https://github.com/ewathedoer/portfolio-v2 Live version of the portfolio page: http://theonewhodo.es/ - Useful links from this week: Podcast on self-awareness and feedback - http://www.travandlos.com/94 Article on hierarchy in design - https://uxplanet.org/design-principles-introduction-to-hierarchy-ec56fcbd0306#.fjzp3ub3y - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer Personal Website: http://theonewhodo.es/ - Music: Music by Chillhop: http://youtube.com/chillhopdotcom, http://soundcloud.com/chillhopdotcom Mo Anando. - In Bloom https://soundcloud.com/moanando - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

JS Nuggets Host Beau Carnes - Quincy Interviews Devs

OcnTQ0qCuCk | 05 Feb 2017

JS Nuggets Host Beau Carnes - Quincy Interviews Devs

JS Nuggets YouTube channel: https://www.youtube.com/channel/UC-1l0Ew_jMorWJ0d9RWk5wg **UPDATE** Beau Carnes will now be posting his JavaScript training videos to the freeCodeCamp YouTube channel instead of his JS Nuggets channel. Check out the playlist here: https://www.youtube.com/playlist?list=PLWKjhJtqVAbmoiNlqLJg1gxEjEuKHHcn_ Link to blog post mentioned about graduating from WGU quickly: http://carnes.cc/2016/06/how-i-completed-my-entire-wgu-software-development-degree-in-6-months-76-cus/ We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Priorities (building portfolio, part 4) - Code Vlog {11}

xMpPP2yK-AM | 03 Feb 2017

Priorities (building portfolio, part 4) - Code Vlog {11}

Repository: https://github.com/ewathedoer/portfolio-v2 Live version of the current state: http://theonewhodo.es/ - Useful links from this week: Two great movies on mobile design from Conversions@Google 2016: http://www.lukew.com/ff/entry.asp?1962 Mockup tool: https://www.mockupworld.co/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Audionautix Temptation March - under the Creative Commons Attribution (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ and Satin Sugar, La, la, la, Lude lla - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Distributive Law (Examples))

iwcHS7oTMk4 | 01 Feb 2017

Maths for Programmers: Sets (Distributive Law (Examples))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

React JS (building portfolio, part 3) - Code Vlog {10}

CB90NuMzfjk | 30 Jan 2017

React JS (building portfolio, part 3) - Code Vlog {10}

Repository: https://github.com/ewathedoer/portfolio-v2 - Useful links from this week: The article on SPA using React that made my week: https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm Two great movies on mobile design from Conversions@Google 2016: http://www.lukew.com/ff/entry.asp?1962 Mockup tool: http://magicmockups.com/ Great article on building tech portfolios: https://medium.freecodecamp.com/i-reviewed-fifty-portfolios-on-reddit-and-this-is-what-i-learned-e5d2b43150bc#.4nm28vk8d React: https://facebook.github.io/react/ https://egghead.io/courses/react-fundamentals https://www.lynda.com/React-js-tutorials/Learn-React-js-Basics/519668-2.html https://www.lynda.com/React-js-tutorials/Building-Web-Interface-React-js/495271-2.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3areact+js%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2 - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music by Jeff Kaale, https://soundcloud.com/jeff-kaale/ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Portfolio (part 2) - Code Vlog {09}

_tefQyd3Vc8 | 27 Jan 2017

Portfolio (part 2) - Code Vlog {09}

Repository: https://github.com/ewathedoer/portfolio-v2 - Useful links from this week: Material palette composition tool: https://www.materialpalette.com Color wheel from Adobe: https://color.adobe.com/create/color-wheel/ YWT meetup: http://www.meetup.com/yeswetech/ FCC Malaga: https://www.facebook.com/groups/free.code.camp.malaga/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Music by Chillhop: http://youtube.com/chillhopdotcom, http://soundcloud.com/chillhopdotcom Bonus Points - Pizza and Video Games, https://soundcloud.com/bonuspoints L'IndÇcis - Happy Hours, https://soundcloud.com/hipdozer/lindecis-happy-hours-hip-dozer-premiere?in=lindecis/sets/moka-ep - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Learn to Code Online - Code Vlog {08}

4sAUvPqb3l4 | 23 Jan 2017

Learn to Code Online - Code Vlog {08}

Useful links from this week: My article on Medium with the list of online resources: https://medium.com/@thedoer/learn-to-code-and-design-online-5501f0515ac9#.yp9yvtkfp One more article going into details with Udacity, Code School and Lynda: https://medium.com/@thedoer/3-best-online-code-schools-33dbad21ee51#.nz8d6uhki Free Code Camp: https://www.freecodecamp.com/ Code School: https://www.codeschool.com/ Codecademy: https://www.codecademy.com Udacity: https://www.udacity.com Lynda: https://www.lynda.com Codepen: http://codepen.io/ DevTips: https://www.youtube.com/user/DevTipsForDesigners Wes Bos: https://www.youtube.com/channel/UCoebwHSTvwalADTJhps0emA Mackenzie Child: https://www.youtube.com/channel/UCfWZwsP8trUy5uHJg8gcGIQ LevelUpTuts: https://www.youtube.com/channel/UCyU5wkjgQYGRB0hIHMwm2Sg - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Music by Chillhop: http://youtube.com/chillhopdotcom, http://soundcloud.com/chillhopdotcom Birocratic - Tony's Belated Breakfast, https://soundcloud.com/birocratic - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Distributive Law Proof (Case 2))

umtwMEQm6qo | 23 Jan 2017

Maths for Programmers: Sets (Distributive Law Proof (Case 2))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Distributive Law Proof (Case 1))

UfWyTyymFfI | 23 Jan 2017

Maths for Programmers: Sets (Distributive Law Proof (Case 1))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Portfolio (part 1) - Code Vlog {07}

KKzbLstwdGY | 20 Jan 2017

Portfolio (part 1) - Code Vlog {07}

Repository: https://github.com/ewathedoer/portfolio-v2 - Useful links from this week: Design + Code my Personal Website in 12 hours, the series from DevTips https://www.youtube.com/watch?v=sJhhLvW-Xvg&list=PLqGj3iMvMa4KeBN2krBtcO3U90_7SOl-A Achieving Visual Hierarchy Through Design Principles https://www.youtube.com/watch?v=UcGRcznhsyM Photofeeler (service for photos) https://www.photofeeler.com/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Music by Chillhop: http://youtube.com/chillhopdotcom, http://soundcloud.com/chillhopdotcom Brock Berrigan - Split Decision, https://soundcloud.com/brockberrigan GYVUS - This Time, https://soundcloud.com/gyvus - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Learn Design - Code Vlog {06}

Oj-n-VkVNIk | 16 Jan 2017

Learn Design - Code Vlog {06}

Useful links from this week: Quick intro to UX: https://medium.freecodecamp.com/user-experience-explained-in-5-minutes-for-newbie-front-end-developers-1293c1521407#.h207mld2a Prototype tools Adobe Experience Design: http://www.adobe.com/pl/products/experience-design.html Proto.io: https://proto.io/ Invision: https://www.invisionapp.com/ Storytelling for designers (podcast): http://www.travandlos.com/85 Visual hierarchy in a nutshell, great examples provided by Trav and Los: https://www.youtube.com/watch?v=UcGRcznhsyM&t=2052s Websites, books, bibles: Don't make me think, S. Krug's book: https://www.amazon.com/gp/product/0321965515/ref=pd_lpo_sbs_dp_ss_1?pf_rd_p=1944687622&pf_rd_s=lpo-top-stripe-1&pf_rd_t=201&pf_rd_i=0321344758&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=0NKBX55V2MNMHSHD8CJA Luke Wroblewski: http://www.lukew.com/ Stackoverflow for design: http://ux.stackexchange.com/ UX podcasts: https://www.usertesting.com/blog/2015/11/09/best-ux-podcasts/ Source of awesome reports: https://www.nngroup.com/ UIE (podcast and articles): https://www.uie.com/brainsparks/topics/podcasts/ Nick Babich from UX Planet: https://uxplanet.org/@101 Free ebooks focused on UX: https://www.uxpin.com/studio/ebooks/?_ga=1.168518497.118900157.1462998711 UX mastery: http://uxmastery.com/ A List Apart: http://alistapart.com/ Hack Design: https://hackdesign.org/lessons Source of visual inspiration: Behance: https://www.behance.net/ Dribbble: https://dribbble.com/ Pinterest: https://www.pinterest.com/ Tool to help you choose the right colors: Color wheel: https://color.adobe.com/ Color palette: https://material.io/guidelines/style/color.html Great fonts source: https://fonts.google.com/ Examples of the services with free icons and images for your design: Freepik: http://www.freepik.com/ Flaticon: http://www.flaticon.com/ Pexels: https://www.pexels.com/ And the movie I'd love to see. If you have free tickets close to Málaga, please share ;): https://www.designdisruptors.com/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Music by Chillhop: http://youtube.com/chillhopdotcom, http://soundcloud.com/chillhopdotcom Joakim Crud - Canals, https://soundcloud.com/joakimkarud GYVUS- Tōzen, https://soundcloud.com/gyvus - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Meetings - Code Vlog {05}

UENzHyt_zFU | 13 Jan 2017

Meetings - Code Vlog {05}

Useful links from this week: Meetup: https://www.meetup.com/ Local groups in Málaga: Frontend Malaga https://www.meetup.com/Frontend-Malaga/ Yes We Tech: https://www.meetup.com/yeswetech/ Podcast episodes: http://www.travandlos.com/86 http://www.travandlos.com/83 http://www.travandlos.com/84 Rework book: https://37signals.com/rework Useful flexbox and layout grid info from this week: http://www.flexboxpatterns.com/ http://www.sketchingwithcss.com/flexbox-tutorial/ https://css-tricks.com/snippets/css/complete-guide-grid/ http://jonibologna.com/flexbox-cheatsheet/ Codepens: http://codepen.io/thedoer/pen/kkNAYK stepper http://codepen.io/thedoer/pen/YGKJLY feature list http://codepen.io/thedoer/pen/jrNQQB card group - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Audionautix: Ice Cold - licensed under the Creative Commons Attribution (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Flexbox - Code Vlog {04}

qozLYo3d1Es | 09 Jan 2017

Flexbox - Code Vlog {04}

1. LEARN FLEXBOX CSS-Tricks guide to flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Visual guide to flexbox: https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties Flexbox documentation:https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes DevTips flexbox essentials: https://www.youtube.com/watch?v=G7EIAgfkhmg DevTips practical examples: https://www.youtube.com/watch?v=H1lREysgdgc Flexbox.io practical course: http://flexbox.io Flexbugs (known bugs and workarounds): https://github.com/philipwalton/flexbugs Can I use info: http://caniuse.com/#feat=flexbox Solved by flexbox: https://philipwalton.github.io/solved-by-flexbox/ Simple game for start: http://flexboxfroggy.com Flexbox experiments: https://chriswrightdesign.com/experiments/ Lynda's flexbox navigation course: https://www.lynda.com/CSS-tutorials/Exploring-common-menu-layouts/383780/423285-4.html Lynda's intro to flexbox course: https://www.lynda.com/CSS-tutorials/Flexbox-overview/116352/139384-4.html?srchtrk=index%3a1%0alinktypeid%3a2%0aq%3aflexbox%0apage%3a1%0as%3arelevance%0asa%3atrue%0aproducttypeid%3a2 Flexbox playground: http://the-echoplex.net/flexyboxes/ 2. OTHER LINKS MENTIONED My Medium article: https://medium.freecodecamp.com/it-takes-a-village-to-raise-a-coder-209b4e1d00f0#.piw1mvfvi Codepen flexbox navigation: http://codepen.io/thedoer/pen/OXZyvp Codepen flexbox pricing list: http://codepen.io/thedoer/pen/QEXRzN Codepen flexbox single line booking form: http://codepen.io/thedoer/pen/RRXbGB Free Code Camp: https://www.freecodecamp.com/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Kevin MacLeod: Latin Industries - under the Creative Commons Attribution (https://creativecommons.org/licenses/...) Source: http://incompetech.com/music/royalty-... Artist: http://incompetech.com/ - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Planning - Code Vlog {03}

oKoXcm5f29o | 06 Jan 2017

Planning - Code Vlog {03}

Useful links from this week: The Medium article about my way to FCC Frontend Certificate: https://medium.freecodecamp.com/it-takes-a-village-to-raise-a-coder-209b4e1d00f0#.61c7kd7kd Sass: http://sass-lang.com/ DevTips Sass playlist: https://www.youtube.com/watch?v=1XmUUa_pWw8&list=PLqGj3iMvMa4LE0uTAwo9wIFQYuGhIu7Gw Prototyping tool, XD from Adobe: http://www.adobe.com/pl/products/experience-design.html El tiempo nunca volvera, motivation movie from Gero: https://www.youtube.com/watch?v=X69Di5dY0Eo - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: CC - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Building a simple website for #Open2017

wPCzcOHE5os | 03 Jan 2017

Building a simple website for #Open2017

Feedback - Code Vlog {02}

0Ntm97b0GYc | 02 Jan 2017

Feedback - Code Vlog {02}

Useful links from this week: List of places to learn to code and design online: https://medium.com/@thedoer/learn-to-code-and-design-online-5501f0515ac9#.93s7acirz DevTips tutorial playlist on designing and coding personal portfolio: https://www.youtube.com/watch?v=sJhhLvW-Xvg&list=PLqGj3iMvMa4KeBN2krBtcO3U90_7SOl-A Article with tips on building tech portfolio: https://medium.com/@speckyboy/tips-for-creating-a-first-class-personal-portfolio-6fcfb6962cd4#.aw3uuvpiq Free professional photo assessment tool, great for choosing the right photo for your portfolio: https://www.photofeeler.com/ Podcast on self-confidence: http://www.travandlos.com/69 Free Code Camp community: https://www.freecodecamp.com/ Free online favicon tool: http://www.favicomatic.com/ Reddit design critique: https://m.reddit.com/r/design_critiques?utm_source=mweb_redirect&compact=true - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: CC - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

#Open2017 - FreeCodeCamp's New Years Eve Live Stream

XkbTPCHcCyI | 01 Jan 2017

#Open2017 - FreeCodeCamp's New Years Eve Live Stream

3:31 Panel on web development in 2017 with Bill Sourour, Ben Halpern, Sacha Greif, Preethi Kasireddy, and Tyler McGinnis 47:19 Fireside chat with Anil Dash 1:08:21 Panel on social coding in 2017 with Alexander Kallaway, Justin Richardson, Jackson Bates, Shubheksha Jalan, Etienne Issartial, Catherine Kim, Shawn Grooms 1:57:47 Fireside chat with Kyle Simpson (author of You Don't Know JS) 2:24:26 Fireside chat with Sarah Drasner 2:41:09 Panel on getting a developer job in 2017 3:01:01 Fireside chat with Jeff Atwood (co-founder of Stack Overflow) 3:45:50 Panel on Free Code Camp's platform in 2017 with Berkeley Martinez, Heather Kusmierz, and Michael D. Johnson

Simon Game - Code Vlog {01}

TWFNnbAylHI | 30 Dec 2016

Simon Game - Code Vlog {01}

View the full Doer Vlog playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkyQnSv-DNXOKsglcHhYAV2 Repository: https://github.com/ewathedoer/simon-game Live preview: http://theonewhodo.es/simon-game/ - Useful links from this week: Free favicon tool: http://www.favicomatic.com/ Color wheel: https://goo.gl/APWYfp Free Code Camp: https://www.freecodecamp.com/ CodeNewbie: http://www.codenewbie.org/ - You can find me on: Twitter: https://twitter.com/thedoerdoes Medium: https://medium.com/@thedoer FreeCodeCamp: https://www.freecodecamp.com/ewathedoer - Music: Sophomore Makeout, Phife for Life from YT Audiolibrary - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Distributive Law (Diagrams))

O1CxbJ0oWjM | 18 Dec 2016

Maths for Programmers: Sets (Distributive Law (Diagrams))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Associative & Commutative Laws)

PhJAI0QBQvg | 07 Dec 2016

Maths for Programmers: Sets (Associative & Commutative Laws)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Complement & Involution Laws)

Z-80ToWFcvA | 03 Dec 2016

Maths for Programmers: Sets (Complement & Involution Laws)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Idempotent & Identity Laws)

15mS5R9grz4 | 01 Dec 2016

Maths for Programmers: Sets (Idempotent & Identity Laws)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (The Universe & Complements (Examples))

JujR2StuYJ8 | 22 Nov 2016

Maths for Programmers: Sets (The Universe & Complements (Examples))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Subsets & Supersets (Examples))

2A_UFzW_lrg | 19 Nov 2016

Maths for Programmers: Sets (Subsets & Supersets (Examples))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (The Universe & Complements)

L3Fm3-uF9ik | 16 Nov 2016

Maths for Programmers: Sets (The Universe & Complements)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Subsets & Supersets)

p_s3zjCEBiQ | 15 Nov 2016

Maths for Programmers: Sets (Subsets & Supersets)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Set Operators (Examples))

gbyQcrMbxyU | 13 Nov 2016

Maths for Programmers: Sets (Set Operators (Examples))

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Set Operators)

GU9RA-SldV8 | 12 Nov 2016

Maths for Programmers: Sets (Set Operators)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Here Is A Non-Rational Number)

isbt-7DQBy0 | 11 Nov 2016

Maths for Programmers: Sets (Here Is A Non-Rational Number)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (What Is A Rational Number?)

P1dtkWTX6Us | 08 Nov 2016

Maths for Programmers: Sets (What Is A Rational Number?)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (Interval Notation & Common Sets)

Iz43uTVTolY | 07 Nov 2016

Maths for Programmers: Sets (Interval Notation & Common Sets)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Sets (What Is A Set?)

nsdtv8O0K50 | 06 Nov 2016

Maths for Programmers: Sets (What Is A Set?)

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Introduction (What Is Discrete Mathematics?)

1FfX2xW3104 | 05 Nov 2016

Maths for Programmers: Introduction (What Is Discrete Mathematics?)

Transcript: In this video, I will be explaining what Discrete Mathematics is, and why it's important for the field of Computer Science and Programming. Discrete Mathematics is a branch of mathematics that deals with discrete or finite sets of elements rather than continuous or infinite sets of elements. Imagine trying to run a program that requires an infinite number of executions to complete a task. It's obvious to say, that the program would run forever and the task would never be completed because there is an infinite number of executions. In order to avoid this problem, we approximate the continuous sets with discrete sets. Now you may be thinking, I never use math that involves infinite sets, but I promise that you do. The simplest example is with a circle. A circle by definition is an infinite number of points equally distant from a fixed point. The problem with this is that if we try to write a program that prints out all of these points, it will run forever because there is an infinite number of points and therefore an infinite number of executions. So, this is physically impossible, that's why if we zoom in here, you can see that when you come down here, there is all these points, but in reality we should have even more points between these points. And if we zoom in on those, we should have more points between those points, and we can never complete the task. Now we've all seen circles on computers, how is this possible, because we just established that it's impossible. The answer is, is that there is approximations. For example, consider regular polygons. Regular Polygons, like a triangle, or a square, or a pentagon. They don't really look like circles. However, if you keep increasing the number of vertices. Eventually you will get hexagons, octagons, decagons, hexadecagons, icosagons. You can see that these regular polygons, the more and more you increase the number of vertices, which the vertices are equally distant from a fixed point, they will eventually approximate a circle, and eventually they will be indistinguishable to the naked eye and will look identical to a circle. We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Maths for Programmers: Introduction (Tips For Learning)

LSBC3n9x52Q | 04 Nov 2016

Maths for Programmers: Introduction (Tips For Learning)

Transcript: Hello World, Shawn Grooms here with Free Code Camp. And in this video I will be giving you three tips on how to learn Discrete Mathematics. The first tip is to stay calm. People often hear the word Mathematics and panic. When you panic, you stop listening. If you stop listening, you can't learn the material. If you simply stay calm, then you'll be able to learn the material better. You aren't being graded on the subject so there's no need to panic. The second is to rewind. You can rewind the videos at any time. When I learned Discrete Mathematics I didn't have this opportunity. In theory you should be able to learn the material much faster than I was ever able to. I strongly encourage rewinding the video. Finally, explain. Once you think you understand the material of the videos you can try to explain the material out loud either to yourself or to a friend. If no one is around, or you feel weird talking to yourself then you can try and explain it to a rubber ducky. There's a concept in Programming called Rubber Ducky debugging, which is where programmers go through their code, line by line, trying to identify bugs in their code by explaining it to a rubber ducky. So similarly, if you go through the material of the videos, subject by subject, you will soon be able to identify any gaps in your understanding of the material. We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Alex Kurilin on Understanding the Tradeoffs of a Language - Senior Developer Skills

xe1yllE3mFE | 29 Oct 2016

Alex Kurilin on Understanding the Tradeoffs of a Language - Senior Developer Skills

You can find out more information about Alex at frontrowed.com or follow him on Twitter at @alex_kurilin. Acknowledgment to Deborah Ahn for drawing the intro sketch. Free Code Camp is a community of people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Merging

tYOl25gyuvk | 23 Sep 2016

Git & GitHub: Merging

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: Network Interface Card

FwNRb6MwXTI | 23 Sep 2016

Networks: Network Interface Card

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: How Commits Work

JXM7MO2GgGg | 23 Sep 2016

Git & GitHub: How Commits Work

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: What is a network?

ANHx2jnaLf8 | 23 Sep 2016

Networks: What is a network?

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: What is a LAN?

a8BvToqQ7Zo | 23 Sep 2016

Networks: What is a LAN?

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: Collision Detection and Avoidance

Y1HkHV592Ds | 23 Sep 2016

Networks: Collision Detection and Avoidance

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: What is a Mac Address?

tcvTjQldnBI | 23 Sep 2016

Networks: What is a Mac Address?

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: What is a WAN?

r_3AKHSN-XU | 23 Sep 2016

Networks: What is a WAN?

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Branching and the GitHub Workflow

2GO1a1vgNrc | 23 Sep 2016

Git & GitHub: Branching and the GitHub Workflow

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Undoing Commits

XiFYShmnI4k | 23 Sep 2016

Git & GitHub: Undoing Commits

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: How computers talk

OV9rruR09HM | 23 Sep 2016

Networks: How computers talk

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Cloning & Working Locally

09wR8kYT3t8 | 23 Sep 2016

Git & GitHub: Cloning & Working Locally

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: The size of a Mac Address

lnQKsdCmjt4 | 23 Sep 2016

Networks: The size of a Mac Address

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: GitHub Workflow for Open Source

4VY0kHqIqyU | 23 Sep 2016

Git & GitHub: GitHub Workflow for Open Source

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Networks: An example of a Network

f-IGT7h_sWQ | 23 Sep 2016

Networks: An example of a Network

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Introduction to Git & GitHub

vR-y_2zWrIE | 23 Sep 2016

Git & GitHub: Introduction to Git & GitHub

Documentation for Git - https://git-scm.com/ We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: 2-Step Commit

TfbgO07ZEYE | 23 Sep 2016

Git & GitHub: 2-Step Commit

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Rebasing

PBtApBmgc1M | 23 Sep 2016

Git & GitHub: Rebasing

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Merge Conflicts

sfT0WrChMrM | 23 Sep 2016

Git & GitHub: Merge Conflicts

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Git & GitHub: Most Used Git Commands

bbanTh2CoAY | 23 Sep 2016

Git & GitHub: Most Used Git Commands

git clone - https://git-scm.com/docs/git-clone git pull - https://git-scm.com/docs/git-pull git branch - https://git-scm.com/docs/git-branch git checkout - https://git-scm.com/docs/git-checkout git status - https://git-scm.com/docs/git-status git add - https://git-scm.com/docs/git-add git commit - https://git-scm.com/docs/git-commit git push - https://git-scm.com/docs/git-push We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at https://freecodecamp.com Follow us on twitter: https://twitter.com/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: https://www.quora.com/Quincy-Larson

Welcome to the freeCodeCamp YouTube channel!

v8kFT4I31es | 21 Sep 2016

Welcome to the freeCodeCamp YouTube channel!

We're busy people who learn to code, then practice by building projects for nonprofits. Join our community at https://freecodecamp.org

Nonprofit Project Demo: TAADAS - Nashville, TN

_I0s6K7f96Q | 28 Jul 2016

Nonprofit Project Demo: TAADAS - Nashville, TN

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

A Quick Guide to Gmail Keyboard Shortcuts

jUfBa9pOGLs | 23 Jun 2016

A Quick Guide to Gmail Keyboard Shortcuts

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Deploy a Dynamic Website in Minutes

4AXDKWuY9QM | 23 Jun 2016

Deploy a Dynamic Website in Minutes

Links used in this video: Start Bootstrap for free mobile-responsive templates: https://startbootstrap.com/ POWR for free plugins: http://powr.io Bit Balloon for instant deployment: https://www.bitballoon.com/ Optional: Atom (if you want a good free text editor): https://atom.io Again, these are all free and easily accessible. If you want a domain for your site, we recommend Name Cheap: www.namecheap.com/?aff=102130 (affiliate link) Save $10 on a proper cloud server with Digital Ocean: http://m.do.co/c/ba8a71773373 (affiliate link) About Free Code Camp: We're a community where you learn to code, contribute to open source, and get a developer job. More than 5,000 people have gotten developer jobs so far, and we've only been going for two years. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy (the guy who made this video) on Quora: http://www.quora.com/Quincy-Larson

A Quick Guide to Global Control Keyboard Shortcuts for Mac

PCoZEdpv9Bg | 23 Jun 2016

A Quick Guide to Global Control Keyboard Shortcuts for Mac

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Nonprofit Project Demo: Options, Inc. - Big Lake, Minnesota

V8B4orj0M7Y | 03 Jun 2016

Nonprofit Project Demo: Options, Inc. - Big Lake, Minnesota

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Using Trello for Nonprofit Projects

t4WxGvMD18k | 20 May 2016

Using Trello for Nonprofit Projects

Carl Kashnier shows us how to use Trello for managing Nonprofit Projects. We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Nonprofit Project Demo: Essential Skills Quebec - Quebec, Canada

B6-VhxYVXM8 | 14 May 2016

Nonprofit Project Demo: Essential Skills Quebec - Quebec, Canada

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Nonprofit Project Demo: Encuentra Una Mascota - Guatemala

G7UHzdvkd-Q | 09 May 2016

Nonprofit Project Demo: Encuentra Una Mascota - Guatemala

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's May 2016 Summit

rb4vEZW8cfY | 07 May 2016

Free Code Camp's May 2016 Summit

Our Agenda for this months summit: Introductions (Berkeley, Mrugesh, and Quincy) Talk About The Survey - Quincy Simplified Authentication - Mrugesh Reactification - Berkeley Server Speed Improvements Some additional notes: This was our first time streaming the Summit to YouTube. We apologize for any errors that my arise during this video, or during stream if you tried to watch it live. However, we have learned what happened and by the next summit (a month from now) we will have it figured out. Thanks :) http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?scree... Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

2016 New Coder Survey: Data Science

f7vO05pqft8 | 30 Apr 2016

2016 New Coder Survey: Data Science

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Notes: - The GitHub repo: https://github.com/FreeCodeCamp/2016-new-coder-survey - The Stack Overflow survey: http://stackoverflow.com/research/developer-survey-2016 - Our goal: to collaborate on D3 visualizations that answer the 20 specific questions we've asked in GitHub issues by midnight EST May 8 - Then, after we've shipped the website with the 20 D3 visualizations answering our questions, we can consider building additional data tools like a DC.js sandbox.

Build a File Metadata Microservice

w_W2-VOgy9g | 10 Apr 2016

Build a File Metadata Microservice

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Visualize Data with a Heatmap

TVJr7ndWAYo | 10 Apr 2016

Visualize Data with a Heatmap

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a URL Shortener Microservice

B-gY9nAtPIw | 10 Apr 2016

Build a URL Shortener Microservice

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Request Header Parser Microservice

_0oqjSkGoHg | 10 Apr 2016

Build a Request Header Parser Microservice

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Camper Leaderboard

LJQcFNo_-QY | 10 Apr 2016

Build a Camper Leaderboard

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Recipe Box

6tZ4c-Bxstg | 10 Apr 2016

Build a Recipe Box

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Tribute Page

qqrnzmqCGDw | 10 Apr 2016

Build a Tribute Page

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build Conway's Game of Life

5Ajcjs3OmjA | 10 Apr 2016

Build Conway's Game of Life

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Show Relationships with a Force Directed Graph

etBaP3IdlIE | 10 Apr 2016

Show Relationships with a Force Directed Graph

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Timestamp Microservice

gj4eL6satjI | 10 Apr 2016

Build a Timestamp Microservice

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Rougelike Dungeon Crawler Game

BwyKI9iePUQ | 10 Apr 2016

Build a Rougelike Dungeon Crawler Game

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Zipline: Build a Simon Game

tAPut8a47bA | 10 Apr 2016

Zipline: Build a Simon Game

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build a Markdown Previewer

giTx33ggIno | 10 Apr 2016

Build a Markdown Previewer

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Build an Image Search Abstraction Layer

QIpA1oP8EGQ | 10 Apr 2016

Build an Image Search Abstraction Layer

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Map Data across the Globe

kSAqct10gA0 | 10 Apr 2016

Map Data across the Globe

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Visualize Data with a Bar Chart

nss_5sZpjIE | 10 Apr 2016

Visualize Data with a Bar Chart

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Visualize Data with a Scatterplot Graph

barVgJDnTMk | 10 Apr 2016

Visualize Data with a Scatterplot Graph

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Nonprofit Project Demo: Child First Authority - Baltimore, Maryland

O993J5KCR_w | 02 Apr 2016

Nonprofit Project Demo: Child First Authority - Baltimore, Maryland

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We're busy people who learn to code and build projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Web Design: Development vs Design

5ZzioWgcObg | 27 Mar 2016

Web Design: Development vs Design

I'm Anthony also known as dapperAuteur on Free Code Camp and GitHub. Thank you for joining me on this short hike about web design vs web development. The web design is the how. The web development is the what. Today we're going to discuss how they work together to build a beautiful experience for you and everyone else that visits the internet. The web designer, what they do will impact the 'How' the UI and UX looks and feels. The web developer, what they do will impact 'What' the UX and UI will do once you start to click on buttons. An example is the login process. A designer will decide where the login process will start on the page. A developer will decide what that process will entail. Are you logging in with your email address, username or social media account? Another example is building a car. A designer will choose what color the car is. Is it red, white, or blue? Cloth or leather seats? Tinted windows? A developer will decide if it's a V6 or V8 engine. Is it a gasoline, hybrid or all electric vehicle? Together, they work to build a beautiful experience for you and everyone else that visits the internet. Again, a web designer is the how and the web developer is the what. - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Computer Basics: What does 'Open Source' mean?

o0Pi0966BOM | 27 Mar 2016

Computer Basics: What does 'Open Source' mean?

Hello campers, I'm Anthony also known as dapperAuteur on Free Code Camp and GitHub. Thank you for joining me on this short hike about Open Source code. I'm going to explain open source code by comparing it to its opposite, closed source code. There are a variety of models in between the two. Open source code is published, shared, public, and supported by the community. Closed source code is not published, not shared, not public, and it is not supported by a community. What makes open source code so important to us is the fact that it is supported by the community. Anything that is created with open source code is done by those who use it. An example of open source code would be Linux software. It's opposite would be Windows or Apple's OSX operating systems. Linux was created and is available for free and it is supported by the community. However, all open source code isn't free. Some are, most are. But, the major difference between open source code and all other types of code is the fact that it's, the code is available for you to use and then improve upon. An example would be a recipe. You can find recipes online. You buy the same products in stores and not have access to the recipes. One example is Coca-Cola. You get Coca-Cola in a variety of flavors. If you want a new flavor of Coca-Cola, you must wait for the organization that owns the recipe to make that new flavor. You can ask for it, but there's no guarantee you'll get it. With a recipe you can find for your own cola online, you can make changes to it. Make your own cola, your own cherry, your own vanilla, your own chocolate cola and then you can share that with the rest of the community and that will be an open source recipe, an open source product. Again, open source public, published, shared. Open source software is supported by and improved upon by the community. - We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?scree... Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Finishing up Pomodoro Clock with Leo #programming

iyYuFDSVqm0 | 22 Mar 2016

Finishing up Pomodoro Clock with Leo #programming

-- Watch live at http://www.twitch.tv/freecodecamp

Akira working on the Game of Life /w JackeL #programming

m2Exw2WJALg | 22 Mar 2016

Akira working on the Game of Life /w JackeL #programming

-- Watch live at http://www.twitch.tv/freecodecamp

collinferry working on his JS calculator

w8tPJyncuUo | 22 Mar 2016

collinferry working on his JS calculator

-- Watch live at http://www.twitch.tv/freecodecamp

collinferry working on his JS calculator

RnCerNC-Sco | 22 Mar 2016

collinferry working on his JS calculator

-- Watch live at http://www.twitch.tv/freecodecamp

Coding Twitch Bots with Demi!

TDoaJfIt68M | 21 Mar 2016

Coding Twitch Bots with Demi!

-- Watch live at http://www.twitch.tv/freecodecamp

@collinferry coding a Pomodoro clock

1mF-ATJ0amg | 21 Mar 2016

@collinferry coding a Pomodoro clock

-- Watch live at http://www.twitch.tv/freecodecamp

Free Code Camp's March 2016 Summit

ks7Z26tirMo | 05 Mar 2016

Free Code Camp's March 2016 Summit

-- Watch live at http://www.twitch.tv/freecodecamp

Free Code Camp's February 2016 Summit

3MKsg0VCBxc | 12 Feb 2016

Free Code Camp's February 2016 Summit

Our February 6, 2016 Summit began at noon EDT on our twitch.tv channel (http://twitch.tv/freecodecamp). This 90-minute stream featured: Spanish - Berkeley Video challenges - Briana Wiki - Rex Shop - Quincy Campsites - Justin Q&A http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?scree... Follow us on Twitch: https://twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's September 2015 Summit

54GSsVM5zso | 31 Jan 2016

Free Code Camp's September 2015 Summit

Recording of Free Code Camp's September 2015 Summit live streamed at Twitch.tv. Agenda: 1. Simplified portfolio pages 2. Code storage 3. Camper news 4. Creative Commons 5. Loop detection 6. Bonefire hints 7. New chat rooms http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's January 2016 Summit | Happy New Years

U1NKm5gvn-E | 01 Jan 2016

Free Code Camp's January 2016 Summit | Happy New Years

Just in case you missed out New Year's Eve live-stream here is a recording of it for you to watch when you can! If you don't know how to watch us live, check us out on Twitch (Link below). Happy Coding! -- Watch live at http://www.twitch.tv/freecodecamp

Abdul-Rasheed doing Ziplines #programming

qqWU4ogSRek | 01 Jan 2016

Abdul-Rasheed doing Ziplines #programming

-- Watch live at http://www.twitch.tv/freecodecamp

Briana works on Podcast site & Other fun stuff #programming

onorlqDL6WU | 27 Dec 2015

Briana works on Podcast site & Other fun stuff #programming

-- Watch live at http://www.twitch.tv/freecodecamp

Briana & Rex - Free Code Camp's NEW JavaScript curriculum #programming

zq0Gexhyo2g | 27 Dec 2015

Briana & Rex - Free Code Camp's NEW JavaScript curriculum #programming

-- Watch live at http://www.twitch.tv/freecodecamp

Basic JavaScript Curriculum Live Stream - 12/27/2015 - Part 1

QOLxGScipvw | 27 Dec 2015

Basic JavaScript Curriculum Live Stream - 12/27/2015 - Part 1

Rex Schrader and Briana Swift go over the new Basic Javascript Curriculum. Part 2: https://youtu.be/vuUYZMQ8G54 Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Briana works on Podcast site & Other fun stuff #programming

SEa5YWkVhXo | 27 Dec 2015

Briana works on Podcast site & Other fun stuff #programming

-- Watch live at http://www.twitch.tv/freecodecamp

Briana & Rex - Free Code Camp's NEW JavaScript curriculum

zEcYHXNjKRM | 27 Dec 2015

Briana & Rex - Free Code Camp's NEW JavaScript curriculum

-- Watch live at http://www.twitch.tv/freecodecamp

Basic JavaScript Curriculum Live Stream - 12/27/2015 - Part 2

vuUYZMQ8G54 | 27 Dec 2015

Basic JavaScript Curriculum Live Stream - 12/27/2015 - Part 2

Rex Schrader and Briana Swift go over the new Basic Javascript Curriculum. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's December 2015 Summit

TsIzthxhTHc | 05 Dec 2015

Free Code Camp's December 2015 Summit

Our December 5, 2015 Summit began at noon EDT on our twitch.tv channel (http://twitch.tv/freecodecamp). Here's a full summary if you don't have time to watch: https://www.reddit.com/r/FreeCodeCamp/comments/3vkyfs/free_code_camp_december_summit/ This 90-minute stream featured: - Quincy on challenge improvements and new certifications - Rex on JavaScript Waypoint improvements - Briana and Berkeley demo Hikes. - Briana talks about the future of Hikes and our desire to cover a broad base of theory (math, design, engineering, etc) - Evaristo shares insights gleaned from gigabytes of our data - Rex demoes our new wiki - Q&A http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?scree... Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's November 2015 Summit

JBmbFEVeB38 | 07 Nov 2015

Free Code Camp's November 2015 Summit

Our November 7, 2015 Summit began at noon EDT on our twitch.tv channel (http://twitch.tv/freecodecamp). This one-hour stream featured: 1. Quincy showcasing [our new Medium publication](https://medium.freecodecamp.com) 2. Berkeley explaining our recent curriculum improvements, and how you can contribute, too 3. Ben introducing the Challenge-o-matic 1000 tool for creating challenges 4. Mike Perrott demoing a way to get FCC running on your computer with just a few commands using Vagrant 5. Kris demoing a [collaborative modern music app built by campers](http://musare.com/) 6. Questions from our community http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?scree... Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Our November Summit starts in a few minutes!

HXJAWQco2hw | 07 Nov 2015

Our November Summit starts in a few minutes!

-- Watch live at http://www.twitch.tv/freecodecamp

Briana Swift Solving Bonfires after our October 2015 Summit

XHT9lsQ-_C0 | 04 Oct 2015

Briana Swift Solving Bonfires after our October 2015 Summit

FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Briana streamed this on Twitch immediately following our October 2015 Summit. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's October 2015 Summit

OvIdwFTrttU | 03 Oct 2015

Free Code Camp's October 2015 Summit

October Summit - Agenda - Our Creative Commons Academic Honesty Policy - Free verified Front End and Full Stack Development Certificate programs - Demo our new, comprehensive portfolio pages - New shareable challenge solutions - Campsites and Coffee-and-Code - Announce the winning t-shirt design - Commit - Briana Swift and Hikes - Blake Johnston & Clementine.js - Q&A with the community FreeCodeCamp.com is a community of busy people who learn to code and help nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Computer Security Tips for Beginners

wNuRKyMJRQk | 23 Sep 2015

Computer Security Tips for Beginners

The basics of computer security, and how to make sure you protect your information. Let's cover computer security. The first thing we're going to talk about is something called a dictionary attack which has to do with your passwords. When creating your passwords, some sites require extremely specific and complicated passwords, which is actually a bit unnecessary. The type of attacks they're trying to gaurd you from are dictionary attacks. Dictionary attacks are programmed to try every word in the dictionary, or in its own database of common words and passwords, as the password for a large mass of usernames. If your password is Kangaroo, they're probably going to break into your account. Most passwords aren't this simple, but that doesn't matter. They attack such a massive amount of accounts that they only need a few passwords that are relatively simple. When creating a password, you want to use different cases, numbers, and symbols, but one of the most effective ways to create a good password is to throw some random letters in there (ex: kangarooSyCA67). Also, stay away from sequential numbers. Phishing, another thing to watch out for, is emails or webpages that mimic other valid sites to try and trick people into entering their personal information, though the site truly isn't connected to the site it's trying to mimic. In general, two ways to safeguard from these attacks are checking the address in the browser and to open a new browser and go to the website that is claiming to contact you. Let's also discuss encryption and HTTPS. If you are at Starbucks trying to access your bank account, you have reason to be suspicious that someone could see and take your information. You will want to look for a green HTTPS instead of HTTP at the beginning of the web address. That means that the site you're sending your information to is encrypting your passwords and other information, scrambling up data according to a code that only they know. In general, whenever you're showing private or sensitive information, check for HTTPS. A few other general tips: don't share passwords between important accounts. If a site you use gets hacked into, your password may be compromised regardless of its strength. Also, don't download strange files. If you don't recognise the file type like .pdf, .txt, .jpg, be wary. Some of these files you download can be very powerful and even run your computer from the inside. Lastly, keep your software updated, particularly software that interacts with the internet. One way that information can be compromised is when 'bad guys' find holes and gaps in security of older versions of softwares. Those bugs have been patched in newer versions, so if you keep everything updated, you'll avoid lots of problems. These are all very basic things you should know about how to keep your information safe on your computer.

FCC Computer Basics 11: IP Addresses

8hb9UIxqjRI | 22 Sep 2015

FCC Computer Basics 11: IP Addresses

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson The Internet, part 1: IP Addresses. Every device has an IP address. IP addresses are assigned based on location, and are vital for the internet to work. We're going to talk about the Internet: Part 1, How the Internet Works. To know how the internet works, we're going to talk first about IP addresses. You may be familliar with the fact that each of your devices has its own IP address, just like a house or an apartment has its own address. The internet can't deliver data to a device unless it has an IP address. Not only does your device have one, but so does the modem, the router, and every step along the way, which we'll get to later. IP addresses are determined based on location, starting with 5 big international regions. Moving from left to right, the numbers mean something specific about your location. This number isn't specific enough that you could call 911, give them your IP address, and have them know where you live. However, it is specific enough that you could google \Where's the best ice cream near me\ and google could give you information close to your location. This is done using your IP address.

Big O Notation: What It Is and Why You Should Care

KSNx22U4uWE | 20 Sep 2015

Big O Notation: What It Is and Why You Should Care

Big O Notation: What It Is and Why You Should Care Time complexity is a way of discussing how long specific algorithms take. This is useful in streamlining software so it works as fast as possible. When you're writing code, you should be aware of how long it's going to take to execute. Nobody wants to create a product that users find frustrating due to slow use. Time complexity is talked about in relation to an algorithm, a collection of one or more functions. Big O Notation specifically helps you identify when an algorithm wouldn't 'scale' well, or work well with varying amounts of users, information, or other inputs. This does NOT correspond with Moore's law - no matter how big and fast your computer is, if the algorithm is exponentially inefficient, it's realistically unusable. Additionally, questions about Big O Notation and time complexity can be used as interview questions. Your employers will want to know that the code you write will not take too long to load on the page for the users, and knowledge of Big O Notation shows that you're cognizant of that while writing your code. The take-away from this video is that Big O Notation helps you identify where there could be problems (sometimes BIG problems) in speed and memory when your site or app grows.

Big O Notation: A Few Examples

-Eiw_-v__Vo | 20 Sep 2015

Big O Notation: A Few Examples

This video is about Big O Notation: A Few Examples Time complexity is commonly estimated by counting the number of elementary operations (elementary operation = an operation that takes a fixed amount of time to preform) performed in the algorithm. Time complexity is classified by the nature of the function T(n). O represents the function, and (n) represents the number of elements to be acted on. Worst-case time complexity, the longest it could possibly take with any valid input, is the most common way to express time complexity. When you discuss Big-O notation, that is generally referring to the worst case scenario. For example, if we have to search two lists for common entries, we will calculate as if both entries would be at the very end of each list, just to be safe that we don't underestimate how long it could take. O(1) - determining if a number is odd or even. O(1) is a static amount of time, the same no matter how much information is there or how many users there are. O(log N) - finding a word in the dictionary (using binary search). Binary search is an example of a type of "divide and conquor" algorithm. O(N) - reading a book O(N log N) - sorting a deck of playing cards (using merge sort) O(N^2) - checking if you have everything on your shopping list in your cart O(infinity) - tossing a coin until it lands on heads As a rule of thumb, anything with N^2 or any other exponent is NOT a good algorithm for a site with multiple users. If your algorithm slows down exponentially with the input, you're going to want to look for a more efficient way to solve that problem. Whenever you’re coding loops within loops, you want to be especially mindful of time complexity. http://bigocheatsheet.com/ Big O Cheat Sheet is the place to look once you can classify your algorithm, like as a "merge-sort" or a "quick-sort". https://www.coursera.org/course/algs4partI Princeton Coursera course is NOT for the faint of heart. With examples and practice in Java, this course will cover iterating over data specifically with Java, sorting, and searching algorithms.

The DOM: Style in the Header, Script in the Footer

i1rQi9Maem8 | 20 Sep 2015

The DOM: Style in the Header, Script in the Footer

The DOM: Style in the Header, Script in the Footer Maybe you've been told that links to style sheets (CSS) should be included in the header and that links to script (JS) should be included in the footer. Ever asked yourself why? If you've ever seen a webpage that loads the text first, then after a bit loads the formatting and style, you've seen a page that didn't have the links to style and script in the correct places. This all has to do with how the browser decides it's loaded enough information to display. There's an event called 'DOMContentLoaded', and once that event happens, whatever is loaded will be displayed. The DOM will tell the browser it's ready once the HTML is loaded, and sometimes the CSS and JS hasn't caught up. However, if you place the CSS in the header and the JS in the footer, you can ensure that all content will be loaded before the DOM triggers the 'DOMContentLoaded' event, the event that shows the user your content. This is a simple explaination, as most of these videos are. For more information, I really liked this resource: http://ablogaboutcode.com/2011/06/14/how-javascript-loading-works-domcontentloaded-and-onload/

Computer Basics 14: Content Delivery Networks

hBxs3wEZyAs | 20 Sep 2015

Computer Basics 14: Content Delivery Networks

A Content Delivery Network is a system of distributed servers (network) that deliver webpages and other Web content to a user based on the geographic locations of the user, the origin of the webpage and a content delivery server. The goal of a CDN is to establish higher quality network connections. CDNs accomplish this by providing effective routes between their own servers that can fast-track users to their destination, or if its faster and/or cheaper, another copy of that website destination that is being hosted on another server. This concept and type of service is not new, but is becoming more popular as the internet grows. Websites contract and pay a CDN service, who in turn pays an internet provider to use their servers for their data. An example of CDNs are Google's Hosted Libraries. -- https://developers.google.com/speed/libraries/#jquery Google hosts these libraries so that your users can load them into your own site much more quickly than if you host them yourself. There's a chance the user's browser is even storing a cached version from visiting a previous page, making the process even quicker. If you aren't familliar with the term 'cache', don't worry, we'll cover that in future videos. As a user, you probably use CDNs all the time without realizing it. As a developer, you may want to use CDNs like google libraries to help your page load more quickly. As a company, a CDN would be useful if you want your product or site to reach users more efficiently in the larger scheme of their network and the internet as a whole.

The DOM: What's the Document Object Model?

80Mr2Z6Qikc | 20 Sep 2015

The DOM: What's the Document Object Model?

The DOM: What's the Document Object Model? The DOM is the browser's internal, progrematic representation of a webpage. Languages like javascript allow you to modify the DOM, and thus the website without editing the HTML of the page. Technically, the DOM is an API (application programming interface). There are many types of APIs, but this particular API interacts with XML and HTML documents. It's in charge of how those documents are accessed and manipulated. Really, you can do a lot with the dom, and if you're already scripting in JS and jQuery, you're already doing it. You can insert new things, elements, or alter style or content for elements that already exist. This can be done with pure javascript, like: document.getElementById(id) element.getElementsByTagName(name) document.createElement(name) You can also use libraries like jQuery to simplify, standardize and automate manipulating the DOM, like: $('#box2').append("This will be added to box2!")

Free Code Camp's September 2015 Live Stream Part 7 - New features, GitHub workflow, and more

c7VI8BIsmn8 | 29 Aug 2015

Free Code Camp's September 2015 Live Stream Part 7 - New features, GitHub workflow, and more

We talk about: - Simplified portfolio pages - Code storage in local storage - Infinite Loop protection - Camper News improvements - Creative Commons licensing on everything - Bonfire Hint system - New Chat rooms http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Chrome Dev Tools: Timeline Tab

mxsZlsG8tKA | 24 Aug 2015

Chrome Dev Tools: Timeline Tab

Info and mini-lesson on the 'Timeline' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/profile-performance/evaluate-performance/timeline-tool The Timeline panel lets you record and analyze all the activity in your application as it runs. It's the best place to start investigating perceived performance issues in your application. Just like you use network to find out how long things take to communicate with the internet and you use sources to find out where something's broken, you can use timeline to figure out what's going on and how long it takes in even more detail. With the timeline you record events using the small circle button. You can record (or capture) stacks, profile js, memory, and paint (css). When you record (capture) these, it sets them up in small, detailed logs that you can organize many ways to fit you. All of this will help you to better understand what's happening in the browser, particularly which events require more browser memory than others. When you're using timeline, remember to use this 'clear' button and to start recording before you load the page, depending on what you want to capture. You'll notice that when you record JS events, clicking on the title or "function call" on the left will take you to the document and line of that function using the resource panel.

Chrome Dev Tools: Audits Tab

Z4F0sLwMP8g | 24 Aug 2015

Chrome Dev Tools: Audits Tab

Info and mini-lesson on the 'Audits' tab of Chrome Dev Tools. In this video, we do an audit of one of my Ziplines for Free Code Camp. The Audit tool walks you through how to improve your page step by step. That being said, none of these suggestions are required, but they definitely should be taken into consideration.

Chrome Dev Tools: Resources Tab

Po2cW_K0ZYE | 24 Aug 2015

Chrome Dev Tools: Resources Tab

Info and mini-lesson on the 'Resources' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/iterate/manage-data/index The Resources panel lets you inspect resources that are loaded in the inspected page including IndexedDB or Web SQL databases, local and session storage, cookies, Application Cache, images, fonts, and style sheets. You can view and edit all of this information within the browser. As you get into more advanced web building, play around with the resources panel and see how it can help you understand the requirements of your app and page in real time.

Chrome Dev Tools: Network Tab

dsVbhlBIfz0 | 24 Aug 2015

Chrome Dev Tools: Network Tab

Info and mini-lesson on the 'Network' tab of Chrome Dev Tools. Info and mini-lesson on the 'Network' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/profile-performance/network-performance/resource-loading The network tab helps answer questions like "Which element or part of the page took the longest?" or "What initiated a request?". The network panel records detailed information about how long each element of your page or app takes to load. Every request is recorded in the log, which can be found lower in the network panel. If you look at the line on the side, you'll notice a pattern of colors. Those colors each represent a different type of content in the request. The longer the line is a certain color, the longer that type of content took in that request. Ultimately, you want short lines, and if any request has long lines, you know what may be slowing down the web page. If you click a request in the log, you can get even more detailed information.

Chrome Dev Tools: Elements Tab

oz32JxUx1Fk | 24 Aug 2015

Chrome Dev Tools: Elements Tab

Info and mini-lesson on the Elements tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/iterate/inspect-styles/basics We will be using the webpage http://www.mckellen.com/ per suggestion of Free Code Camp user kmiasko. Please check out the Chrome Dev Tools documentation at https://developers.google.com/web/tools/chrome-devtools/ If you right click and select 'Inspect element', you can have access to the elements tab. You can change text, background color, text color, and any other CSS or HTML you'd like! These changes don't set up automatically, so don't use this as an IDE or a place to create or edit anything you want to save. You can set up something called "persistant authoring" to save. Cascade, inherit, and other css rules still apply, so keep that in mind as you play around. Additionally, overridden styles will be shown as having a strike through them. It should also be noted that all of the code you're seeing in this 'tree' is current HTML, not original onload. If you use javascript or jquery to change something, it will be updated on this tree. Padding, border, and margins are easily inspected and edited using the colorful box on the right or bottom side.

Chrome Dev Tools: Memory Tab

fvfqnFYXF_8 | 24 Aug 2015

Chrome Dev Tools: Memory Tab

Note: Chrome recently renamed their "Profiles" tab "Memory". Other than that, most of the content in this video remains accurate. Info and mini-lesson on the 'Profiles' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/profile-performance/rendering-tools/js-execution The Profiles panel lets you profile the execution time and memory usage of a web app or page. This primarily applies to the JavaScript running on your page or app. There are three types of profiles you can collect: CPU profile, HEAP snapshot, and HEAP profile. HEAP profiles have more to do with memory usage, while a CPU profile has more to do with JavaScript performance. A profiler called V8 is used while your code runs to pinpoint what in the JavaScript takes the most time, making it easy to optimize your code. Each of these profiles can be viewed on the left, and you can take multiple profiles of each. Overall, the profiles tab is helpful when optimizing code.

Chrome Dev Tools: Console Tab

zMg3PO8MtyI | 24 Aug 2015

Chrome Dev Tools: Console Tab

Info and mini-lesson on the 'Console' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/javascript/console/ The Console panel provides two primary functions: logging diagnostic information in the development process and providing a shell prompt which can be used to interact with the document and DevTools. When using the console, you can view raw or structured data by using standard JS statements and console-specific commands. An example of structured data would be the information returned from an API in JSON. I used this a lot when I was building my first ziplines for Free Code Camp. You should know that messages stack up, and you can clear them by typing and entering 'clear()'. You can also save the log by selecting 'Preserve Log'. There are different commands that will log differently, like console.log() for basic logging, console.error() & console.warn() for "eye catching stuff". The console can track exceptions, which basically means when something goes wrong. It can even pause the code during those exceptions, a function that you might remember from the 'Source' tab.

Chrome Dev Tools: Sources Tab

CoESC2XGZLg | 24 Aug 2015

Chrome Dev Tools: Sources Tab

Info and mini-lesson on the 'Sources' tab of Chrome Dev Tools. Check out more in-depth documentation here: https://developers.google.com/web/tools/javascript/breakpoints/ The 'Sources' tab is most useful for debugging JavaScript. The bigger your project is, the harder it can be to find exactly where a problem occurs. You can select different parts of the code to be 'breakpoints', checkpoints that will stop the code at that exact moment. There are different breakpoints you can watch for, like for a specific line of code, on a DOM event, a server request called XMLHTTP request, or a javascript event. When you set a breakpoint, the browser pauses everything when it interprets that line of code or event. By slowing everything down and giving yourself a chance to examine what's happening at every spot you've set, you can keep track of exactly what's happening in the page or app. Once all of the breakpoints are set, you can step through the code and examine the state of your page or app at every breakpoint. Just like with elements, you can live-edit through dev tools, but remember to save those changes however you can so your progress isn't lost.

Chrome Dev Tools: Summary Tab

ssU_F-bbQyk | 24 Aug 2015

Chrome Dev Tools: Summary Tab

The most important things to learn as a beginner using Chrome Developer Tools, and a little info on Device Mode. 1.) Chrome Dev Tools are awesome, and the more you can dive in and try to use them, the faster your skill level will grow. 2.) Use the documentation, even if you've never read documentation before. https://developers.google.com/web/tools/chrome-devtools/ 3.) Once you start to get comfortable in one tab, stretch yourself. Working effectively with all of the tabs will serve you exponentially more than sticking in your comfort zone.

JavaScript Lingo: Value Types

fahY2YY5Atg | 23 Aug 2015

JavaScript Lingo: Value Types

Learn about the three most basic types of values: booleans, strings, and numbers. A boolean is a true or false value. These words are special and reserved. You can't name a variable "true", because that word is already universal as a boolean (as is "false"). A string is a set of characters that is set between either single (') or double (") quotation marks. This string can be named "true", as long as it's between those quotation marks. Numbers are pretty self-explanatory - a number is a value that consists only of digits, though it can also contain a decimal or a negative sign.

JavaScript Lingo: Finding and Indexing Data in Arrays

FACqPCLxPTY | 23 Aug 2015

JavaScript Lingo: Finding and Indexing Data in Arrays

How to accurately find the index of an entry in an array There are many reasons you might need to access a certain piece of data from within a larger set, and you do that by referencing it's index. We won't get into syntax now, but you should know that the first thing in an array is actually index 0. This goes for strings and objects, too. All of these indices start at 0, so if you're looking asking the code to find indexArr[2], you're really going to get the third piece of information in that array.

JavaScript Lingo: Manipulating Data

vZAm3Ve9CGM | 23 Aug 2015

JavaScript Lingo: Manipulating Data

The differences and similarities of methods and functions in JavaScript Methods and functions are ways you can manipulate variables or other sets of information. Methods are built in to JavaScript, and you will become more familliar with these as you write functions for the bonfires. I'd suggest looking through the MDN (Mozilla Developer Network that we discussed in the first video) to familliarize yourself with the sheer amount and general potential for the methods that exist. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Methods_Index Examples include '.split(' ')', which will turn a string into an array and can do so in many different ways. Methods are powerful - many times when you want your script to do something, there's a method for that. Functions, like variables, are something you define and create. During your bonfires, you will create functions that take a certain piece of information and manipulate it in whatever way you choose. You'll become more familliar with syntax there, but for now, just remember that with methods and functions you can do almost anything with your code.

JavaScript Lingo: MDN and Documentation

NFaZKFTycmc | 23 Aug 2015

JavaScript Lingo: MDN and Documentation

Basic intro to MDN and the concept of documentation. MDN, Mozilla Developer Network, is a fanastic open source collaboration that documents not only JavaScript, but many other langauges and topics. If you haven't heard of them, you should check them out now. I get lots of information from https://developer.mozilla.org/en-US/docs/Web/JavaScript When I say documentation, I am talking about information that is provided about the product to its users. The documentation at MDN isn't necessarily written by the people behind JS. Brendan Eich created JS in 1995, but it's now a community driven project that continues to grow. As you continue to learn javascript, jQuery, and pretty much any languages or services for development or programming, documentation is your friend. The faster you get comfortable reading and refrencing documentation, the faster you will grow as a developer. These videos aren't going to teach you javascript - you will be introduced to terms and concepts that will be valuable as you continue to practice and learn.

JavaScript Lingo: Loops

Hzzmqhc3U0o | 23 Aug 2015

JavaScript Lingo: Loops

Basic intro to answer the question, "What's a Loop?" If there's a set of data, (we'll use an array for this example, but it doesn't have to be,) and you want to perform the same manipulation to every piece in that set of data, you can use something called a loop. Loops have some complex syntax to get used to at first, but once you have it, they're extremely useful. I used loops in many of my bonfire solutions. You don't need to understand everything here - just know that loops exist when you need to traverse a set of data and they can cut down on the amount of code you need to write.

JavaScript Lingo: Math

pyU5zV4tIL4 | 23 Aug 2015

JavaScript Lingo: Math

JavaScript's Math object overview, as well as a brief heads-up on floating-point formula. There is a static object named 'Math' in JS with many built in properties and methods. You'll want to investigate this further whenever you're manipulating numbers. Check here before writing your own functions, because they may already be defined here. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math Examples include Math.random() which will return a random number in a given range and Math.round() which will round the input to the nearest integer. I used Math.random() when I built the random quote generator for the Free Code Camp zipline. When you're working with numbers, you should also be aware that JS has an interesting attribute called "floating-point format". Depending on the amount of numbers, the size of those numbers, and the number of computations, JS may return something that is inaccurate by .00004. There are ways around this, and in general it doesn't pose issues, but it's something you should be aware of in the event you run into some problems that aren't making sense.

JavaScript Lingo: Regular Expressions

EgFjQ8ug3W8 | 23 Aug 2015

JavaScript Lingo: Regular Expressions

RegExp (Regular Expressions) in JavaScript RegExp is not formatted like anything else in JS, and can have a steep learning curve. RegExp can also be an incredibly useful and efficient tool. Using RegExp, you can match, replace, search, and split a string, one of the more difficult types of values to manipulate. Like with all of the other videos, we won't get into the nitty gritty, but I want to show you a few examples of where RegExp is useful. If you wanted to create a registration page that verified passwords contained at least a number and a capital letter, you could use RegExp. If you wanted to ensure that dates entered in a page were all valid dates in the future, you could use RegExp. While there are limitless ways to use RegExp, many of them include validating information that users input.

JavaScript Lingo: Arrays & Objects

yHLGUxt0EKc | 23 Aug 2015

JavaScript Lingo: Arrays & Objects

How to identify an array or an object based on simple syntax, as well as what they are capable of doing. If you want to store more than one piece of information to a variable, you can do so by creating an array or an object. **Disclaimer: Objects in JS are not exactly the same as objects in other languages. We will discuss objects here as they pertain to JS. Arrays are sets of data between [square, brackets]. Data is separated by commas. That data can be in the form of a boolean, string, number, or even another array. We call that a nested array. Objects are a type of data that can look or behave similar to an array in the way that it's more data stored in one variable in an organized way. You'll hear it referred to as JSON, and when you make API calls to other sites (getting information to display on your own page) it will frequently be returned in JSON. An example of object notation is: var obj = { "name" : "Briana", "food" : "cheese", "dog" : "Maurice" }; Notice the curly brackets, the 'keys' with values like name or food,, and the value called a 'property' that is tied to the 'key', like Briana or cheese. These are ALL stored as strings, although booleans, numbers, and other types of data are also valid.

JavaScript Lingo: Variables & camelCase

NJhXiR1z7Kg | 23 Aug 2015

JavaScript Lingo: Variables & camelCase

What constitutes a variable, and the reasoning behind camelCase. A variable, also referred to as 'var', is the name or placeholder for a boolean, string, number, or other piece of static information. Let's use google dev tools to inspect the free code camp home page and look for some variables. You 'declare' variables the first time with 'var' in front of it, but those can be referenced later in your script. camelCase is the way that JavaScript pushes words together and still keeps them legible. The first letter of the first word is lowercase, along with the remainder of the word, but the first letter of every consecutive word is capitalized. There are no spaces. Examples: brianaLovesHerPets, bestFoodIsCheese, and codeIsWorthLearning. When you name variables, utilize camelCase. Also try to keep the names descriptive and short so that others (and yourself!) can tell what that variable is referring to just by the name.

Learn to code for free, then build projects for nonprofits

tln940Tt1CI | 10 Aug 2015

Learn to code for free, then build projects for nonprofits

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: http://twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Welcome to Free Code Camp. We're a community of busy people learning to code by building projects for nonprofits. We built this community because learning to code is hard. But anyone who can stay motivated can learn to code. And to stay motivated, you just need to make friends with people who, and code a little every day. All our challenges are free, self-paced, browser-based. We'll spend 200 hours learning tools like HTML, CSS, JavaScript, Node.js and databases, 600 hours building practice projects, then 800 hours building full stack solutions for nonprofits. By the end, we'll be good at coding, and have the portfolio of apps with happy users to prove it. Once you make it through Free Code Camp, you will be able to get a coding job. There are far more job openings out there than there are qualified coders to fill them.

Free Code Camp's August 2015 Summit

UhoxoYrJ6Qs | 02 Aug 2015

Free Code Camp's August 2015 Summit

Recording of Free Code Camp's August 2015 Summit live streamed at Twitch.tv. Agenda: 1. Opening words from Michael 2. Intros (Quincy, Michael, dc, Matt, Berkeley) 3. New front end challenges 4. Newly configured full-stack challenges 5. New Nonprofit Projects 6. Wiki 7. New chat rooms 8. New live streams 9. New internet radio station DJ'd by campers 10. FCC Bot 11. Matt Yamamoto zipline demo 12. Closing from Quincy Free Code Camp's August Live Stream was the largest yet. http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Quincy accepting pull requests on GitHub

r0lCJ_TFYlI | 01 Aug 2015

Quincy accepting pull requests on GitHub

This video was incorrectly posted as our big August Live Stream - it actually immediately followed it. That live stream is much more interesting, and available here: https://www.youtube.com/watch?v=UhoxoYrJ6Qs -- Watch live at http://www.twitch.tv/freecodecamp

Zipline: Show the Local Weather

GCLiJU-vvVc | 17 Jul 2015

Zipline: Show the Local Weather

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/AdventureBear/full/yNBJRj. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can see the weather in my current location. Bonus User Story: As a user, I can see an icon depending on the temperature.. Bonus User Story: As a user, I see a different background image depending on the temperature (e.g. snowy mountain, hot desert). Bonus User Story: As a user, I can push a button to toggle between Fahrenheit and Celsius. Remember to use RSAP if you get stuck.

Basejump: Build a Nightlife Coordination App

Gei7QfPmcMw | 17 Jul 2015

Basejump: Build a Nightlife Coordination App

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://whatsgoinontonight.herokuapp.com/ and deploy it to Heroku. Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps. As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am "your commit message". Note that you should replace "your commit message" with a brief summary of the changes you made to your code. You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt --force && grunt buildcontrol:heroku. Here are the specific User Stories you should implement for this Basejump: User Story: As an unauthenticated user, I can view all bars in my area. User Story: As an authenticated user, I can add myself to a bar to indicate I am going there tonight. User Story: As an authenticated user, I can remove myself from a bar if I no longer want to go there. Bonus User Story: As an unauthenticated user, when I login I should not have to search again. Hint: Try using the Yelp API to find venues in the cities your users search for. If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

Zipline: Stylize Stories on Camper News

F4vu75aVqBg | 17 Jul 2015

Zipline: Stylize Stories on Camper News

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/Wveezv. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can browse recent posts from Camper News. User Story: As a user, I can click on a post to be taken to the story's original URL. User Story: As a user, I can click a link to go directly to the post's discussion page. Bonus User Story: As a user, I can see how many upvotes each story has. Hint: Here's the Camper News Hot Stories API endpoint: http://www.freecodecamp.com/stories/hotStories. Remember to use RSAP if you get stuck.

Zipline: Build a Random Quote Machine

a5RknIzoDrs | 17 Jul 2015

Zipline: Build a Random Quote Machine

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/AdventureBear/full/vEoVMw. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can click a button to show me a new random quote. Bonus User Story: As a user, I can press a button to tweet out a quote. Note that you can either put your quotes into an array and show them at random, or use an API to get quotes, such as http://forismatic.com/en/api/. Remember to use RSAP if you get stuck.

Practice Functional Programming

fn-RXl5Ah9A | 17 Jul 2015

Practice Functional Programming

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Functional programming holds the key to unlocking JavaScript's powerful asynchronous features. Jafar Husain's interactive Functional Programming course will familiarize you with the various ways you can recombine these functions. Functional programming in JavaScript involves using five key functions: "map", "reduce", "filter", "concatAll", and "zip". Click here to go to the challenge: http://jhusain.github.io/learnrx/. You only need to complete the first 27 steps of this tutorial. This challenge will take several hours, but don't worry. Jafar's website will save your progress (using your browser's local storage) so you don't need to finish it in one sitting. If you've spent several minutes on one of these challenges, and still can't figure out its correct answer, you can click "show answer", then click "run" to advance to the next challenge. Be sure to read the correct answer and make sure you understand it before moving on.

Computer Basics 21: Chrome JavaScript Console and how Logging works

CdqT7_6v60E | 17 Jul 2015

Computer Basics 21: Chrome JavaScript Console and how Logging works

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson We discuss what (and where) the console is, why it's useful, and show a little of how it works. The console: what it is, where you can find it, and what you use it for. The console is very commonly used to display system adminstrative messages. Your browser and your computer both have their own consoles. Once you become famlliar with it, you will find it to be a very useful and powerful tool. In Javascript, the console is used as a great tool for debugging and finding out where in your code there's a problem. One of the most important terms you'll need to remember is \console.log()\. The process of doing this can be put anywhere in the lines of code to help find, identify, and ultimately fix specific issues. Using the Chrome browser and the Chrome console, if we type in \console.log(\Free Code Camp rocks!\);\ the console will literally display \Free Code Camp rocks!\. This will also work with numbers and booleans, which are true/false statements. When consoling words, it's important to put it inside of quotations so it recognizes it's a string.

Big Improvements to our open source project from May 2015

eZN_map1HrI | 17 Jul 2015

Big Improvements to our open source project from May 2015

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp This video covers some major changes to our open source free coding curriculum. Some of these changes have since been replaced by even better improvements. We've kept this for historical purposes so you can see how our codebase has evolved over time.

Computer Basics 20: What Do Programmers Do?

JQ_BCly-heU | 17 Jul 2015

Computer Basics 20: What Do Programmers Do?

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Programmers (a.k.a. coders, developers, or software engineers) solve problems by turning big ideas into tiny steps that a computer can understand. In this video, we'll discuss what programmers do. Programmers can also be called coders, developers, or software engineers, and what all of these peple do is take ideas and turn them into functional code. It's not just creating that code, but also maintaining it. Let's look at how the computer looks at code, specifically javascript. The computer looks at code one line at a time, and as you're writing code, you will notice numbers on the left hand side. The computer literally goes down line by line, making sense of what each line has to say. Everything is done sequentially, just straight down, so refrencing something that is below and hasn't happened yet will lead to a problem. Computers just read straight down like you would read a book. Programmers are the ones responsible for breaking their ideas down into the little tiny steps and writing them in a way that computers can understand them.

Learn Scope Chains and Closures

H1sz16xax4w | 17 Jul 2015

Learn Scope Chains and Closures

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp We'll build this Waypoint on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Open up http://c9.io and sign in to your account. Click on Create New Workspace at the top right of the c9.io page, then click on the "Create a new workspace" popup that appears below it the button after you click on it. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Then click into your new workspace. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Install scope-chains-closures with this command: npm install -g scope-chains-closures Now start the tutorial by running scope-chains-closures. Note that you can resize the c9.io's windows by dragging their borders. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. You can view this Node School module's source code on GitHub at https://github.com/jesstelford/scope-chains-closures. Complete "Scopes" Complete "Scope Chains" Complete "Global Scope and Shadowing" Complete "Closures" Complete "Garbage Collection" Once you've completed these steps, move on to our next challenge.

Zipline: Build a Pomodoro Clock

lgj3nfzV0xM | 17 Jul 2015

Zipline: Build a Pomodoro Clock

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/RPbGxZ/. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can start a 25 minute pomodoro, and the timer will go off once 25 minutes has elapsed. Bonus User Story: As a user, I can reset the clock for my next pomodoro. Bonus User Story: As a user, I can customize the length of each pomodoro. Remember to use RSAP if you get stuck.

Computer Basics 9: More on the Motherboard

KUmi_KBLMQY | 17 Jul 2015

Computer Basics 9: More on the Motherboard

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson A little more detail on what constitutes a motherboard and what functionalities are standard in PCs. Today we're going to be talking more about the motherboard. We mentioned it briefly in previous videos, but we'll give some more detail today. What makes a motherboard is the connection between the CPU and the memory - if it doesn't do that, it's not a motherboard. But, most motherboards do a lot more than that. Primarily, they have expansion slots and ports. Expansion slots are where you put anything that can increase the performance of a computer without putting more load on the CPU. For example, a graphics or a sound card would up the user experience by giving better sound or video quality, but it wouldn't slow down the computer. A Network Interface Card could also go in an expansion slot. This would help your computer conncet with the networks around it, something we'll talk about more in upcoming videos. PC and Express cards are primarily found in laptops, and Express cards are taking over due to their smaller size. In addition to expansion slots, motherboards have ports. On your computer, you probably know there's a place to connect USB, firewire, SD card, ethernet, even an audio plug-in to listen through headphones. These are all considered ports, a place on the motherboard where you can connect the CPU to some outside source to either get or give information.

Computer Basics 15: Analog vs Digital and how File Compression works

B7seUQzZGx0 | 17 Jul 2015

Computer Basics 15: Analog vs Digital and how File Compression works

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson How computers turn analog sound into digital files, and the pros and cons of data compression. Let's discuss analog vs digital on a very basic level. Most specifically, we'll talk about how computers interpret analog sound and turn it into a digital file. An analog sound wave could look like anything, but for this example it's a wavy line. The computer takes it and measures at lots of different points, turning them into numbers. This is called sampling. Later, the computer can take those numbers and turn them into sound again. Let's also discuss data compression. The benefit of compression is that it's a smaller file: it's easier to store, it's easier to send to someone else, and it just takes up less space. One of the ways this is done in sound is that the sampling is taken less often. Another way is that it takes the measurement from a median point instead of from 0, so the numbers recorded are smaller. In images, it's done by measuring groups of pixels by 16 instead of individually. The takeaway from this video is that you'll want to use digital files as they're a higher quality, and when you're looking at compression, you want to decide how far you are willing to go to ensure the user still has the best possible experience.

Continue Working with Node.js Servers

4B4vWorcFWo | 17 Jul 2015

Continue Working with Node.js Servers

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Let's continue the LearnYouNode Node School challenge. For this Waypoint, we'll do challenges 8 through 10. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. Return to the c9.io workspace you created Now start this tutorial by running learnyounode - Complete "HTTP Collect" - Complete "Juggling Async" - Complete "Time Server" Once you've completed these 3 challenges, move on to our next waypoint.

Computer Basics 2: More Computer Hardware

xj9mFD71Vfc | 17 Jul 2015

Computer Basics 2: More Computer Hardware

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson In this video we cover the basic functions of a motherboard, expansion slots, and power supply. Let's quickly review - the 4 basic parts of a computer are the input, like the mouse or the keyboard, the output, which is seen on the monitor or heard on the speakers, the CPU, the central processing unit, and the memory. Now memory can be short term memory, called RAM, or longer term memory. That's usually as a hard drive, but it can also be a CD-ROM or a flash drive, anything like that. In addition to those four basic parts, we have three more things we're going to discuss today: the motherboard, expansion cards, and power supply. The motherboard is what connects everything. While the data's flying around over here trying to figure out where to go, the motherboard helps route it so it goes to the right place. Expansion cards are sound cards, video cards, that kind of thing that can really up your experience as a user. Power supply is, as it sounds, what gets power to the computer. It's usually that part that has a fan on it to keep it from overheating. So let's do a quick review. In addition to the four basic parts of input, output, CPU, and memory, we also usually have a motherboard, expansion cards, and a power supply.

Start a Node.js Server

Mo1X7fsS1Ms | 17 Jul 2015

Start a Node.js Server

We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Join our community at http://freecodecamp.com Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Computer Basics 19: How Variables work in Code

DF81DiQfAwY | 17 Jul 2015

Computer Basics 19: How Variables work in Code

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Variables are used frequently in Javascript and many other coding languages. In this video, we're going to talk about variables in code. Variables, just like in Algebra, are when you have a letter or a word and it represents something else. Here we're doing var x = \Briana\. When we reference \x\ later on, it's going to know that's Briana. When we console.log(x), it's going to output \Briana\. But be careful - if we put console.log(\x\), with the x in quotation marks, it will output the letter \x\. What I want you to take away from this video is that variables exist in code, and you can store everything from a simple string all the way up to a function, all within a simple name.

Nonprofit Project Demo: Chasdei Kaduri Food Bank - Toronto, Canada

XUR8E9fy0mE | 17 Jul 2015

Nonprofit Project Demo: Chasdei Kaduri Food Bank - Toronto, Canada

To learn more about our pro bono nonprofit projects, visit http://www.freecodecamp.com/nonprofits We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp This is a demo by one of our campers who built web forms and a logistical and operational management platform for a food bank in Toronto. This was built using the MEAN stack. For reference, this project was built using MEAN.js, which includes MongoDB, Express.js, Angular.js and Node.js.

Join Free Code Camp's Chat Rooms

JWyVkWjpBYM | 17 Jul 2015

Join Free Code Camp's Chat Rooms

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Now we're going to join the Free Code Camp chat room. You can come here any time of day to hang out, ask questions, or find another camper to pair program with. Create an account with GitHub here: https://github.com/join. Click the pixel art in the upper right hand corner of GitHub, then choose settings. Upload a picture of yourself. A picture of your face works best. This is how people will see you in our chat rooms, so put your best foot forward. You can add your city and your personal website if you have one. Go to Free Code Camp's open-source repository: https://github.com/freecodecamp/freecodecamp. You can "star" this repository by clicking the star button in the upper right hand corner. Later, you'll be able to fork this repository if you'd like to contribute to our open source codebase. Join our main chat room: https://gitter.im/FreeCodeCamp/FreeCodeCamp. Once you're in our chat room, introduce yourself by saying : "Hello world!". Tell your fellow campers how you found Free Code Camp. Also tell us why you want to learn to code. We have a busy chat room, so be sure to configure your notification settings in the top right corner. Keep the chat room open while you work through the other challenges. That way you ask for help if you get stuck on a challenge. You can also socialize when you feel like taking a break. You can also download a desktop or mobile chat application here: https://gitter.im/apps You can also access this chat room by clicking the "Chat" button in the upper right hand corner. In order to keep our community a friendly and positive place to learn to code, please read and follow our Code of Conduct: http://freecodecamp.com/field-guide/what-is-the-free-code-camp-code-of-conduct?

Store Data in MongoDB

amdJwuJJt68 | 17 Jul 2015

Store Data in MongoDB

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp We'll build this Waypoint on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Open up http://c9.io and sign in to your account. Click on Create New Workspace at the top right of the c9.io page, then click on the "Create a new workspace" popup that appears below it the button after you click on it. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Then click into your new workspace. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Install learnyoumongo with this command: npm install learnyoumongo -g Now start the tutorial by running learnyoumongo. Whenever you run a command that includes mongod on c9.io, be sure to also use the --nojournal flag, like this: mongod --nojournal. Note that you can resize the c9.io's windows by dragging their borders. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. You can view this Node School module's source code on GitHub at https://github.com/evanlucas/learnyoumongo. Complete "Mongod" Complete "Connect" Complete "Find" Complete "Find Limit" Complete "Insert" Complete "Update" Complete "Remove" Complete "Count" Complete "Aggregate" Once you've completed these steps, move on to our next challenge.

Manage Node.js Packages with NPM

yIz8RTe-bZk | 17 Jul 2015

Manage Node.js Packages with NPM

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp We'll build this Waypoint on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Open up http://c9.io and sign in to your account. Click on Create New Workspace at the top right of the c9.io page, then click on the "Create a new workspace" popup that appears below it the button after you click on it. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Then click into your new workspace. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Install how-to-npm with this command: npm install -g how-to-npm Now start the tutorial by running how-to-npm. Note that you can resize the c9.io's windows by dragging their borders. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. Note that you can only add dist tags to the specific version numbers published in steps 8 and 10. If you receive a 403 or 404 error, run how-to-npm and try again. Also, if you experience a bug, and you think you understand the concept, you can skip a step by running how-to-npm verify skip in the terminal. You can view this Node School module's source code on GitHub at https://github.com/npm/how-to-npm. Complete "Install NPM" Complete "Dev Environment" Complete "Login" Complete "Start a Project" Complete "Install a Module" Complete "Listing Dependencies" Complete "NPM Test" Complete "Package Niceties" Complete "Publish" Complete "Version" Complete "Publish Again" Complete "Dist Tag" Complete "Dist Tag Removal" Complete "Outdated" Complete "Update" Complete "RM" Complete "Finale"

Computer Basics 8: Types of Computers

rZnaB8d_ZOw | 17 Jul 2015

Computer Basics 8: Types of Computers

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson This video covers the basics of supercomputers, servers, workstations, PCs, and microcontrollers. Let's discuss the different types of computers. The biggest type is called a super computer, a computer with lots of CPUS that work on the same problem at the same time using a technique called parallel processing. The next type is called a server. A server holds and accesses lots of data or programs. Free Code Camp is hosted on a server which stores all of that information. Let's talk now about a workstation computer - a computer that may look similar to a personal computer, but has a lot more power and is a lot pricier. Toy Story was built on workstation computers. Now, personal computers are by far the most common. Maybe you've heard \I'm a Mac!\ or \I'm a PC!\ something indicating they're different, but really my own personal MacBook is still a PC, a personal compter. It's both a Mac and a PC. The last type of computer we'll talk about is a microcontroller, the type of computer you might have in your car that is really good at a small specialized task, but wouldn't be used the same way a PC would be.

Computer Basics 6: Measuring Data Speed

Ulln8JIYzqY | 17 Jul 2015

Computer Basics 6: Measuring Data Speed

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Data speed and data size are measured differently. In this video, we cover how data speed is measured. Let's talk about data speed. Data speed, unlike data size, is usually measured in bits per second, whereas size is usually measured in Bits. Once we start talking exponentially, that makes a really big difference. How we talk about speed really depends on what we're talking about. In audio download, we talk about kilobits per second. In internet, we use megabits per second. In network speed, we talk about Gigabits per second (one billion bits per second!). The main takeaway here is that speed is usually measured in bits and size is measured in Bytes. Additionally, if you have an internet speed that says however many bits per second, keep in mind they are talking about something 8 times less than Bytes, how you are thinking about data.

Finish Working with Node.js Servers

IpEbokErBfQ | 17 Jul 2015

Finish Working with Node.js Servers

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Let's continue the LearnYouNode Node School challenge. For this Waypoint, we'll do challenges 11 through 13. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. Return to the c9.io workspace you created for the previous LearnYouNode challenges and start the tutorial by running learnyounode - Complete "HTTP File Server" - Complete "HTTP Uppercaserer" - Complete "HTTP JSON API Server" Once you've completed these final 3 challenges, move on to our next waypoint.

Build Web Apps with Express.js

wLweWF8gh-k | 17 Jul 2015

Build Web Apps with Express.js

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on Twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp We'll build this Waypoint on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Open up http://c9.io and sign in to your account. Click on Create New Workspace at the top right of the c9.io page, then click on the "Create a new workspace" popup that appears below it the button after you click on it. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Then click into your new workspace. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Run this command: git clone http://github.com/reddock/fcc_express && chmod 744 fcc_express/setup.sh && fcc_express/setup.sh && source ~/.profile Now start this tutorial by running expressworks Note that you can resize the c9.io's windows by dragging their borders. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. You can view this Node School module's source code on GitHub at https://github.com/azat-co/expressworks. Complete "Hello World" Complete "Jade" Complete "Good Old Form" Complete "Stylish CSS" Complete "Session and Cookie" Complete "JSON Me" Once you've completed these steps, move on to our next challenge.

Computer Basics 4: Decoding a Binary Number

xXLj5MbrI44 | 17 Jul 2015

Computer Basics 4: Decoding a Binary Number

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson In this video, we decode a number written in binary notation. Let's talk about the binary numeral system, also known as a bunch of 1's and 0's over and over again. We're going to start by labeling, staring backwards, how many numbers there are. (In this video there are 7, but we start at 0, so we only get up to 6.) Pretty straightforward. The next step is to take 2 to the power of whatever place it is, a 2 to the 0, 2 to the 1, all the way up to the largest placeholder. Then, all we have to do is fill in some mathamatical blanks by completing the exponential 2 problems. If there is a 1, we keep that number (the two to the exponent solution) and add it to other \1\ or \on\ numbers. If it's a 0, we disregard it. In this video, our number adds up to 75.

Computer Basics 17: How Routers and Packets work

f9M6P9IVn7k | 17 Jul 2015

Computer Basics 17: How Routers and Packets work

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson In this video, we go into a little more detail about routers and packets, important concepts to understand about how the internet works. Let's talk more about routers and how they relate to networking. Routers are the things that connect different small area networks. I want to give a metaphor for this: I'm a teacher and I work at a school. Say I have a package that I need to get to someone who works in the district offices. I don't know where she is, I don't know where her office is located, but I know her name. I go to my secretary, like my first router, and I say \Hey, I need to get this to so-and-so at the district office, can you please help me?\ and she'll say \Sure, I don't know exactly where her office is either, but I know the next step, I can get it to the district\. So she goes on and sends it to the secretary at the district office, the next router. That secretary has no idea who I am or where I am, but she sees the name on the package and knows the end location. What I'm trying to get across here is that each router only has to know its own little network, the stops right next to it. It doesn't have to know the whole internet, but just its own connections. It can take information and say, alright, I don't know exactly where that's going, but I'll pass it along in the right direction. That's really all it takes. Routers can be different sizes, different capacities, but what they do is know their own neighborhood, take the information, and pass it in the right direction. Another thing we'll get into a little later is that the routers don't even have to have the full package of information. If one comptuer is trying to send information to another, the data might get split up between different routers and that's okay. The computers still know how to put the information back together correctly. The little pieces of information that are sent are called packets. Packets are actually little pieces of binary code (drawn on board). This is an example of what packets might look like, a visual representation of the electrical current that the computer can translate into 1's and 0's, which we all know is binary that can represent literally any digital data. These little packets are sent across through routers, and if a file is too large for one packet, it can be broken up into frames (smaller little packets). The frames don't have to take the same route to the end destination. They can take whichever route is open, whichever is fastest, and since they have the end IP address, all of the routers know where to send them. Once they get to the end destination, that computer knows how to put all of the information back together.

Computer Basics 12: How the Internet Works

61dIuT4S8eg | 17 Jul 2015

Computer Basics 12: How the Internet Works

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson This is a brief and basic overview of how the internet works. For a more in-depth explanation, check out web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm Let's talk a little more about how the internet works. We've already estabilished that every device and router on the intenet has its own IP address, which is assigned based on location. Using these IP addresses, your device can talk to your modem, then to a router, which is set up by a web service. The router would go to the domain name server, still just sending a request. That server would send back the information that was requested, and it would go back to your device. You might think this is fallable; if one step goes out, then the whole process is done. But really, there are so many routers and so many routes that if even a big chunk goes out, that still won't really affect the functionality. It's really amazing. What I want you take away from this video is that your device, since it has an IP address, can send out a request for informatoin, and that information will get back to your device via servers and routers that comprise the internet. Now, this explaination is really quite basic. For more information, check out web.stanford.edu/class/msande91si/www-spr04/readings/week1/InternetWhitepaper.htm.

Add Free Code Camp to your LinkedIn Profile

9dgmE2-HT8E | 17 Jul 2015

Add Free Code Camp to your LinkedIn Profile

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp LinkedIn is a critical tool for your job search later on. Add Free Code Camp to your LinkedIn profile by going to https://www.linkedin.com/profile/edit-education?school=Free+Code+Camp. Estimate your dates. Keep in mind that Free Code Camp is a rigorous 1,600 hour program, and will probably take at least a year to complete. In the "Degree" section, type "Full Stack Web Development". In the "Field of study" section, type "Computer Software Engineering". Click the "Save Changes" button. Be sure to add your key word skills to LinkedIn's skills section as you learn them, such as HTML, jQuery, Linux and Node.js. You can expand your LinkedIn network by inviting friends you meet through Free Code Camp to connect with you on LinkedIn. Make your LinkedIn profile as complete as possible. Unlike other social networks, with LinkedIn, it's perfectly fine if you don't want to add a photo. Let's keep moving. We're almost ready to start coding!

Basejump: Build a Pinterest Clone

adrOtJCVP04 | 17 Jul 2015

Basejump: Build a Pinterest Clone

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://stark-lowlands-3680.herokuapp.com/ and deploy it to Heroku. Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps. As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am "your commit message". Note that you should replace "your commit message" with a brief summary of the changes you made to your code. You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt --force && grunt buildcontrol:heroku. Here are the specific User Stories you should implement for this Basejump: User Story: As an unauthenticated user, I can login with Twitter. User Story: As an authenticated user, I can link to images. User Story: As an authenticated user, I can delete images that I've linked to. User Story: As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to. User Story: As an unauthenticated user, I can browse other users' walls of images. Bonus User Story: As an authenticated user, if I upload an image that is broken, it will be replaced by a placeholder image. (can use jQuery broken image detection) Hint: Masonry.js is a library that allows for Pinterest-style image grids. If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

Computer Basics 3: Intro to Binary Code

veugT7A9psY | 17 Jul 2015

Computer Basics 3: Intro to Binary Code

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson What binary looks like, and what it can mean. 0's and 1's can turn be interpreted into far more complex data. Today we're going to talk a little bit about binary code. Binary code is a really simple computer language where there are only 1's and 0's, that are either on or off, 1 being on and 0 being off. Those 1's and 0's can be pretty much anything, but generally they are just numbers, letters, and symbols. We're going to go into how you decode a number in binary, but as you can probably guess, translating binary can be done with a quick google search. The most important part of this is you undrestand the concept that even simple things like 1's and 0's can translate into something really complex that is the basis for all of the computer languages that exist today.

Basejump: Build a Book Trading Club

mzElFmbGqQI | 17 Jul 2015

Basejump: Build a Book Trading Club

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://bookjump.herokuapp.com/ and deploy it to Heroku. Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps. As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am "your commit message". Note that you should replace "your commit message" with a brief summary of the changes you made to your code. You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt --force && grunt buildcontrol:heroku. Here are the specific User Stories you should implement for this Basejump: User Story: As an authenticated user, I can view all books posted by every user. User Story: As an authenticated user, I can add a new book. User Story: As an authenticated user, I can update my settings to store my full name, city, and state. Bonus User Story: As an authenticated user, I can propose a trade and wait for the other user to accept the trade. If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

Meet Other Campers in your City

Ik-SzdWGhIc | 17 Jul 2015

Meet Other Campers in your City

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp One of the best ways to stay motivated when learning to code is to hang out with other campers. Gitter and Camper News are great ways to communicate with other campers, but there's no substitute for meeting people in-person. The easiest way to meet other campers in your city is to join your city's Facebook Group. Click here to view our growing list of local groups. Click the link to your city, then, once Facebook loads, click "Join group". Our local groups are new, so if you don't see your city on this list, you should follow the directions to create a Facebook group for your city. If you don't have a Facebook account, we strongly recommend you create one, even if it's just for the purpose of coordinating with campers in your city through this group. Our groups allow you to create events, coordinate those events, and share photos from the events afterward. Whether you're hosting a study group, pair programming at your local library, or going to a weekend hackathon, your city's group will help you make it happen.

Get Set for Basejumps

HUi3aKsSKGE | 17 Jul 2015

Get Set for Basejumps

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com. Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Get the MEAN stack running on Cloud 9, push your code to GitHub, and deploy it to Heroku. We'll build our Basejumps on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Now let's get your development environment ready for a new Angular-Fullstack application provided by Yeoman. Open up http://c9.io and sign in to your account. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Click the "Start Editing" button. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Never run this command on your local machine. But in your Cloud 9 terminal window, run: rm -rf * && echo "export NODE_PATH=$NODE_PATH:/home/ubuntu/.nvm/v0.10.35/lib/node_modules" (less than symbol)(less than symbol) ~/.bashrc && source ~/.bashrc && npm install -g yo grunt grunt-cli generator-angular-fullstack && yo angular-fullstack To finish the installation run the commands: bower install && npm install To start MongoDB, run the following commands in your terminal: mkdir data && echo 'mongod --bind_ip=$IP --dbpath=data --nojournal --rest "$@"' (less than symbol) mongod && chmod a+x mongod && ./mongod You will want to open up a new terminal to work from by clicking on the + icon and select New Terminal Start the application by running the following command in your new terminal window: grunt serve Wait for the following message to appear: xdg-open: no method available for opening 'http://localhost:8080' . Now you can open the internal Cloud9 browser. To launch the browser select Preview in the toolbar then select the dropdown option Preview Running Application. Turn the folder in which your application is running into a Git repository by running the following commands: git init && git add . && git commit -am 'initial commit'. Now we need to add your GitHub SSH key to c9.io. Click the "Add-on Services" button in the lower left of your C9 dashboard. Click "activate" next to the GitHub icon. A pop up will appear. Allow access to your account. While still on the dashboard, under “Account Settings”, click the link for "Show your SSH key". Copy the key to you clipboard. Sign in to http://github.com and navigate to the GitHub SSH settings page. Click the "Add SSH Key". Give your key the title "cloud 9". Paste your SSH Key into the "Key" box, then click "Add Key". Create a new GitHub repository by and clicking on the + button next to your username in the upper-right hand side of your screen, then selecting "New Repository". Enter a project name, then click the "Create Repository" button. Find the "...or push an existing repository from the command line" section and click the Copy to Clipboard button beside it. Paste the commands from your clipboard into the Cloud9 terminal prompt. This will push your changes to your repository on Cloud 9 up to GitHub. Check back on your GitHub profile to verify the changes were successfully pushed up to GitHub. Now let's push your code to Heroku. If you don't already have a Heroku account, create one at http://heroku.com. You shouldn't be charged for anything, but you will need to add your credit card information to your Heroku before you will be able to use Heroku's free MongoLab add on. Before you publish to Heroku, you should free up as much memory as possible on Cloud9. In each of the Cloud9 terminal prompt tabs where MongoDB and Grunt are running, press the control + c hotkey to shut down these processes. Run the following command in a Cloud9 terminal prompt tab: npm install grunt-contrib-imagemin --save-dev && npm install --save-dev && heroku login. At this point, the terminal will prompt you to log in to Heroku from the command line. Now run yo angular-fullstack:heroku. You can choose a name for your Heroku project, or Heroku will create a random one for you. You can choose whether you want to deploy to servers the US or the EU. Set the config flag for your Heroku environment and add MongoLab for your MongoDB instance by running the following command: cd ~/workspace/dist && heroku config:set NODE_ENV=production && heroku addons:add mongolab.

Computer Basics 13: Software

Rcntg9A3EGw | 17 Jul 2015

Computer Basics 13: Software

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson We discriminate between hardware and software, and also discuss the differences between an operating system and application software. In this video, we'll discuss the basics of software. We've already covered hardware, which are parts of the computer you can see and feel with your hands. Software is the program or the programs that run on the hardware. Software is the code that is written and imprinted onto hardware. The two types of software we're going to talk about today are operating system software and applications. There are three main operating systems: Windows, Mac, and Linux. Applications comprise all other software, like your web browser, games, things like Photoshop, how you view your mail, editing documents, etc.

Computer Basics 18: How Source Code works

QHOY7PyKDh0 | 17 Jul 2015

Computer Basics 18: How Source Code works

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson In this video we discuss what source code is, interpreters and compilers, and what open source means. Let's talk about source code: what source code is, where you'll see it, and how the computer makes sense of it. Source code itself is the actual text document that the programmer creates: they type it up, it's letters, numbers, and symbols. If you give that to somebody and have them look at that document on their computer, that's not going to help them view their email, it's not going to be a browser, it's just a text document. The computer has to have a way of interpreting that and making something really powerful run from it. There are two main ways this is done: either by an interpreter or a compiler. Every browser has an interpreter, and that's how javascript is processed. Other languages, like C++, are used with a compiler. Unlike an interpreter, the compiler does all of its work on the programmer's end. They send out their package, their product, and it's already been compiled, it can already run on a machine. Javascript, however, and other interpreter languages, you just write the javascript and the browser on the user's end has the capability to interpret it so you don't need a compiler. Everyone has an opinion to which is better (interpreter or compiler), but really each has their pros and cons, and it goes on a case by case basis. They're better at different things. Now, let's focus on what open source means. Free Code Camp is open source, meaning that all of the documentation and source code is open and accessable. You may be thinking, \so what?\ but what's awesome is that if you want to change or improve Free Code Camp, you can write that improvement and maybe get it implemented. It's a great way for websites and software to grow in a strong and fast way because of the community working together to improve it. One unwritten rule of contributing to open source projects is that you should generally submit your improvements to also be open source, and by giving that improvement back to the public, you let others use your improvement as well.

Computer Basics 7: Binary Bytes

wr7H6oUwYUU | 17 Jul 2015

Computer Basics 7: Binary Bytes

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Binary does more than express numbers - through bytes, it can symbolize all alphanumeric symbols, which can then be interpreted into more complex code. Let's talk about the most basic level that computer can understand other languages, like javascript. THe most basic thing is a bit, up or down, 1 or 0. After that ther'es a Byte, 8 bits. All numbers (255 and less), letters, and symbols can be translated into Bytes that the computer can understand. So, all of the numbers, letters, and symbols in your javascript can be translated. There are a lot of languages that computers can work with, and what I want you to get away from this video is that all data in your computer boils down to binary Bytes.

Basejump: Chart the Stock Market

CENs50cnRgM | 17 Jul 2015

Basejump: Chart the Stock Market

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://stockstream.herokuapp.com/ and deploy it to Heroku. Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps. As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am "your commit message". Note that you should replace "your commit message" with a brief summary of the changes you made to your code. You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt --force && grunt buildcontrol:heroku. Here are the specific User Stories you should implement for this Basejump: User Story: As a user, I can view a graph displaying the recent trend lines for each added stock. User Story: As a user, I can add new stocks by their symbol name. User Story: As a user, I can remove stocks. Bonus User Story: As a user, I can see changes in real-time when any other user adds or removes a stock. If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

Computer Basics 10: Data Networks

03L0c-YMIhE | 17 Jul 2015

Computer Basics 10: Data Networks

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson This video covers the basics of local area networks, wide area networks, and virtual private networks. In this video we talk about Data Networks. You've heard of networks, like a water network, road network, cell phone network, or television network. Today we'll talk about data networks, which are the networks that computers use. The three types we'll cover are the Local Area Network (LAN), the Wide Area Network (WAN), and the Virtual Private Network (VPN). A LAN is just a small group of computers that are connected together. The most important thing about a LAN is that those computers are close together. So, if you're using wifi at Starbucks or at your school, you're probably using a LAN that you can only connect to if you are physically close to it. A WAN (Wide Area Network) is two or more LANs that are connected over long distances. So, maybe a school in Colorado wants to connect to a school in Missouri. They could use a WAN. You might think that these are connected over the internet, and in the case of a VPN (Virtual Private Network, which is basically the same conceptionally as a WAN), you're right. However, a WAN usually rents a cable from an internet company to creat the connection.

Zipline: Build a Tic Tac Toe Game

Ia69O1ZNGEg | 17 Jul 2015

Zipline: Build a Tic Tac Toe Game

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/alex-dixon/full/JogOpQ/. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can play a game of Tic Tac Toe with the computer. Bonus User Story: As a user, I can never actually win against the computer - at best I can tie. Bonus User Story: As a user, my game will reset as soon as it's over so I can play again. Bonus User Story: As a user, I can choose whether I want to play as X or O. Remember to use RSAP if you get stuck.

Zipline: Build a JavaScript Calculator

Drnp29SJY8w | 17 Jul 2015

Zipline: Build a JavaScript Calculator

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/zxgaqw. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can add, subtract, multiply and divide two numbers. Bonus User Story: I can clear the input field with a clear button. Bonus User Story: I can keep chaining mathematical operations together until I hit the clear button, and the calculator will tell me the correct output. Remember to use RSAP if you get stuck.

Computer Basics 1: The 4 Basic Parts of a Computer

q7tlgZg4Q1o | 17 Jul 2015

Computer Basics 1: The 4 Basic Parts of a Computer

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson At the very least, a machine needs these four basic parts to be considered a computer. Today we're going to talk about the basics of computer hardware. Computers are made up of 4 basic parts: the input, output, CPU, and memory. The input is what you're putting into the computer. Think about mouse, keyboard, microphone, any way you're getting data into the computer. The output is what you're watching on your monitor or listening to on your speakers. These can both be any format like text, numbers, videos, images, what have you, it doesn't matter. CPU stands for central processing unit, and that's what we all think of when we think of a computer. It's what does the functions, it's what runs the software, it manipulates the data. The memory is where we store data and information. Now, the CPU has exclusive access to this memory. You can't get to the memory from the input or the output without the use of the CPU. So, just to review, we've got 4 basic parts of the computer: the input, the output, CPU, and memory.

Zipline: Build a Personal Portfolio Page

V72o34gY4Lw | 17 Jul 2015

Zipline: Build a Personal Portfolio Page

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/ThiagoFerreir4/full/eNMxEp. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can access all of the portfolio webpage's content just by scrolling. User Story: As a user, I can click different buttons that will take me to the portfolio creator's different social media pages. User Story: As a user, I can see thumbnail images of different projects the portfolio creator has built (if you don't haven't built any websites before, use placeholders.) Bonus User Story: As a user, I navigate to different sections of the webpage by clicking buttons in the navigation. Don't worry if you don't have anything to showcase on your portfolio yet - you will build several several apps on the next few CodePen challenges, and can come back and update your portfolio later. There are many great portfolio templates out there, but for this challenge, you'll need to build a portfolio page yourself. Using Bootstrap will make this much easier for you. Remember to use RSAP if you get stuck.

Computer Basics 5: How To Measure Data Size

_uWzpyr_5qk | 17 Jul 2015

Computer Basics 5: How To Measure Data Size

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson How the size/amount of data is measured, starting from a bit and going all the way up to a petabyte. Today we're going to be talking about Data Size. The smallest size we can have is called a bit. That bit can only be a 1 or a 0, and that goes back go binary we've been talking about. After that, we've got a Nibble, which is 4 bits, which isn't common but it's adorable. The Byte, which is very common, is 8 bits. A lot of things are expressed in binary Bytes. After we get past the tiny bit and the small Byte, we get bigger really fast. The next step up is a Kilobyte, 1024 Bytes, or 1,048,576 bits. After that there's Megabyte, or 1024 Bytes to the power of two. Then it's Gigabyte, 1024 Bytes to the power of three; Terabyte, 1024 Bytes to the power of 4, and Petabyte, 1024 to the power of 5. These get much bigger really quickly!

Computer Basics: Chips and how Moore's Law works

IDsEEMkG9uY | 17 Jul 2015

Computer Basics: Chips and how Moore's Law works

http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Follow us on Twitch: twitch.tv/freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson We discuss what constitutes a chip and why technology gets cheaper every year. In this video we are going to be talking about chips and something called Moore's Law. You've probably noticed over the last 10 or so years, if you're going to go buy an MP3 player, you can get a lot more storage for a lot lower price. You probably have even done the thing where you're at the store and you think, \Well, I can get one now, or I could wait 6 months and see how far the price has dropped\ which might sound ridiculous but this is actually a trend that's been happening for a long time. Let's talk about what makes a chip. A chip is full of these little things called transistors, which are switches that can either be a 1 or a 0 (noticing a theme here?). All of these transistors fit onto a chip, and that's how it stores information. What makes these chips larger/faster is the amount of transistors on a single chip. Moore's Law is the observation that the amount of transistors fit on each chip has doubled every two years since 1965. This is important because it's making technology more affordable and accessible.

Save your Code Revisions Forever with Git

oznlW01iKRA | 17 Jul 2015

Save your Code Revisions Forever with Git

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp We'll build this Waypoint on Cloud 9, a powerful online code editor with a full Ubuntu Linux workspace, all running in the cloud. If you don't already have Cloud 9 account, create one now at http://c9.io. Open up http://c9.io and sign in to your account. Click on Create New Workspace at the top right of the c9.io page, then click on the "Create a new workspace" popup that appears below it the button after you click on it. Give your workspace a name. Choose Node.js in the selection area below the name field. Click the Create button. Then click into your new workspace. In the lower right hand corner you should see a terminal window. In this window use the following commands. You don't need to know what these mean at this point. Install how-to-npm with this command: npm install -g git-it Now start the tutorial by running git-it. Note that you can resize the c9.io's windows by dragging their borders. Make sure that you are always in your project's "workspace" directory. You can always navigate back to this directory by running this command: cd ~/workspace. You can view this Node School module's source code on GitHub at https://github.com/jlord/git-it. Complete "Get Git" Complete "Repository" Complete "Commit to it" Complete "Githubbin" Complete "Remote Control" Complete "Forks and Clones" Complete "Branches aren't just for Birds" Complete "It's a Small World" Complete "Pull, Never out of Date" Complete "Requesting you Pull, Please" Complete "Merge Tada!" Once you've completed these steps, move on to our next challenge.

Zipline: Use the Twitch JSON API

6WrbY1d-IHI | 17 Jul 2015

Zipline: Use the Twitch JSON API

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/GJKRxZ. Rule #1: Don't look at the example project's code. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can see whether Free Code Camp is currently streaming on Twitch.tv. User Story: As a user, I can click the status output and be sent directly to the Free Code Camp's Twitch.tv channel. User Story: As a user, if Free Code Camp is streaming, I can see additional details about what they are streaming. Bonus User Story: As a user, I can search through the streams listed. Hint: Here's an example call to Twitch.tv's JSON API: https://api.twitch.tv/kraken/streams/freecodecamp. Hint: The relevant documentation about this API call is here: https://github.com/justintv/Twitch-API/blob/master/v3_resources/streams.md#get-streamschannel. Hint: Here's an array of the Twitch.tv usernames of people who regularly stream coding: ["freecodecamp", "storbeck", "terakilobyte", "habathcx","RobotCaleb","comster404","brunofin","thomasballinger","noobs2ninjas","beohoff"] Remember to use RSAP if you get stuck. Try using jQuery's $.getJSON() to consume APIs. When you are finished, click the "I've completed this challenge" button and include a link to your CodePen. If you pair programmed, you should also include the Free Code Camp username of your pair. If you'd like immediate feedback on your project, click this button and paste in a link to your CodePen project. Otherwise, we'll review it before you start your nonprofit projects.

Zipline: Wikipedia Viewer

wJhcPwVYA1g | 17 Jul 2015

Zipline: Wikipedia Viewer

We help you learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get a coding job by joining our open source community at http://freecodecamp.com Follow Quincy on Quora: http://www.quora.com/Quincy-Larson Follow us on Twitch: twitch.tv/freecodecamp Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Star us on GitHub: https://github.com/freecodecamp/freecodecamp Objective: Build a CodePen.io app that successfully reverse-engineers this: http://codepen.io/GeoffStorbeck/full/MwgQea. Rule #1: Don't look at the example project's code on CodePen. Figure it out for yourself. Rule #2: You may use whichever libraries or APIs you need. Rule #3: Reverse engineer the example project's functionality, and also feel free to personalize it. Here are the user stories you must enable, and optional bonus user stories: User Story: As a user, I can search Wikipedia entries in a search box and see the resulting Wikipedia entries. Bonus User Story:As a user, I can click a button to see a random Wikipedia entry. Bonus User Story:As a user, when I type in the search box, I can see a dropdown menu with autocomplete options for matching Wikipedia entries. Hint: Here's an entry on using Wikipedia's API: http://www.mediawiki.org/wiki/API:Main_page. Remember to use RSAP if you get stuck.

Basejump: Build a Voting App

JBKnbY_fdg4 | 16 Jul 2015

Basejump: Build a Voting App

http://FreeCodeCamp.com is a community of busy people who learn to code by collaborating on projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our online coding bootcamp. Objective: Build a full stack JavaScript app that successfully reverse-engineers this: http://votingapp.herokuapp.com/ and deploy it to Heroku. Note that for each Basejump, you should create a new GitHub repository and a new Heroku project. If you can't remember how to do this, revisit http://freecodecamp.com/challenges/get-set-for-basejumps. As you build your app, you should frequently commit changes to your codebase. You can do this by running git commit -am "your commit message". Note that you should replace "your commit message" with a brief summary of the changes you made to your code. You can push these new commits to GitHub by running git push origin master, and to Heroku by running grunt --force && grunt buildcontrol:heroku. Here are the specific User Stories you should implement for this Basejump: User Story: As an authenticated user, I can keep my polls and come back later to access them. User Story: As an authenticated user, I can share my polls with my friends. User Story: As an authenticated user, I can see the aggregate results of my polls. User Story: As an authenticated user, I can delete polls that I decide I don't want anymore. User Story: As an authenticated user, I can create a poll with any number of possible items. Bonus User Story: As an unauthenticated user, I can see everyone's polls, but I can't vote on anything. Bonus User Story: As an unauthenticated or authenticated user, I can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.) Bonus User Story: As an authenticated user, if I don't like the options on a poll, I can create a new option. If you need further guidance on using Yeoman Angular-Fullstack Generator, check out: https://github.com/clnhll/guidetobasejumps.

Free Code Camp's July 2015 Summit

MxVPmOxRSGA | 04 Jul 2015

Free Code Camp's July 2015 Summit

Recording of Free Code Camp's July 2015 Summit live streamed at Twitch.tv. Agenda: 1. Intros (Quincy, Michael, Briana, Berkeley) 2. Front End Dev Cert 3. New jQuery challenges 4. More Node School challenges 5. Briana demos mobile curriculm 6. Nonprofit demo: Max 7. Michael with some exciting news about #freecodecamp Free Code Camp's August Live Stream was the largest yet. http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Free Code Camp's June 2015 Summit

Z_43xApGB9Y | 06 Jun 2015

Free Code Camp's June 2015 Summit

Recording of Free Code Camp's June 2015 Summit live streamed at Twitch.tv. Agenda: 1. Intros (Nathan, Michael, Briana, Quincy, Dan Raley) 2. Introduce Dan Raley as responsible for Medium and our Field Guide 3. Update on our translation effort 4. Quincy announces our new mobile experience 5. Quincy announces our new Front End Dev cert 6. Briana demos her Nonprofit project: Columbus Songwriters Circle 7. Finishing with questions and discussion from chat http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Node School Learnyounode Walkthrough Part 2

yHL6mEr-LGY | 03 Jun 2015

Node School Learnyounode Walkthrough Part 2

Doing the first few exercises of Learnyounode -- Watch live at http://www.twitch.tv/freecodecamp

Node School Learnyounode Walkthrough Part 1

PvWHzcebjjQ | 03 Jun 2015

Node School Learnyounode Walkthrough Part 1

Working through learnyounode challenges -- Watch live at http://www.twitch.tv/freecodecamp

Free Code Camp's May 2015 Summit

dolG-yRMcPs | 02 May 2015

Free Code Camp's May 2015 Summit

Recording of Free Code Camp's May 2015 Summit live streamed at Twitch.tv. Agenda: 1. Intros (Quincy, Michael, Nathan) 2. 1,600 Hour JavaScript Curriculum 3. Field Guides 4. Nathan demo's updated Camper News 5. Michael introduces PMI partnership 6. FastCaptions by Justin and Arthur 7. Save a Child's Hear with Ryan and Chris 8. Timerasier with Jon and David http://FreeCodeCamp.com is a community of busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community. Follow us on twitter: https://twitter.com/intent/user?screen_name=freecodecamp Like us on Facebook: https://www.facebook.com/freecodecamp Follow Quincy on Quora: http://www.quora.com/Quincy-Larson

Functional Programming in ES6 with Nathan and Geoff

5iDwYK2frNQ | 29 Apr 2015

Functional Programming in ES6 with Nathan and Geoff

Watch @terakilobyte and @storbeck complete the some more Fuctional Programming challenges during the Tuesday night Live pair programming session. -- Watch live at http://www.twitch.tv/freecodecamp

Applying Functional Programming with Bonfires

7P9rv6CwUhc | 29 Apr 2015

Applying Functional Programming with Bonfires

Watch @terakilobyte and @storbeck complete the Symetrical Differences Bonfire challenges during the Tuesday night Live pair programming session. -- Watch live at http://www.twitch.tv/freecodecamp

Bonfire pair programming with Ashley and Geoff

YMz_vrK_KlQ | 22 Apr 2015

Bonfire pair programming with Ashley and Geoff

Watch @aldraco and @storbeck complete the some more Bonfire challenges during the Tuesday night Live pair programming session. -- Watch live at http://www.twitch.tv/freecodecamp

Zipline Challenge: Building a Calculator

pQD_q0n1KHs | 15 Apr 2015

Zipline Challenge: Building a Calculator

Watch @aldraco and @storbeck build a calculator for an upcoming FreeCodeCamp.com Zipline Challenge using HTML/CSS/JS/jQuery.

Nodeschool.io : "LEARNYOUNODE" challenge 1-7

e5m61FhYbco | 14 Apr 2015

Nodeschool.io : "LEARNYOUNODE" challenge 1-7

Watch @aldraco and @storbeck complete the first 7 "LEARNYOUNODE" challenges from Nodeschool.io during the Tuesday night Live pair programming session. Learn the skills you need to become a Javascript web developer at FreeCodeCamp.com for FREE!

Cloning Snapchat in Node.js - Yeoman Angular Generator - Pt 1

0udjA385Hr0 | 07 Apr 2015

Cloning Snapchat in Node.js - Yeoman Angular Generator - Pt 1

Geoff Storbeck (@GeoffStorbeck) and Nathan Leniz(@terakilobyte) are here working on a brand new BaseJump from the very beginning. The idea is to be a Snapchat clone but run from the browser. The framework we used was a Yeoman generator Angular-fullstack including Bootstrap, Socket.io, Angular, MongoDB, and passport. Preprocessors used were Jade and Stylus. -- Watch live at http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 4 - 2 / 3

ffjgT3G2xcY | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 4 - 2 / 3

-- Watch live at http://www.twitch.tv/freecodecamp

Pair Programming Show on Bonfires with Ashley and Geoff

8o-jA8VCRLw | 07 Apr 2015

Pair Programming Show on Bonfires with Ashley and Geoff

Join Ashley Drake (@aldraco) and Geoff Storbeck (@storbeck) on tackling some FreeCodeCamp.com Bonfire JavaScript challenges. Come see this show every Tuesday at 9pm EST for more Live Pair Programming excitement! http://www.twitch.tv/freecodecamp

Cloning Snapchat in Node.js - Yeoman Angular Generator - Pt 2

_E5pFJ8FEKk | 07 Apr 2015

Cloning Snapchat in Node.js - Yeoman Angular Generator - Pt 2

Geoff Storbeck (@GeoffStorbeck) and Nathan Leniz(@terakilobyte) are here working on a brand new BaseJump from the very beginning. The idea is to be a Snapchat clone but run from the browser. The framework we used was a Yeoman generator Angular-fullstack including Bootstrap, Socket.io, Angular, MongoDB, and passport. Preprocessors used were Jade and Stylus. -- Watch live at http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 3

XrS9JK5lDaY | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 3

-- Watch live at http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 4 - 3 / 3

Ulhqt46uKV4 | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 4 - 3 / 3

-- Watch live at http://www.twitch.tv/freecodecamp

Pair Programming Show on Bonfires with Cristian and Edward

6okiEBZ2y-Y | 07 Apr 2015

Pair Programming Show on Bonfires with Cristian and Edward

Join Cristián Berríos (@crisberrios) and Edward (@mrrenter) on tackling some FreeCodeCamp.com Bonfire JavaScript challenges. Come see this show every Tuesday at 9pm EST for more Live Pair Programming excitement! http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 2

bdo77BF8gMI | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 2

-- Watch live at http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 1

9NorkL7SXjs | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 1

-- Watch live at http://www.twitch.tv/freecodecamp

Building Waypoints with Branden Byers - Pt 4 - 1 / 3

6xnChDWOXIM | 07 Apr 2015

Building Waypoints with Branden Byers - Pt 4 - 1 / 3

-- Watch live at http://www.twitch.tv/freecodecamp

THANK YOU FREE CODE CAMP!

KOs0m_AhkXA | 01 Apr 2015

THANK YOU FREE CODE CAMP!

The amazing people at Kopernik sent us this video after we finished their project. We are so touched and humbled! To learn more about their amazing work, visit http://Kopernik.info. If your nonprofit organization needs pro bono web development, please visit http://www.freecodecamp.com/nonprofits

Our Camp-wide Meeting - March 29, 2015

vLcuOanKVMw | 28 Mar 2015

Our Camp-wide Meeting - March 29, 2015

@terakilobyte and @ossia walk through the upcoming Zipline and Basejump challenges, as well as demo new functionality. @CodeNonprofit talks about our nonprofit projects and has @cbcodes demo a project he and his pair built for Kopernik Wonder Women's Initiative in Indonesia. -- Watch live at http://www.twitch.tv/freecodecamp

Zersiax and Branden Talk Accessibility

bbFVxaza8Ik | 03 Feb 2015

Zersiax and Branden Talk Accessibility

Blind Code Camper @Zersiax talks about what it is like to code with a screen reader. We also start a new Hugo static site project. http://FreeCodeCamp.com is a community of busy people who learn to code by collaborating on projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our online coding bootcamp.

Blind Code Camper @zersiax shares what it's like for him to code.

CgzuTRgGTqo | 03 Feb 2015

Blind Code Camper @zersiax shares what it's like for him to code.

How software development looks to someone who is blind. -- Watch live at http://www.twitch.tv/freecodecamp

Pair Programming 27 Jan 2015

V_wjJidpBQk | 28 Jan 2015

Pair Programming 27 Jan 2015

@terakilobyte and @brianamarie doing some pair programming, helping Briana learn to program! -- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - Jan 16 - 1 / 2

lPCXtcANA04 | 22 Jan 2015

Live Code - Pair Programming - Jan 16 - 1 / 2

Pair Programing on January 16th, 2015 on various CoderByte and CodeWars challenges with @terakilobyte -- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Array Addition

EK3r9CTkUTo | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Array Addition

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Arith Geo II

BHNRg39ZblE | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Arith Geo II

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Letter Count

Fn9HMn79KH0 | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Letter Count

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Copy of Live Code - Pair Programming - Jan 16 - 1 / 2

hVWYdgatDuE | 22 Jan 2015

Copy of Live Code - Pair Programming - Jan 16 - 1 / 2

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Binary Converter

4afUf-pDNf0 | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Binary Converter

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Caesar Cipher

S7iRBZJwOAs | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Caesar Cipher

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Simple Mode

_BErpDdmBOw | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Simple Mode

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp

Live Code - Pair Programming - CoderByte Challenge: Letter Changes

YDfkHlDmehA | 22 Jan 2015

Live Code - Pair Programming - CoderByte Challenge: Letter Changes

Pair Programing on January 16th, 2015 on CoderByte challenges with @terakilobyte and @Rybar-- Watch live at http://www.twitch.tv/freecodecamp