Net Ninja
Black-belt your web development skills. Over 2000 free programming tutorial videos about: - Modern JavaScript (beginner to advanced) - Node.js - React - Vue.js - Firebase - MongoDB - HTML & CSS - PHP & MySQL - Laravel - React Native - Flutter - Open AI - SolidJS ...And many more topics as well :)
Copilot CLI Tutorial #3 - Code Changes
The video demonstrates using Copilot in a web project to add a small tagline, then ups the complexity to building a React island component for word counting with autopilot mode, including how to grant permissions, run builds, and use shell mode for commands.
Copilot CLI Tutorial #1 - Intro & Setup
The video introduces the Copilot CLI, how it acts as an orchestrator for multiple AI models in the terminal, and walks through setting up a free account, installing the tool, starting a session, and using it with a starter Astro project before previewing in the browser and linking to the GitHub starter repo.
Copilot CLI Tutorial #2 - Commands
The video explains slash commands in Copilot style interfaces, how to view and use them, and why different models and settings matter for coding tasks. It also highlights practical commands, model options, and tips for choosing the right model and reasoning level.
Astro Crash Course #13 - Deploying to Netlify
This video shows how to deploy an Astro site to Netlify by first pushing the project to GitHub, then linking that repo to Netlify to automate build and deployment. It finishes with a wrap up and a teaser for a potential extended Astro Masterclass.
Astro Crash Course #12 - Client Islands (React)
The video explains how Astro uses island architecture to add interactive components only where needed, using a React client island to hydrate a like button on a static page. It covers installing the React integration, building a small Likes component, and controlling when its JavaScript loads with hydration options like visible loading for performance.
Astro Crash Course #11 - Server Side Rendering
The video explains how to move from a fully static Astro site to rendering certain pages on demand using a server adapter, so pages can be generated on each request when data changes frequently. It walks through selecting an adapter, enabling on demand rendering, and fetching dynamic data server-side.
Astro Crash Course #10 - Dynamic Routes
The video shows how to create dynamic book detail pages in Astro by adding a details component, setting up a dynamic route with an ID, generating static paths for every book, and rendering the book content including markdown with a content component. It ends with testing the pages to ensure they render correctly for all books.
Astro Crash Course #9 - Content Collections (with Markdown)
The video explains migrating a data source from a JSON file to individual markdown files for each book review, updating the collection loader to use glob, and deriving IDs from filenames to enable dynamic linking. It covers folder structure, front matter, and how to adapt the code with minimal changes.
Astro Crash Course #8 - Content Collections (with JSON)
The video explains how to set up and use Astro content collections with local JSON data to load and render book data at build time, including defining loaders and schemas and updating components to handle collection entries.
Astro Crash Course #7 - Reusable Components
The video shows converting a book list from inlined templates to a reusable book card component in Astro, including prop passing, styling relocation, and introducing a TypeScript prop interface for safer usage.
Astro Crash Course #5 - Templating
The video explains how Astro front matter works, how to use it to inject data into components, and how to conditionally render content based on a user object, including mimicking server-side behavior during development.
Astro Crash Course #4 - Styles
The video covers how to add and manage styles in an Astro app, focusing on style tags inside components, how Astro scopes those styles, and how to use global styles and a mix of scoped and global approaches across layout and pages. It also demonstrates building page content with wrappers, importing a font, and applying final styling results.
Get daily AI recaps from
Net Ninja in your inbox
Get AI-powered summaries delivered to your inbox. Save hours every week while staying fully informed.