Traversy Media
Traversy Media
  • 974
  • 212 026 552
Node.js Crash Course 2024
This is an intro to Node.js. No frameworks or libraries. We will look at a bunch of the core modules including building a server with the http module.
Code:
github.com/bradtraversy/nodejs-crash-2024
Node.js API Masterclass:
www.traversymedia.com/node-js-api-masterclass
Timestamps:
0:00 - Intro & Slides
12:18 - Installation
13:22 - Node REPL
15:05 - Setup & package.json Init
16:51 - Running JavaScript Files
19:36 - CommonJS Modules
23:13 - ES Modules
27:20 - HTTP Module & Create Server
35:06 - NPM Scripts
36:15 - NPM Modules & Nodemon
38:45 - .gitignore File
41:06 - Environment Variables & .env
44:00 - Req Object
46:10 - Marking Requests From Postman
47:28 - Simple Routing
51:52 - Loading Files
59:45 - Building a Simple API
1:10:27 - Middleware
1:13:24 - Cleanup (Middleware & Handlers)
1:19:08 - Get Req Body For POST
1:24:20 - File System Module
1:33:43 - Path Module
1:39:50 - OS Module
1:42:13 - URL Module
1:47:46 - Crypto Module
1:54:08 - Emitting Events
1:59:04 - Process Object
zhlédnutí: 42 471

Video

20 Browser Extensions For Web Design & Development
zhlédnutí 41KPřed 14 dny
Let's take a look at some browser extensions for web designers and developers. This includes Chrome extensions and Firefox Addons that help with design, testing, debugging, productivity and more. Full Article With Links: www.traversymedia.com/blog/20-browser-extensions Timestamps: 0:00 - Intro 2:10 - ColorZilla 2:53 - WhatFont 3:22 - Wappalyzer 4:13 - Web Developer 5:24 - Dark Reader 5:52 - JSO...
Microservices Crash Course & Moleculer JS Intro
zhlédnutí 33KPřed 28 dny
An introduction to the microservices architecture and the Node.js Moleculer framework. Course Code: github.com/bradtraversy/microservices-example Moleculer Framework: moleculer.services/ Check out my courses: traversymedia.com Social Media: Github - github.com/bradtraversy Twitter - traversymedia Instagram - traversymedia Facebook - traversymedia Linkedin ...
React Crash Course 2024
zhlédnutí 183KPřed měsícem
Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Code: github.com/bradtraversy/react-crash-2024 React Front To Back Full Course: www.traversymedia.com/Modern-React-Front-To-Back-Course Check out all my courses: traversymedia.com Social Media: Github - github.com/bradtraversy Twitter - traversymedia Instagram...
20 Essential VS Code Extensions In 2024
zhlédnutí 107KPřed měsícem
20 extensions for Visual Studio Code to increase your productivity. Check out my courses: traversymedia.com Social Media: Github - github.com/bradtraversy Twitter - traversymedia Instagram - traversymedia Facebook - traversymedia Linkedin - www.linkedin.com/in/bradtraversy Timestamps: 00:00 - Intro 1:08 - Prettier 1:56 - GitHub Copilot 3:05 - Live Server 3...
Exploring React 19 Features - use() Hook, Actions & More
zhlédnutí 48KPřed měsícem
In this video, we will look at some of the features of React 19 including the React compiler, use() hook, form actions, new hooks like useFormState(), useFormStatus() and useOptimistic(). Code: github.com/bradtraversy/react-19-playground Check out my courses: traversymedia.com Social Media: Github - github.com/bradtraversy Twitter - traversymedia Instagram - traversyme...
Tailwind & JavaScript Project - Products Filtering UI
zhlédnutí 22KPřed 2 měsíci
In this project, we will create a product list using Tailwind CSS, and we will add filtering and add-to-cart functionality with JavaScript. Code: codepen.io/bradtraversy/pen/oNVKXBo 20 Projects Course: www.traversymedia.com/20-Vanilla-JavaScript-Projects Vanilla Projects Repo: github.com/bradtraversy/vanillawebprojects Blog Post: www.traversymedia.com/blog/product-filtering-ui 0:00 - Intro 2:02...
Next.js 14 Course Release With Promo
zhlédnutí 25KPřed 2 měsíci
$15 PROMO CODE: NEXT2024 TRAVERSY MEDIA: www.traversymedia.com/nextjs-from-scratch UDEMY: www.udemy.com/course/nextjs-from-scratch/?couponCode=NEXT2024
Stop Worrying About AI!
zhlédnutí 46KPřed 2 měsíci
In this quick video, I will share my opinion on AI and how it will affect software development. Check out my premium courses: traversymedia.com Social Media: Github - github.com/bradtraversy Twitter - traversymedia Instagram - traversymedia Facebook - traversymedia Linkedin - www.linkedin.com/in/bradtraversy
Web Development In 2024 - A Practical Guide
zhlédnutí 301KPřed 3 měsíci
My annual guide to every web development technology that you can think of. We cover everything including frontend, backend, full stack, DevOps and more. Check Out My Courses: www.traversymedia.com Content Guide: www.traversymedia.com/guide Premium eBook Version: traversy.gumroad.com/l/web-dev-guide Timestamps: 0:00 - Intro 1:12 - About This Guide 2:43 - Developer Roles 7:15 - Developer Goals 11...
HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript
zhlédnutí 123KPřed 4 měsíci
Learn HTMX by creating a couple of small projects with a Node.js and Express backend, including a contacts search, temperature converter, mock weather app with polling and form validation component. We will learn about the common HTMX attributes like hx-get, hx-post, hx-swap, etc. Final Code: github.com/bradtraversy/htmx-crash-course Alpine Crash Course: czcams.com/video/r5iWCtfltso/video.html ...
Should You Test As A Web Developer?
zhlédnutí 28KPřed 4 měsíci
A chat about writing tests as a web developer. I talk about what testing is, the benefits, types of testing, and when and if you should write tests for your projects. Check out my premium courses: traversymedia.com Jest Crash Course: czcams.com/video/7r4xVDI2vho/video.html React Testing Course: czcams.com/video/7r4xVDI2vho/video.html TDD Course: czcams.com/video/u5cLK1UrFyQ/video.html Timestamp...
Astro Quick Start Course | Build an SSR Blog
zhlédnutí 42KPřed 4 měsíci
In this course, you will learn the fundamentals of the Astro web framework while building a server-side rendered (SSR) tech blog. Final Code: github.com/bradtraversy/astro-blog Course Page: www.traversymedia.com/astro-quick-start Become a Traversy Media Member: www.traversymedia.com/offers/2NFSzqDt/checkout Use the promo TRAVERSYMEMBER to get the first 3 months for $15 per month. Timestamps: 0:...
Vue 3 & Composition API - Full Project
zhlédnutí 103KPřed 5 měsíci
Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2. Final Code: github.com/bradtraversy/vue-expense-tracker Vanilla JS Project Repo: github.com/bradtraversy/vanillawebprojects Blog Post: www.traversymedia.com/blog/vue-expense-tracker Check Out My Courses: traversymedia.com Timestamps: 0:00 - Intro & Demo 3:21 - Vue.js...
Are You Too Dumb To Code? A Chat About Imposter Syndrome
zhlédnutí 61KPřed 6 měsíci
In this video, we will talk about why so many developers feel too dumb to code. We get into the topic of imposter syndrome. Check out my courses: traversymedia.com
Professional Website From Scratch | HTML & CSS For Beginners
zhlédnutí 102KPřed 6 měsíci
Professional Website From Scratch | HTML & CSS For Beginners
15 Web Developer-Related Career Paths
zhlédnutí 121KPřed 7 měsíci
15 Web Developer-Related Career Paths
Bun Crash Course | JavaScript Runtime, Bundler & Transpiler
zhlédnutí 64KPřed 7 měsíci
Bun Crash Course | JavaScript Runtime, Bundler & Transpiler
Prisma Crash Course
zhlédnutí 52KPřed 7 měsíci
Prisma Crash Course
New Course Alert - JS Challenges: Data Structures & Algorithms
zhlédnutí 33KPřed 7 měsíci
New Course Alert - JS Challenges: Data Structures & Algorithms
Modern JavaScript From The Beginning | First 12 Hours
zhlédnutí 486KPřed 9 měsíci
Modern JavaScript From The Beginning | First 12 Hours
Simple Next.js & React Authentication With Clerk
zhlédnutí 45KPřed 9 měsíci
Simple Next.js & React Authentication With Clerk
Write A ChatGPT Chatbot With Node.js
zhlédnutí 76KPřed 10 měsíci
Write A ChatGPT Chatbot With Node.js
Build A RealTime Chat App With React & Appwrite Cloud
zhlédnutí 58KPřed 10 měsíci
Build A RealTime Chat App With React & Appwrite Cloud
New Bootstrap 5 Course & Why Bootstrap?
zhlédnutí 39KPřed 10 měsíci
New Bootstrap 5 Course & Why Bootstrap?
MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More
zhlédnutí 278KPřed 11 měsíci
MERN Crash Course | JWT Authentication, Redux Toolkit, Deployment & More
ChatGPT Crash Course | 10 Practical Use Cases For Developers
zhlédnutí 161KPřed rokem
ChatGPT Crash Course | 10 Practical Use Cases For Developers
Next.js 13 Crash Course | App Directory, React Server Components & More
zhlédnutí 197KPřed rokem
Next.js 13 Crash Course | App Directory, React Server Components & More
Build a Keyword Extractor: React + OpenAI API + Chakra UI
zhlédnutí 48KPřed rokem
Build a Keyword Extractor: React OpenAI API Chakra UI
Vite Crash Course | Faster Alternative To CRA
zhlédnutí 177KPřed rokem
Vite Crash Course | Faster Alternative To CRA

Komentáře

  • @HKOVENOM
    @HKOVENOM Před 22 hodinami

    is the npm start script for nodemon not working for anybody else? I kept getting the error : bad option: --env-file=.env. I had to install nodemon globaly and run : nodemon --env-file=.env server.js

  • @elitesinspiration
    @elitesinspiration Před dnem

    Brad you are a blessing pal. You are yourself pal. May God bless you bro. Watching from Kenya.

  • @khalidelgazzar
    @khalidelgazzar Před dnem

    Great video & great series

  • @alvaro-escalante-naves

    How would you call the fetchData from an onclick event using 'use'?

  • @catoom10
    @catoom10 Před dnem

    It looks good! However, I have expected a better solution in add and update page, using code once

  • @deAtog
    @deAtog Před dnem

    Your last example with the email address could have been greatly simplified by using an hx-target on the email input for the validation message. Swapping out the entire email input and duplicating the HTML for it multiple times is very sloppy in my opinion. Everything else was well put together.

  • @shasha6790
    @shasha6790 Před dnem

    If you don't use react, you have to refresh the page each time. How one can fix while not using react and plain html css js website?

  • @user-rf3jr7jo6q
    @user-rf3jr7jo6q Před dnem

    Hello! your courses are awesome! where i can find pics for this lesson (like logo, tabs etc)!?

  • @akmayank856
    @akmayank856 Před dnem

    really needed it, thanx

  • @codermeloman3030
    @codermeloman3030 Před dnem

    So good you don't use any frameworks. Thank you!

  • @mbongenilonda5242
    @mbongenilonda5242 Před dnem

    Were did toy get the theme page ?

  • @JohnReyBaylen
    @JohnReyBaylen Před dnem

    Note: React.useActionState was previously called ReactDOM.useFormState in the Canary releases, but we’ve renamed it and deprecated useFormState. - From React Doc

  • @khalidelgazzar
    @khalidelgazzar Před dnem

    That's one hell of a tutorial. Thanks Brad 😊👍

  • @dahyeyoon2181
    @dahyeyoon2181 Před dnem

    Super helpful comprehensive video

  • @Nightpullsallperception

    Why does everyone that makes node.js tutorials have to be using mac?

  • @boriwayeoluwatosin2521

    Who is watching in 2024 😊

  • @ajassharafudeen
    @ajassharafudeen Před 2 dny

    Thank you very much. It is what I needed. 100devs brought me here.

  • @seeesh1165
    @seeesh1165 Před 2 dny

    You should make more videos.

    • @TraversyMedia
      @TraversyMedia Před 2 dny

      I'm trying my friend. Just have a lot going on right now 😉

  • @jeroen.herczeg
    @jeroen.herczeg Před 2 dny

    Thank you for the tutorial! I like that you focus on electron and not on adding a front-end framework in the mix. It made the way you explained the main process, renderer and IPC communication very clear!

  • @PlottingAnEscape
    @PlottingAnEscape Před 2 dny

    My favourite annual video of all channels on CZcams! And I savour it all year; watching bits and pieces as the years goes on 😄👍

  • @HappyHitman
    @HappyHitman Před 2 dny

    Thank you. Ive watched so many supabase vids and this is the first that covers the "only edit my own items" scenario. Thank you

  • @twitch6755
    @twitch6755 Před 2 dny

    I love you

  • @mindfulengineer
    @mindfulengineer Před 2 dny

    Thank you for sharing, it meant a lot. We need to hear the negatives as much as the positives so we don't quit, thinking it's just us and we aren't meant to do this. Perseverance, learning from/through mistakes and knowing that even those ahead of us just had more failures than us but still fought through it.

  • @minhduc8a21
    @minhduc8a21 Před 2 dny

    Thank sir! This course is amazing!

  • @JumaleAbdi-tu3zh
    @JumaleAbdi-tu3zh Před 2 dny

    Why is Android development overly complicated and over-engineered? Why can't it be easier like web development or backend development? Unnecessarily weirdly named classes and functions make even simple tasks feel like coding for a missile navigation system. I'd rather write a full-stack web app from scratch in C (a custom frontend UI library written in C, database, and RESTful API) than writting Android development.

  • @MrJMD500
    @MrJMD500 Před 2 dny

    Was curious how vite worked and found your video to be super helpful. Thought I heard a boston accent so decided to check out your channel. I'm two minutes into this video and find it to be very moving. Earned a sub today, go sox

  • @user-oe2cv6fh9c
    @user-oe2cv6fh9c Před 2 dny

    We are waiting for express framework bro when you will release

  • @rosesandsongs21
    @rosesandsongs21 Před 2 dny

    Dumb? Absolutely not, I'm just too lazy, extremely too lazy!

  • @kelvinmacharia3715
    @kelvinmacharia3715 Před 2 dny

    Wow! Greate resource ever

  • @tamawijaya_
    @tamawijaya_ Před 2 dny

    It's been years, and you look different now! Looking more awesome! Thanks for sharing your opinion

  • @goodfellasrap2785
    @goodfellasrap2785 Před 3 dny

    Can I deploy this in Vercel? how can I do it?

  • @onwardkanyasa8396
    @onwardkanyasa8396 Před 3 dny

    With current laravel version Route::resource('posts' , 'PostsController') is no longer applicable use Route::resource('posts',PostsController::class);

  • @user-oj3rm9lw7n
    @user-oj3rm9lw7n Před 3 dny

    Hey there! i have a very small question why when we want to replace element in our for example web page why we don't edit our code throw html why we would do all those functions to for example edit a header and why not to save time? thanks if you can help me.

  • @Reecespieces12
    @Reecespieces12 Před 3 dny

    @jamesStevenson

  • @user-hq5ui9bh5f
    @user-hq5ui9bh5f Před 3 dny

    this is not working dum dum .Please don't try this for God sake!!!!!!

  • @warrior5894
    @warrior5894 Před 3 dny

    What about django 5

  • @bpdkuikel
    @bpdkuikel Před 3 dny

    Hey Brad. Please make a crash course on go too.

  • @Saccbot
    @Saccbot Před 3 dny

    If you are like me, searching THE video tutorial for npm. Yes, this is it, watch it.

  • @damintel
    @damintel Před 3 dny

    great video.. what are your thoughts on using server side rendering for new projects in 2024(Django and Flask, Ruby on Rails, PHP with Laravel, and Java with Spring boot)

  • @abhinavchauhan6665
    @abhinavchauhan6665 Před 3 dny

    does anybody feels like the demo website is very slow ?

  • @Disez_Epsilon
    @Disez_Epsilon Před 3 dny

    38:00

  • @khalidelgazzar
    @khalidelgazzar Před 3 dny

    Great video. Watched it many years ago & back for a refresher

  • @HimalayanFishing
    @HimalayanFishing Před 3 dny

    Hats off to you for crafting these incredibly beneficial and extensive videos out of sheer generosity. Your efforts are truly appreciated!

  • @cassettte
    @cassettte Před 3 dny

    I close my eyes and pretend Tony Soprano is teaching me React.

  • @violetsky__7649
    @violetsky__7649 Před 3 dny

    Where can I access this recipe data from? I can't come up with these off the top of my head. I tried looking in git hub but none of the files have the examples in part 4, 4:24 timestamp.

  • @lingaun8286
    @lingaun8286 Před 3 dny

    I was able to complete this tutorial in just three days, dedicating about an hour each day. Given my background as a Vue developer, I found it relatively straightforward. Additionally, the tutorial avoids reliance on external plugins or complex integrations, keeping everything refreshingly simple and straightforward. For those looking to delve into React, I would humbly recommend this video tutorial, as it offers a very beginner-friendly approach although a modest understanding or beginner-level knowledge of JavaScript is sufficient to follow along. Wishing all fellow developers the best of luck on your learning journey!

  • @stronglycorrelated
    @stronglycorrelated Před 4 dny

    Great tutorial, gets straight to the point.

  • @MahmoodFahim
    @MahmoodFahim Před 4 dny

    Hello Mr. Brad Traversy! I love your videos, I was severely wounded when Taliban took over, I suffered brain injury but I am recovering now. So much time has passed nearly 3 years. I have forgotten everything even HTML tags let alone PHP and more. What courses do you recommend in 2024, should I start everything (HTML, CSS, JavaScript, PHP) from scratch or learn something else. Love and respect from Kandahar Afghanistan

  • @ahmedchouihi
    @ahmedchouihi Před 4 dny

    Thanks Brad for the tutorial , but which course should I have read before this tutorial ? Can you mention one or more of the helpful videos ? Thanks and good luck

  • @navinkumarprakashrao8849

    I am getting the below error while creating the db: >>> db.create_all() >>> db.create_all() Traceback (most recent call last): File "<stdin>", line 1, in <module> File "C:\Users\Haswath G N\.virtualenvs\FEEDBACK-APP-trygjtNU\Lib\site-packages\flask_sqlalchemy\extension.py", line 900, in create_all self._call_for_binds(bind_key, "create_all") File "C:\Users\Haswath G N\.virtualenvs\FEEDBACK-APP-trygjtNU\Lib\site-packages\flask_sqlalchemy\extension.py", line 871, in _call_for_binds engine = self.engines[key] ^^^^^^^^^^^^ File "C:\Users\Haswath G N\.virtualenvs\FEEDBACK-APP-trygjtNU\Lib\site-packages\flask_sqlalchemy\extension.py", line 687, in engines app = current_app._get_current_object() # type: ignore[attr-defined] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ File "C:\Users\Haswath G N\.virtualenvs\FEEDBACK-APP-trygjtNU\Lib\site-packages\werkzeug\local.py", line 508, in _get_current_object raise RuntimeError(unbound_message) from None RuntimeError: Working outside of application context. This typically means that you attempted to use functionality that needed the current application. To solve this, set up an application context with app.app_context(). See the documentation for more information. >>> Could you please help?

    • @navinkumarprakashrao8849
      @navinkumarprakashrao8849 Před 3 dny

      you cannot create DB outside your context now, so add the below code below the class and it will create the database automatically if not exists. with app.app_context(): db.create_all()