- 2 380
- 180 976 202
Net Ninja
United Kingdom
Registrace 8. 04. 2015
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 :)
- 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 :)
HTMX Tutorial for Beginners #10 - Swapping Content (more practise)
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it.
🔥🥷🏼Get access to premium courses on Net Ninja Pro:
netninja.dev/
📂🥷🏼 Access the course files on GitHub:
github.com/iamshaunjp/htmx-for-beginners
📂🥷🏼 Starter project on GitHub:
github.com/iamshaunjp/htmx-for-beginners/tree/starter-project
🧠🥷🏼 HTML & CSS Crash Course:
czcams.com/video/hu-q2zYwEYs/video.html
🧠🥷🏼 Node.js & Express Crash Course:
czcams.com/video/zb3Qk8SG5Ms/video.html
🔗🥷🏼 HTMX docs:
htmx.org/docs/
🔥🥷🏼Get access to premium courses on Net Ninja Pro:
netninja.dev/
📂🥷🏼 Access the course files on GitHub:
github.com/iamshaunjp/htmx-for-beginners
📂🥷🏼 Starter project on GitHub:
github.com/iamshaunjp/htmx-for-beginners/tree/starter-project
🧠🥷🏼 HTML & CSS Crash Course:
czcams.com/video/hu-q2zYwEYs/video.html
🧠🥷🏼 Node.js & Express Crash Course:
czcams.com/video/zb3Qk8SG5Ms/video.html
🔗🥷🏼 HTMX docs:
htmx.org/docs/
zhlédnutí: 693
Video
HTMX Tutorial for Beginners #9 - Default & Custom Triggers
zhlédnutí 1,5KPřed 17 hodinami
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #8 - Delete Requests
zhlédnutí 1,6KPřed 19 hodinami
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #7 - Events & hx-on
zhlédnutí 2KPřed 22 hodinami
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #6 - Adding Redirects
zhlédnutí 2,1KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #5 - POST Requests
zhlédnutí 3KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target
zhlédnutí 3,2KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #3 - GET Requests (hx-get)
zhlédnutí 4KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #2 - Starter Project Setup
zhlédnutí 5KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
HTMX Tutorial for Beginners #1 - What is HTMX?
zhlédnutí 25KPřed dnem
In this HTMX tutorial series for beginners, you'll learn what HTMX is, and how to make dynamic web applications with it. 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub: github.com/iamshaunjp/htmx-for-beginners 📂🥷🏼 Starter project on GitHub: github.com/iamshaunjp/htmx-for-beginners/tree/starter-project 🧠🥷🏼 HTML & CSS Crash Course: czcams.co...
Django Tutorial #13 - App Build (Part 3)
zhlédnutí 2,3KPřed 14 dny
In this Django tutorial series, you'll learn what Django is, how to setup a Django project, and how to use it to make a full web application, complete with a database and authentication. 🚀🥷🏼 Check out Bek Brace's channel for more of his content: czcams.com/channels/7EVSn5inapL20oPSwAwEUg.html 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub:...
Django Tutorial #12 - App Build (Part 2)
zhlédnutí 1,9KPřed 14 dny
In this Django tutorial series, you'll learn what Django is, how to setup a Django project, and how to use it to make a full web application, complete with a database and authentication. 🚀🥷🏼 Check out Bek Brace's channel for more of his content: czcams.com/channels/7EVSn5inapL20oPSwAwEUg.html 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub:...
Django Tutorial #11 - App Build (Part1)
zhlédnutí 3,4KPřed 14 dny
In this Django tutorial series, you'll learn what Django is, how to setup a Django project, and how to use it to make a full web application, complete with a database and authentication. 🚀🥷🏼 Check out Bek Brace's channel for more of his content: czcams.com/channels/7EVSn5inapL20oPSwAwEUg.html 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub:...
Django Tutorial #10 - Authentication
zhlédnutí 2,4KPřed 21 dnem
In this Django tutorial series, you'll learn what Django is, how to setup a Django project, and how to use it to make a full web application, complete with a database and authentication. 🚀🥷🏼 Check out Bek Brace's channel for more of his content: czcams.com/channels/7EVSn5inapL20oPSwAwEUg.html 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub:...
Django Tutorial #9 - Forms
zhlédnutí 2,4KPřed 21 dnem
In this Django tutorial series, you'll learn what Django is, how to setup a Django project, and how to use it to make a full web application, complete with a database and authentication. 🚀🥷🏼 Check out Bek Brace's channel for more of his content: czcams.com/channels/7EVSn5inapL20oPSwAwEUg.html 🔥🥷🏼Get access to premium courses on Net Ninja Pro: netninja.dev/ 📂🥷🏼 Access the course files on GitHub:...
Django Tutorial #6 - Displaying Records
zhlédnutí 2,9KPřed 28 dny
Django Tutorial #6 - Displaying Records
Django Tutorial #5 - Adding Database Records
zhlédnutí 2,6KPřed 28 dny
Django Tutorial #5 - Adding Database Records
Django Tutorial #2 - Setup & Installation
zhlédnutí 4,2KPřed měsícem
Django Tutorial #2 - Setup & Installation
Flutter Forms Tutorial #8 - Resetting the Form
zhlédnutí 2,1KPřed měsícem
Flutter Forms Tutorial #8 - Resetting the Form
Flutter Forms Tutorial #7 - Saving Form Data
zhlédnutí 2,1KPřed měsícem
Flutter Forms Tutorial #7 - Saving Form Data
Flutter Forms Tutorial #6 - Drop Down Form Field
zhlédnutí 2,1KPřed měsícem
Flutter Forms Tutorial #6 - Drop Down Form Field
Flutter Forms Tutorial #5 - Text Form Field
zhlédnutí 2KPřed měsícem
Flutter Forms Tutorial #5 - Text Form Field
Flutter Forms Tutorial #4 - Form Widget
zhlédnutí 2KPřed měsícem
Flutter Forms Tutorial #4 - Form Widget
Flutter Forms Tutorial #3 - Text Editing Controller
zhlédnutí 2,3KPřed měsícem
Flutter Forms Tutorial #3 - Text Editing Controller
Flutter Forms Tutorial #2 - TextField Widget
zhlédnutí 2,4KPřed měsícem
Flutter Forms Tutorial #2 - TextField Widget
I can't find this star animation anywhere in the asset pack!
where can I change the number of columns in the grid?
Wow now I feel more comfortable with tailwind
This guy really is a ninja
If any of you are facing the error coming from exitBeforeEnter, especially if you are using a new version of framer-motion, you can replace it with mode="wait" instead
Have you animated Mario as well?
Great tutorial. The Cart screen should work stateless as well I believe. Since provider is managing state. There is no internal state managed by widget. I have tried it as ConsumerWidget and works fine. If I am not mistaking in my understanding, if Cart Screen had internal methods for state of lets say toggle switches with a SetState method than Stateful would be required. Please do an Async tutorial, as it get confusing figuring out 2.0 vs legacy class usage.
i love the word gang😍😁😁😂
board = [f"{a}{i}" for a in ("A","B","C","D","E") for i in range(1,6,1)] board.remove("C3") print (board) i did this
thank you for the tutorial, I understood built-in signals like area/body enter or timeout but had trouble with custom ones, your video really helped me ❤
Excellent tutorial on handling delete requests with HTMX! The step-by-step approach made it pretty easy to follow and implement. Looking forward to more HTMX content!
Thanks for another insightful tutorial on HTMX! The explanation of default and custom triggers was pretty clear and practical. Looking forward to applying these techniques in my projects. Keep up the great work! 👍
Great course. Thanks
Just finished this course, this was my first programming language to learn, and heck, it was really enjoyable and understandble, i ve been practicing after each of your videos and it gave a realllllly solid understanding of php, thnx Ninja, it was my second course that i ve finished with you!
Perfect explanation. Thanks very much.
Next steps: Custom install button App actions as shortcuts (appears on long tapping the app on home screen) Set app badge (like notification count) PWA Builder
I didn't have the assets pack, so for me I had different size meteors. So I instead had an array of loaded packed scenes (each meteor type being a scene) which I then randomly selected to instantiate.
As usual, spot on. You have to be one of the most thorough free coding instructors on youtube. Thanks again!
you kept saying *props, props, props* -- i was confused until I realized *props* is short for *properties*
But why the user wasn't redirected to this new book profile page? :)
I had prior knowledge of firebase, but so much hassle just for the sake of offline support didn't seem worth it to me. If my user would be offline, I won't let them read and write any data. Simple.
Hey Shaun, I am getting an error "dispatch is not a function" which is not updating my state. Can you help me to debug it.
You are great. you teach me flutter 🙂 now i have done many projects in flutter.
I did a really goofy "$PlayerImage.position += Vector2(int(Input.is_physical_key_pressed(KEY_RIGHT)) + -int(Input.is_physical_key_pressed(KEY_LEFT)), int(Input.is_physical_key_pressed(KEY_DOWN)) + -int(Input.is_physical_key_pressed(KEY_UP))) * speed * delta" xD
I like Htmx,especially learning from Shawn,trully enjoyable and pleasant,I am eagerly to know how to build a chat app with Express + Htmx + firebase,hopefully we can learn it from Shawn 🙏🥰😍🤩👏👍🫡😺 ❤
I don't understand why this is not IN the VUE playlist , why making a different one just for pinia ?
Hey Shaun, Thanks so much for this fun tutorial, I was just wondering if you have a way to improve formatting and intellisense when writing html inside a string or is there even a way to get Prettier to do it?
Net Ninja, thank you very much for your effort!
I'm a backend developer and right now moving towards frontend. So i spent more than 4 hours to figure out an error. The text that was supposed to move to the left on md display and the image being visible at medium wasn't working. At the end, figured out i had unknowingly zoomed into my chrome upto 250% and that's the reason the content was looking damn big and the other properties didn't seemed to work expectedly.. Crazy day, haha.
Now chrome shows Install App instead of Add to Home screen
hey, thank you for the tutorial
Thanks for your support Hakim :)
Any new review of this lesson ? (2024)
After Logout, why we have to press the browser back navigation twice in order to return the previous state? I thought it's because the history is stored but even after "replace = {true}" we need to press twice (browser back navigation) to jump 2nd previous state.......................WHY??
you are the best teacher !!!!!!!!!!!!!
Thanks Zakhar, that means a lot :)
I love your way to teaching everyone! Hope you can make a latest version tutorial of Strapi like this series again!
[01:39] HTML [05:45] CSS [13:00] Responsive
What a PERFECT playlist for a beginner for Nuxt !! Learned very easily, thanks a lot for the videos! Cheers!
That's great to hear :) thanks for watching!
@@NetNinja 🫶🏼🗣️
Excellent series, thank you for the hard work!
Glad you enjoy it! :) thanks for watching
Can we have updated version of this course, 2024 probably?
Hi, can you combine html with htmx?
Huh? Are you looking at the same code I'm looking at?
Very nice course! Lot of thanks!
Thanks for watching :)
Awesome explanation of sw life cycle!
Thank you! :)
That (redirection) is a good move towards de-duplicating the code, but it creates another round-trip for the client (get the response for the initial POST request to see 302 and make another request to get the resulting HTML). Why not using internal redirect or rendering the "component" on the POST handler?
I initially started with freecodecamp 37 hours + course on flutter by Vandad. that was a great one, but i somewhat felt bored because of not seeing things in action. In that course Vandad started from very basics of dart and other things. After finishing your tutorials i will go back to that one. I wish you all the good luck here and here after. It's such a great course and easy to follow. I am doing in 2024
If I try createError serverside, I just get the error logged in the console. How do I react to it? I tried using nuxtApp.vueApp.config.errorHandler, but the error is never sent there.
Wanted to start with flutter, nice crash course! Got to watch the other course now
Awesome :) have fun!
Is "build an spa with htmx" in netninjadotdev a member course or it will come soon in youtube 🤔🙄
Cannot read properties of null (reading 'useContext') TypeError: Cannot read properties of null (reading 'useContext') at useContext (localhost:3000/static/js/bundle.js:44573:25) at useParams (localhost:3000/static/js/bundle.js:43106:15) at BlogDetails (localhost:3000/static/js/bundle.js:161:66) at renderWithHooks (localhost:3000/static/js/bundle.js:19837:22) at mountIndeterminateComponent (localhost:3000/static/js/bundle.js:23808:17) at beginWork (localhost:3000/static/js/bundle.js:25111:20) at HTMLUnknownElement.callCallback (localhost:3000/static/js/bundle.js:10093:18) at Object.invokeGuardedCallbackDev (localhost:3000/static/js/bundle.js:10137:20) at invokeGuardedCallback (localhost:3000/static/js/bundle.js:10194:35) at beginWork$1 (localhost:3000/static/js/bundle.js:30092:11) pls I'm getting this error what could be the problem
This is really awesome Htmx tutorial, definitely the best, I feel very fun and excited to build apps with Htmx, hopefully in the near future Shawn would create a chat app with Express + Htmx + firebase, it must be very interesting to see this ❤🙏