Make a Blog Post Filter #1 - Intro & HTML Setup

Net Ninja ยท Intermediate ยท4y ago
๐Ÿฑโ€๐Ÿ‘ค Check out Chris Pennington's channel (Coding in Public) on YouTube: https://www.youtube.com/c/codinginpublic ๐Ÿฑโ€๐Ÿ’ป Live demo of the finished blog filter: https://codinginpublic.dev/projects/blog-post-filter/ ๐Ÿฑโ€๐Ÿ’ป Access the course files on GitHub: https://github.com/coding-in-public/blog-post-filter ๐Ÿฑโ€๐Ÿ’ป Faker (JSON): https://www.npmjs.com/package/faker ๐Ÿฑโ€๐Ÿ’ป Coder Ipsum: https://www.npmjs.com/package/coder-ipsum -------------- Net Ninja Links: ๐Ÿฑโ€๐Ÿ’ป My Social Links: Facebook - https://www.facebook.com/thenetninjauk Twitter - https://twitter.com/thenetninjauk Instagram - https:/โ€ฆ
Watch on YouTube โ†— (saves to browser)

Playlist

Uploads from Net Ninja ยท Net Ninja ยท 39 of 60

โ† Previous Next โ†’
1 Adobe Xd Basics Tutorial #11 - Plugins
Adobe Xd Basics Tutorial #11 - Plugins
Net Ninja
 2 Adobe Xd Basics Tutorial #12 - Repeat Grid
Adobe Xd Basics Tutorial #12 - Repeat Grid
Net Ninja
 3 Adobe Xd Basics Tutorial #13 - Masks
Adobe Xd Basics Tutorial #13 - Masks
Net Ninja
 4 Adobe Xd Basics Tutorial #14 - Components
Adobe Xd Basics Tutorial #14 - Components
Net Ninja
 5 Adobe Xd Basics Tutorial #15 - 3D in Adobe Xd
Adobe Xd Basics Tutorial #15 - 3D in Adobe Xd
Net Ninja
 6 Adobe Xd Basics Tutorial #16 - Shortcuts
Adobe Xd Basics Tutorial #16 - Shortcuts
Net Ninja
 7 Adobe Xd Basics Tutorial #17 - Working with Files
Adobe Xd Basics Tutorial #17 - Working with Files
Net Ninja
 8 Adobe Xd Basics Tutorial #18 - Design, Prototype & Share
Adobe Xd Basics Tutorial #18 - Design, Prototype & Share
Net Ninja
 9 Adobe Xd Basics Tutorial #20 - Outro
Adobe Xd Basics Tutorial #20 - Outro
Net Ninja
 10 Adobe Xd Basics Tutorial #19 - Exporting Files from Adobe Xd
Adobe Xd Basics Tutorial #19 - Exporting Files from Adobe Xd
Net Ninja
 11 Adobe Xd Coffee Shop Website Design Tutorial
Adobe Xd Coffee Shop Website Design Tutorial
Net Ninja
 12 Design a Furniture Website in Adobe Xd
Design a Furniture Website in Adobe Xd
Net Ninja
 13 Design A Mobile Banking Website in Xd
Design A Mobile Banking Website in Xd
Net Ninja
 14 SASS Tutorial (build your own CSS library) #1 - Introduction
SASS Tutorial (build your own CSS library) #1 - Introduction
Net Ninja
 15 SASS Tutorial (build your own CSS library) #2 - Compiling SASS
SASS Tutorial (build your own CSS library) #2 - Compiling SASS
Net Ninja
 16 SASS Tutorial (build your own CSS library) #3 - Variables
SASS Tutorial (build your own CSS library) #3 - Variables
Net Ninja
 17 SASS Tutorial (build your own CSS library) #4 - Partials & @import
SASS Tutorial (build your own CSS library) #4 - Partials & @import
Net Ninja
 18 SASS Tutorial (build your own CSS library) #5 - Project Structure
SASS Tutorial (build your own CSS library) #5 - Project Structure
Net Ninja
 19 SASS Tutorial (build your own CSS library) #6 - Nested Rules
SASS Tutorial (build your own CSS library) #6 - Nested Rules
Net Ninja
 20 SASS Tutorial (build your own CSS library) #7 - Using Math
SASS Tutorial (build your own CSS library) #7 - Using Math
Net Ninja
 21 SASS Tutorial (build your own CSS library) #8 - Maps
SASS Tutorial (build your own CSS library) #8 - Maps
Net Ninja
 22 SASS Tutorial (build your own CSS library) #9 - Loops
SASS Tutorial (build your own CSS library) #9 - Loops
Net Ninja
 23 SASS Tutorial (build your own CSS library) #10 - Conditionals (@if)
SASS Tutorial (build your own CSS library) #10 - Conditionals (@if)
Net Ninja
 24 SASS Tutorial (build your own CSS library) #11 - Parent Selectors
SASS Tutorial (build your own CSS library) #11 - Parent Selectors
Net Ninja
 25 SASS Tutorial (build your own CSS library) #12 - Mixins
SASS Tutorial (build your own CSS library) #12 - Mixins
Net Ninja
 26 SASS Tutorial (build your own CSS library) #13 - Functions
SASS Tutorial (build your own CSS library) #13 - Functions
Net Ninja
 27 SASS Tutorial (build your own CSS library) #14 - Making Utility Classes
SASS Tutorial (build your own CSS library) #14 - Making Utility Classes
Net Ninja
 28 SASS Tutorial (build your own CSS library) #15 - Media Queries
SASS Tutorial (build your own CSS library) #15 - Media Queries
Net Ninja
 29 SASS Tutorial (build your own CSS library) #16 - Making a Grid System (part 1)
SASS Tutorial (build your own CSS library) #16 - Making a Grid System (part 1)
Net Ninja
 30 SASS Tutorial (build your own CSS library) #17 - Making a Grid System (part 2)
SASS Tutorial (build your own CSS library) #17 - Making a Grid System (part 2)
Net Ninja
 31 SASS Tutorial (build your own CSS library) #18 - Using @extend
SASS Tutorial (build your own CSS library) #18 - Using @extend
Net Ninja
 32 SASS Tutorial (build your own CSS library) #19 - Using the CSS Library
SASS Tutorial (build your own CSS library) #19 - Using the CSS Library
Net Ninja
 33 SASS Tutorial (build your own CSS library) #20 - Purging CSS
SASS Tutorial (build your own CSS library) #20 - Purging CSS
Net Ninja
 34 SASS Tutorial (build your own CSS library) #22 - Extending the Library Yourself
SASS Tutorial (build your own CSS library) #22 - Extending the Library Yourself
Net Ninja
 35 SASS Tutorial (build your own CSS library) #21 - Customizing the Library
SASS Tutorial (build your own CSS library) #21 - Customizing the Library
Net Ninja
 36 Light & Dark Mode with CSS Variables #1 - Intro & Setup
Light & Dark Mode with CSS Variables #1 - Intro & Setup
Net Ninja
 37 Light & Dark Mode with CSS Variables #2 - Default Light/Dark Modes
Light & Dark Mode with CSS Variables #2 - Default Light/Dark Modes
Net Ninja
 38 Light & Dark Mode with CSS Variables #3 - Manually Toggling Modes
Light & Dark Mode with CSS Variables #3 - Manually Toggling Modes
Net Ninja
 โ–ถ Make a Blog Post Filter #1 - Intro & HTML Setup
Make a Blog Post Filter #1 - Intro & HTML Setup
Net Ninja
 40 Make a Blog Post Filter #2 - Styling the Project
Make a Blog Post Filter #2 - Styling the Project
Net Ninja
 41 Make a Blog Post Filter #3 - Skeleton Loading Screen
Make a Blog Post Filter #3 - Skeleton Loading Screen
Net Ninja
 42 Make a Blog Post Filter #4 - Filtering Posts
Make a Blog Post Filter #4 - Filtering Posts
Net Ninja
 43 New Big React Course (with Firebase)
New Big React Course (with Firebase)
Net Ninja
 44 Build a Memory Game with React #1 - Intro & Setup
Build a Memory Game with React #1 - Intro & Setup
Net Ninja
 45 Build a Memory Game with React #2 - Shuffling Cards
Build a Memory Game with React #2 - Shuffling Cards
Net Ninja
 46 Build a Memory Game with React #3 - Creating a Card Grid
Build a Memory Game with React #3 - Creating a Card Grid
Net Ninja
 47 Build a Memory Game with React #4 - Creating a Card Component
Build a Memory Game with React #4 - Creating a Card Component
Net Ninja
 48 Build a Memory Game with React #5 - Making Card Choices
Build a Memory Game with React #5 - Making Card Choices
Net Ninja
 49 Build a Memory Game with React #6 - Comparing Card Choices
Build a Memory Game with React #6 - Comparing Card Choices
Net Ninja
 50 Build a Memory Game with React #7 - Matching Cards
Build a Memory Game with React #7 - Matching Cards
Net Ninja
 51 Build a Memory Game with React #8 - Flipping Cards
Build a Memory Game with React #8 - Flipping Cards
Net Ninja
 52 Build a Memory Game with React #9 - Flipping Animation
Build a Memory Game with React #9 - Flipping Animation
Net Ninja
 53 Build a Memory Game with React #10 - Disabling Card Selections
Build a Memory Game with React #10 - Disabling Card Selections
Net Ninja
 54 Build a Memory Game with React #11 - Final Touches
Build a Memory Game with React #11 - Final Touches
Net Ninja
 55 Getting Started with Firebase 9 #1 - Intro & What's New?
Getting Started with Firebase 9 #1 - Intro & What's New?
Net Ninja
 56 Getting Started with Firebase 9 #2 - Setting up Webpack
Getting Started with Firebase 9 #2 - Setting up Webpack
Net Ninja
 57 Getting Started with Firebase 9 #3 - Setting up Firebase
Getting Started with Firebase 9 #3 - Setting up Firebase
Net Ninja
 58 Getting Started with Firebase 9 #4 - Firestore Setup & Fetching Data
Getting Started with Firebase 9 #4 - Firestore Setup & Fetching Data
Net Ninja
 59 Getting Started with Firebase 9 #5 - Adding & Deleting Documents
Getting Started with Firebase 9 #5 - Adding & Deleting Documents
Net Ninja
 60 Getting Started with Firebase 9 #6 - Real Time Collection Data
Getting Started with Firebase 9 #6 - Real Time Collection Data
Net Ninja
George Hotz | Programming | tinygrad, starting on CLOUD=1 | Part 2
Next Up
George Hotz | Programming | tinygrad, starting on CLOUD=1 | Part 2
george hotz archive