[#Video #Design] Create Custom Gobos in C4D! | Quick Tip

Create Custom Gobos in C4D! | Quick Tip

By School of Motion
Published: Apr 01, 2026


School of Motion Join my full React course here https://learnwebcode.com/react/

CodePen DOM Approach: https://codepen.io/learnwebcode/pen/qBEKBwx?editors=1010
CodePen Data / Declarative Approach: https://codepen.io/learnwebcode/pen/XWJYWwg?editors=1010
CodePen Our First React Project https://codepen.io/learnwebcode/pen/BaybWKL?editors=1010
CodePen JSX https://codepen.io/learnwebcode/pen/LYEaLEe?editors=1010
CodePen Components Using Other Components https://codepen.io/learnwebcode/pen/ZEYZyQb?editors=1010
CodePen Props https://codepen.io/learnwebcode/pen/ExazaOd?editors=1010
CodePen Pets Data https://codepen.io/learnwebcode/pen/oNgRjpo?editors=0010
CodePen Loop Through Array https://codepen.io/learnwebcode/pen/gObJwwV?editors=1010
CodePen State https://codepen.io/learnwebcode/pen/oNgRQGw?editors=1010
CodePen Event Handling https://codepen.io/learnwebcode/pen/BaygGmV?editors=1010
CodePen Form Starter https://codepen.io/learnwebcode/pen/oNgrmQg?editors=0010
CodePen Forms https://codepen.io/learnwebcode/pen/dyPxzqj?editors=1010
CodePen useEffect https://codepen.io/learnwebcode/pen/Exaqbvx?editors=1010

0:00 Intro
1:57 What Problem Does React Solve?
17:11 Our First React Project
36:20 JSX
46:36 Components Using Other Components
52:58 Props
1:00:41 Loop Through Array in JSX
1:12:21 State
1:24:02 Event Handling
1:35:40 Forms
1:53:20 useEffect

Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
My Site: https://learnwebcode.com/
Twitch: https://www.twitch.tv/learnwebcode

Sick of searching for the perfect gobo image online? Learn how to build your own, custom gobos in Cinema 4D with this latest quick tip from EJ!

Want to master Cinema 4D? Check out our C4D courses! ?? https://som.bz/42T0T3x

[#Video #Design] NLE in After Effects?! | Motion Mondays

NLE in After Effects?! | Motion Mondays

By School of Motion
Published: Mar 31, 2026


School of Motion Join my full React course here https://learnwebcode.com/react/

CodePen DOM Approach: https://codepen.io/learnwebcode/pen/qBEKBwx?editors=1010
CodePen Data / Declarative Approach: https://codepen.io/learnwebcode/pen/XWJYWwg?editors=1010
CodePen Our First React Project https://codepen.io/learnwebcode/pen/BaybWKL?editors=1010
CodePen JSX https://codepen.io/learnwebcode/pen/LYEaLEe?editors=1010
CodePen Components Using Other Components https://codepen.io/learnwebcode/pen/ZEYZyQb?editors=1010
CodePen Props https://codepen.io/learnwebcode/pen/ExazaOd?editors=1010
CodePen Pets Data https://codepen.io/learnwebcode/pen/oNgRjpo?editors=0010
CodePen Loop Through Array https://codepen.io/learnwebcode/pen/gObJwwV?editors=1010
CodePen State https://codepen.io/learnwebcode/pen/oNgRQGw?editors=1010
CodePen Event Handling https://codepen.io/learnwebcode/pen/BaygGmV?editors=1010
CodePen Form Starter https://codepen.io/learnwebcode/pen/oNgrmQg?editors=0010
CodePen Forms https://codepen.io/learnwebcode/pen/dyPxzqj?editors=1010
CodePen useEffect https://codepen.io/learnwebcode/pen/Exaqbvx?editors=1010

0:00 Intro
1:57 What Problem Does React Solve?
17:11 Our First React Project
36:20 JSX
46:36 Components Using Other Components
52:58 Props
1:00:41 Loop Through Array in JSX
1:12:21 State
1:24:02 Event Handling
1:35:40 Forms
1:53:20 useEffect

Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
My Site: https://learnwebcode.com/
Twitch: https://www.twitch.tv/learnwebcode

Our friend Jake Bartlett just launched Railcut, a plugin that brings a track-based, NLE-style timeline into After Effects! ?

Find out more on Motion Mondays ?? https://som.bz/4s1HxmM

[#Script #Coding] A great novel can be written in any language – just like great programs.

A great novel can be written in any language – just like great programs.

By freeCodeCamp.org
Published: Mar 25, 2026


freeCodeCamp.org Learn the basics of artificial intelligence. This course is for absolute beginners.

This course was created by learnaianywhere.org and released to support the goals of National AI Literacy Day.

You can learn more at https://learnaianywhere.org and download the resources used.

For more on AI Literacy Day, check out ailiteracyday.org or their YouTube playlist:
https://www.youtube.com/watch?v=vihMGH6aqTY&list=PLGhqQNp1xV3McvqOTfJmX2mAuuZqOKMEs

?? Contents ??
– 00:00 Welcome To The Course
– 01:46 Prerequisite
– 02:51 Symbol Key

– 03:19 Lesson 1: What is AI – Objectives
– 03:35 Lesson 1: What is AI – What Is AI
AI or Not: https://learnaianywhere.org/courses/ai-literacy-for-everyone/ai-or-not
– 05:39 Lesson 1: What is AI – How AI Can Help Us
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-1
– 07:14 Lesson 1: What is AI – Project Time

– 09:06 Lesson 2: The Key Parts of Machine Learning – Objectives
– 09:27 Lesson 2: The Key Parts of Machine Learning – What is Machine Learning
– 12:01 Lesson 2: The Key Parts of Machine Learning – Neuropocket Tutorial
– 14:39 Lesson 2: The Key Parts of Machine Learning – AI Tools Can Make Mistake
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-2
– 16:27 Lesson 2: The Key Parts of Machine Learning – Project Time

– 17:20 Lesson 3: How Do Machines Train – Objectives
– 18:06 Lesson 3: How Do Machines Train – The Describer Drawer Game
– 19:51 Lesson 3: How Do Machines Train – The Describer Drawer Game Demonstration
– 23:07 Lesson 3: How Do Machines Train – What Is An Algorithm
– 25:37 Lesson 3: How Do Machines Train – The Human Learning Algorithm
– 30:25 Lesson 3: How Do Machines Train – The Machine Learning Algorithm
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-3
– 38:05 Lesson 3: How Do Machines Train – Project Time

– 39:07 Lesson 4: Can Machines Be Responsible – Objectives
– 39:34 Lesson 4: Can Machines Be Responsible – Bearly A Dog Challenge
– 40:14 Lesson 4: Can Machines Be Responsible – What is Bias
– 44:06 Lesson 4: Can Machines Be Responsible – Who is Responsible
– 46:50 Lesson 4: Can Machines Be Responsible – Data Privacy
– 50:46 Lesson 4: Can Machines Be Responsible – Responsible AI
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-4
– 51:20 Lesson 4: Can Machines Be Responsible – Project Time

A great novel can be written in any language – just like great programs. Zubin talks about this with Quincy on the freeCodeCamp podcast.

[#Script #Coding] AI Foundations for Absolute Beginners

AI Foundations for Absolute Beginners

By freeCodeCamp.org
Published: Mar 26, 2026


freeCodeCamp.org Learn the basics of artificial intelligence. This course is for absolute beginners.

This course was created by learnaianywhere.org and released to support the goals of National AI Literacy Day.

You can learn more at https://learnaianywhere.org and download the resources used.

For more on AI Literacy Day, check out ailiteracyday.org or their YouTube playlist:
https://www.youtube.com/watch?v=vihMGH6aqTY&list=PLGhqQNp1xV3McvqOTfJmX2mAuuZqOKMEs

?? Contents ??
– 00:00 Welcome To The Course
– 01:46 Prerequisite
– 02:51 Symbol Key

– 03:19 Lesson 1: What is AI – Objectives
– 03:35 Lesson 1: What is AI – What Is AI
AI or Not: https://learnaianywhere.org/courses/ai-literacy-for-everyone/ai-or-not
– 05:39 Lesson 1: What is AI – How AI Can Help Us
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-1
– 07:14 Lesson 1: What is AI – Project Time

– 09:06 Lesson 2: The Key Parts of Machine Learning – Objectives
– 09:27 Lesson 2: The Key Parts of Machine Learning – What is Machine Learning
– 12:01 Lesson 2: The Key Parts of Machine Learning – Neuropocket Tutorial
– 14:39 Lesson 2: The Key Parts of Machine Learning – AI Tools Can Make Mistake
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-2
– 16:27 Lesson 2: The Key Parts of Machine Learning – Project Time

– 17:20 Lesson 3: How Do Machines Train – Objectives
– 18:06 Lesson 3: How Do Machines Train – The Describer Drawer Game
– 19:51 Lesson 3: How Do Machines Train – The Describer Drawer Game Demonstration
– 23:07 Lesson 3: How Do Machines Train – What Is An Algorithm
– 25:37 Lesson 3: How Do Machines Train – The Human Learning Algorithm
– 30:25 Lesson 3: How Do Machines Train – The Machine Learning Algorithm
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-3
– 38:05 Lesson 3: How Do Machines Train – Project Time

– 39:07 Lesson 4: Can Machines Be Responsible – Objectives
– 39:34 Lesson 4: Can Machines Be Responsible – Bearly A Dog Challenge
– 40:14 Lesson 4: Can Machines Be Responsible – What is Bias
– 44:06 Lesson 4: Can Machines Be Responsible – Who is Responsible
– 46:50 Lesson 4: Can Machines Be Responsible – Data Privacy
– 50:46 Lesson 4: Can Machines Be Responsible – Responsible AI
Recap Quiz: https://learnaianywhere.org/courses/ai-literacy-for-everyone/recap-quiz-4
– 51:20 Lesson 4: Can Machines Be Responsible – Project Time

[#Script #Coding] Learn how to set a scene in Three.js

Learn how to set a scene in Three.js

By freeCodeCamp.org
Published: Mar 22, 2026


freeCodeCamp.org Learn how to use Claude Code to build real-world agentic coding workflows.

Course developed by @ExamProChannel

Additional recoruces: https://www.exampro.co/exp-claudecode-01

?? Contents ??
Introduction
00:00:00 Intro & Meet your Instructor
00:01:06 Claude Code Essentials & Guest Instructor

Core Concepts and Foundations
00:07:29 Agentic Coding Tools & Comparisons
00:14:01 What is a Code Harness & Claude Code?
00:16:59 The Agentic Loop: Tool Calls & Models
00:24:23 Claude Modes & Additional Resources
00:26:43 Subscription, Usage & Auth Errors
00:31:34 System Requirements & Doctor CLI
00:38:24 Install CLI: PowerShell, CMD, Linux & VSC
01:10:45 Interactive Mode & Ctrl+C
01:14:05 Auth Tokens, Stats & Usage Limits
01:31:04 Sessions: Resume, Fork & Context Commands
01:46:18 Compact, Clear, Rename & Rewind
01:56:07 Status, Logout & Usage Commands
02:04:18 ccusage & API Key Setup
02:26:39 Cost Command & Third-Party Providers
02:39:09 API Keys: Bedrock, Foundry & Vertex AI
03:01:44 btw, Voice & Export Commands
03:07:09 Claude Code Projects & Scope
03:13:05 Status Line & Session Data
03:23:14 Settings & Permission Rules (Bash, MCP, WebFetch)
04:04:16 Permission Modes & CLI/GUI Editing
04:16:43 Sandboxing & Dangerous Scenarios
04:55:13 VIM Mode & Model Configuration
05:00:10 Fast Mode & Image Reasoning
05:10:18 Effort Command & Headless Tasks
05:27:46 Escaping Logic & Debug Mode
05:34:21 Dev Containers with Claude Code
05:54:24 Common Workflow Follow Along
06:17:31 Notification Hooks & Security Hooks

Surfaces
07:16:55 Claude Code Surfaces: Desktop & Web
07:35:28 Claude Chrome & Browser Extensions
07:45:25 VS Code & JetBrains IDE Integration
07:59:11 GitHub Actions & Remote Control
08:40:48 Computing Follow Along

Advanced
08:42:36 Security Review & Output Styles
08:58:05 Simplify Command & Scheduling
09:07:42 Code Review & Agent SDK
09:15:12 Persistent Context: Claude.md & Rules
09:47:03 Claude Auto Memory & Troubleshooting
09:56:27 Agent Skills: Activation, Scripts & Dynamic Content
10:27:06 MCP with Claude Code & GG
10:47:09 MCP Doom & Playwright Integration
11:32:50 Sub-agents & Multi-Agent Teams

Learn how to set a scene in Three.js

[#Script #Coding] Learning a new skill in your native language can be so powerful – and Sumit explains why

Learning a new skill in your native language can be so powerful – and Sumit explains why

By freeCodeCamp.org
Published: Mar 21, 2026


freeCodeCamp.org Learn how to use Claude Code to build real-world agentic coding workflows.

Course developed by @ExamProChannel

Additional recoruces: https://www.exampro.co/exp-claudecode-01

?? Contents ??
Introduction
00:00:00 Intro & Meet your Instructor
00:01:06 Claude Code Essentials & Guest Instructor

Core Concepts and Foundations
00:07:29 Agentic Coding Tools & Comparisons
00:14:01 What is a Code Harness & Claude Code?
00:16:59 The Agentic Loop: Tool Calls & Models
00:24:23 Claude Modes & Additional Resources
00:26:43 Subscription, Usage & Auth Errors
00:31:34 System Requirements & Doctor CLI
00:38:24 Install CLI: PowerShell, CMD, Linux & VSC
01:10:45 Interactive Mode & Ctrl+C
01:14:05 Auth Tokens, Stats & Usage Limits
01:31:04 Sessions: Resume, Fork & Context Commands
01:46:18 Compact, Clear, Rename & Rewind
01:56:07 Status, Logout & Usage Commands
02:04:18 ccusage & API Key Setup
02:26:39 Cost Command & Third-Party Providers
02:39:09 API Keys: Bedrock, Foundry & Vertex AI
03:01:44 btw, Voice & Export Commands
03:07:09 Claude Code Projects & Scope
03:13:05 Status Line & Session Data
03:23:14 Settings & Permission Rules (Bash, MCP, WebFetch)
04:04:16 Permission Modes & CLI/GUI Editing
04:16:43 Sandboxing & Dangerous Scenarios
04:55:13 VIM Mode & Model Configuration
05:00:10 Fast Mode & Image Reasoning
05:10:18 Effort Command & Headless Tasks
05:27:46 Escaping Logic & Debug Mode
05:34:21 Dev Containers with Claude Code
05:54:24 Common Workflow Follow Along
06:17:31 Notification Hooks & Security Hooks

Surfaces
07:16:55 Claude Code Surfaces: Desktop & Web
07:35:28 Claude Chrome & Browser Extensions
07:45:25 VS Code & JetBrains IDE Integration
07:59:11 GitHub Actions & Remote Control
08:40:48 Computing Follow Along

Advanced
08:42:36 Security Review & Output Styles
08:58:05 Simplify Command & Scheduling
09:07:42 Code Review & Agent SDK
09:15:12 Persistent Context: Claude.md & Rules
09:47:03 Claude Auto Memory & Troubleshooting
09:56:27 Agent Skills: Activation, Scripts & Dynamic Content
10:27:06 MCP with Claude Code & GG
10:47:09 MCP Doom & Playwright Integration
11:32:50 Sub-agents & Multi-Agent Teams

Learn how to set a scene in Three.js

Learning a new skill in your native language can be so powerful – and Sumit explains why.

[#Script #Coding] Claude Code Essentials

Claude Code Essentials

By freeCodeCamp.org
Published: Mar 23, 2026


freeCodeCamp.org Learn how to use Claude Code to build real-world agentic coding workflows.

Course developed by @ExamProChannel

Additional recoruces: https://www.exampro.co/exp-claudecode-01

?? Contents ??
Introduction
00:00:00 Intro & Meet your Instructor
00:01:06 Claude Code Essentials & Guest Instructor

Core Concepts and Foundations
00:07:29 Agentic Coding Tools & Comparisons
00:14:01 What is a Code Harness & Claude Code?
00:16:59 The Agentic Loop: Tool Calls & Models
00:24:23 Claude Modes & Additional Resources
00:26:43 Subscription, Usage & Auth Errors
00:31:34 System Requirements & Doctor CLI
00:38:24 Install CLI: PowerShell, CMD, Linux & VSC
01:10:45 Interactive Mode & Ctrl+C
01:14:05 Auth Tokens, Stats & Usage Limits
01:31:04 Sessions: Resume, Fork & Context Commands
01:46:18 Compact, Clear, Rename & Rewind
01:56:07 Status, Logout & Usage Commands
02:04:18 ccusage & API Key Setup
02:26:39 Cost Command & Third-Party Providers
02:39:09 API Keys: Bedrock, Foundry & Vertex AI
03:01:44 btw, Voice & Export Commands
03:07:09 Claude Code Projects & Scope
03:13:05 Status Line & Session Data
03:23:14 Settings & Permission Rules (Bash, MCP, WebFetch)
04:04:16 Permission Modes & CLI/GUI Editing
04:16:43 Sandboxing & Dangerous Scenarios
04:55:13 VIM Mode & Model Configuration
05:00:10 Fast Mode & Image Reasoning
05:10:18 Effort Command & Headless Tasks
05:27:46 Escaping Logic & Debug Mode
05:34:21 Dev Containers with Claude Code
05:54:24 Common Workflow Follow Along
06:17:31 Notification Hooks & Security Hooks

Surfaces
07:16:55 Claude Code Surfaces: Desktop & Web
07:35:28 Claude Chrome & Browser Extensions
07:45:25 VS Code & JetBrains IDE Integration
07:59:11 GitHub Actions & Remote Control
08:40:48 Computing Follow Along

Advanced
08:42:36 Security Review & Output Styles
08:58:05 Simplify Command & Scheduling
09:07:42 Code Review & Agent SDK
09:15:12 Persistent Context: Claude.md & Rules
09:47:03 Claude Auto Memory & Troubleshooting
09:56:27 Agent Skills: Activation, Scripts & Dynamic Content
10:27:06 MCP with Claude Code & GG
10:47:09 MCP Doom & Playwright Integration
11:32:50 Sub-agents & Multi-Agent Teams

[#Script #Coding] Software Testing Course – Playwright, E2E, and AI Agents

Software Testing Course – Playwright, E2E, and AI Agents

By freeCodeCamp.org
Published: Mar 19, 2026


freeCodeCamp.org Learn the essentials of software testing, from fundamental concepts like the testing pyramid to hands-on automation using Playwright. You will explore real-world case studies of software failures and learn advanced techniques such as mocking, edge case testing, and accessibility. Finally, discover how AI-powered tools like Kane AI are enabling natural language test generation and auto-healing capabilities.

?? Course created by @beau

Code: https://github.com/beaucarnes/software-testing-course

? Sign up for KaneAI here: https://www.testmuai.com/kane-ai/?utm_source=youtube&utm_medium=freecodecamp_ifm&utm_campaign=kane_ai&utm_content=dv&via=vibetest

?? TestMu provided a grant to make this course possible.

?? Video Chapters ??
– 0:00:00 Course Introduction and Overview
– 0:01:18 Why Software Testing Matters
– 0:01:43 Case Studies: Knight Capital & Therac-25
– 0:02:43 The Boeing 737 Max & The Cost of Everyday Bugs
– 0:03:33 Testing as “Insurance” for Your Code
– 0:04:32 The Testing Pyramid: Unit, Integration, & E2E
– 0:11:19 Test-Driven Development (TDD) Explained
– 0:12:15 Hands-on: Setting Up the TechMart Sample App
– 0:14:12 Playwright Framework Installation & Setup
– 0:16:48 Understanding Playwright Test Structure & Assertions
– 0:19:13 Writing a Search Functionality Test from Scratch
– 0:22:02 Strategic Locators: Finding Elements Effectively
– 0:23:05 Testing Complex Shopping Cart Logic
– 0:24:53 Login Forms, Validations, & Error Handling
– 0:27:09 Full End-to-End Checkout Flow Walkthrough
– 0:30:00 Direct API Testing with Playwright
– 0:31:59 Debugging Tests in Headed and UI Interactive Modes
– 0:34:15 Testing Edge Cases and Security (XSS) Vulnerabilities
– 0:37:29 Mocking API Responses and Simulating Slow Networks
– 0:41:26 Accessibility Testing for Screen Readers & Keyboards
– 0:45:40 Challenges: Learning Curves and Maintenance Burdens
– 0:47:18 Introduction to AI-Powered Software Testing
– 0:50:11 Hands-on with KaneAI: Authoring Tests in Plain English
– 0:56:18 Natural Language Code Generation & Auto-Healing Tests
– 0:57:48 Executing API Tests Using AI Agents
– 0:59:57 Professional Best Practices: CI/CD & Page Objects
– 1:02:06 Final Takeaways: When to Use Manual vs. AI Tools

? Thanks to our Champion and Sponsor supporters:
? @omerhattapoglu1158
? @goddardtan
? @akihayashi6629
? @kikilogsin
? @anthonycampbell2148
? @tobymiller7790
? @rajibdassharma497
? @CloudVirtualizationEnthusiast
? @adilsoncarlosvianacarlos
? @martinmacchia1564
? @ulisesmoralez4160
? @_Oscar_
? @jedi-or-sith2728
? @justinhual1290

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

[#Script #Coding] 19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

By freeCodeCamp.org
Published: Mar 18, 2026


freeCodeCamp.org Improve your web development skills by building 19 different projects. In this course, you will use HTML, CSS, and JavaScript to make all sorts of web sites.

Course created by @codesistency

Full Course On Udemy: https://dub.sh/udemy-launch
Source Code: https://github.com/burakorkmez/html-css-js-projects
Diagrams: https://app.eraser.io/workspace/8yoDl1tVoPcljUboujq2
Github Gist: https://gist.github.com/burakorkmez/eca0903f564dbe545a742ce1056f6936

?? Contents ??
00:00:00 Course Introduction & Welcome
00:03:09 Setting up the Workspace (VS Code & Extensions)

00:09:57 Project 1: Interactive Quiz Game
01:08:24 Project 2: Random Color Palette Generator
01:48:49 Project 3: Kanban Board (HTML Drag & Drop API)
02:12:20 Project 4: Expense Tracker with Local Storage
03:07:36 Project 5: Bookmark Saver Application
03:30:36 Project 6: Registration Form Validator
04:02:32 Project 7: Password Generator with Strength Meter
05:00:39 Project 8: Functional To-Do App with Filtering
05:59:17 Project 9: Professional Contact Form (HTML/CSS)
06:24:35 Project 10: Modern Modern Pricing Cards
07:05:14 Project 11: Team Members Showcase Section
07:37:56 Project 12: Recipe Finder (MealDB API Integration)
08:29:19 Project 13: Real-Time Currency Converter
08:56:40 Project 14: GitHub User Finder (GitHub API)
09:45:39 Project 15: Custom 404 “Page Not Found” Design
09:52:11 Project 16: Newsletter Signup UI
10:05:31 Project 17: “Coming Soon” Page with Countdown Timer
11:01:21 Project 18: Contact Page UI with Form Validations
11:50:09 Project 19: Scroll Progress Indicator

[#Script #Coding] Learn the basics of LLMs in 60 seconds with Beau Carnes

Learn the basics of LLMs in 60 seconds with Beau Carnes

By freeCodeCamp.org
Published: Mar 18, 2026


freeCodeCamp.org Improve your web development skills by building 19 different projects. In this course, you will use HTML, CSS, and JavaScript to make all sorts of web sites.

Course created by @codesistency

Full Course On Udemy: https://dub.sh/udemy-launch
Source Code: https://github.com/burakorkmez/html-css-js-projects
Diagrams: https://app.eraser.io/workspace/8yoDl1tVoPcljUboujq2
Github Gist: https://gist.github.com/burakorkmez/eca0903f564dbe545a742ce1056f6936

?? Contents ??
00:00:00 Course Introduction & Welcome
00:03:09 Setting up the Workspace (VS Code & Extensions)

00:09:57 Project 1: Interactive Quiz Game
01:08:24 Project 2: Random Color Palette Generator
01:48:49 Project 3: Kanban Board (HTML Drag & Drop API)
02:12:20 Project 4: Expense Tracker with Local Storage
03:07:36 Project 5: Bookmark Saver Application
03:30:36 Project 6: Registration Form Validator
04:02:32 Project 7: Password Generator with Strength Meter
05:00:39 Project 8: Functional To-Do App with Filtering
05:59:17 Project 9: Professional Contact Form (HTML/CSS)
06:24:35 Project 10: Modern Modern Pricing Cards
07:05:14 Project 11: Team Members Showcase Section
07:37:56 Project 12: Recipe Finder (MealDB API Integration)
08:29:19 Project 13: Real-Time Currency Converter
08:56:40 Project 14: GitHub User Finder (GitHub API)
09:45:39 Project 15: Custom 404 “Page Not Found” Design
09:52:11 Project 16: Newsletter Signup UI
10:05:31 Project 17: “Coming Soon” Page with Countdown Timer
11:01:21 Project 18: Contact Page UI with Form Validations
11:50:09 Project 19: Scroll Progress Indicator

Learn the basics of LLMs in 60 seconds with Beau Carnes

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.


Connect