The main functions, you explain well. But there is a lot you kind of rush over and don't explain very well, or don't explain at all. You have a habit of saying, "And look, I can do this..." and then doing something that warrants explanation, yet no explanation is forthcoming. 18:27 What is "/3?erik=5"? You have to remember, you're most likely talking to people who never touched the backend before, or not with Javascript. At the very least, you're talking to people who have never touched express before.
Accidently cut out the part at 9:55 that added the products.json! Sorry about that! const products =[ { id:1, name:'Soap' }, { id:2, name:'Brush' }, { id:3, name:'shoe' }, ] export default products;
A great help, for anyone looking through comments for how to restart the server. (Maybe I missed it in the video) It's CTRL C to stop the server, then 'npm start' to restart it.
the product.js contains: const products = [ { id : 1, name : 'Soap' }, { id : 2, name : 'brush' }, { id : 3, name : 'shoe' } ] export default products;
Good tutorial...except, you are missing the section about creating the Products.js file. It goes from GET request and then straight to adding an import of the Products file to the index.js. (around the 9:55 mark)
on index.js ---> Instead of "import Products from '/.products'" use "const Products = require('./products.js')" on products.js ---> instead of "export default products" use "module.exports = products" Amazing video. Well done.
man this was awesome. it makes so much more sense to me now. im glad you kept your debugging in the video because it gives me an idea of some things to look for when things aren't working.
Great tutorial. Finally starting to understand Node / Express. Key point: always close local server session with CTRL C or will have endless problem with 2 sessions trying to run on one port ( not sure using correct terms )
@Program With Erik I like your vs extensions and I have a few but I want to know which extensions you use to make your arrow functions look like an arrow and which extension you use to see that yellow line that shows you the line scope of where ever you click.
can you please suggest any project which I can practice to again more expertise and confidence with Express ? Just looking at tutorial won't help but diving into real world project will surely helps more
Hey Erik, thanks for the video. I enjoyed the tutorial. I did like the part where you did run into a problem or two and fixed it. A bit more learning because of that.
I love express and node.js I love working with apis and build very cool web applications without implementing a very complicated server. therefore i like node.js with express cause its simple, clean and still powerfull. Every web dev should know node.js for sure!
I made everything like you did but I get [ERR_REQUIRE_ESM]: Must use import to load ES Module .... I had to change the start script to work: start: "node -- experimental-modules index.js"
If you put "type" = "module" in your package.json like Erik did at 5:45 you shouldn't need to add that flag to the script. You do have a valid solution though.
12:40 A comment about the triple equals: The triple equal forces data type equivalence, and a double equals can compare values stored as different data types. So "1" would equal 1, and true would equal 1, etc. The bug you ran into can be solved in multiple ways but it's most readable to use two equals. Peace.
I'm really glad I subscribed to you! Another video about a technology that I know something about already, but still learning new stuff! Like the rest extension or ES6 modules imports (I was looking for that recently! :) ) - thanks. One mistake in the video I believe - the post requests certainly can send back a response, I've got a whole API built with Express using POST requests only. I don't know what the problem was there (ca. 16:50), but it wasnt the request type for sure.
@@ProgramWithErik I am new to this, but Express 4.17.1 gives a depreciation notice to use something like `resp.status(200).send({msg:'ok'})`. Thanks for the tutorial it was great. I am just a hobbyist and normally use flask (Python). This was a great transition tutorial for me.
Great timing Erik. I'm learning node, express nowadays. ES6 imports and REST client VS extension are Sick! Didn't hear about them. Thanks. I would love to see adding mongoDB and Vue to make MEVN stack. Anyways, Thanks for great content. I tryed React , Angular, but i realy like Vue. And I'm so glad i can learn from VueMaster like you.
I am sure the REST client VSCode extension is very nice. However, it is to no good if it doesn't run. In my VSCode the run time status is "Not yet activated" and I can't find anywhere how to activate this. I guess I need Postman after all. Or am I missing something?
How do you like VSCode? I was using Brackets for HTML and CSS, but Adobe is going to stop supporting it, and is wanting people to migrate over to VSCode. I mostly just liked Brackets because of the live preview, and I don't use it for JavaScript
You got a sub brother. I think for me js syntax is still a bit confusing but I’m getting more comfortable with it. I think with enough repetition and knowing what to Google I’ll be fine!
noob question but still: what if I have a domain and bought a hosting.. how could I make a real website with these JS based technologies like Express and Node.. I mean what exactly I should have installed on a real remote server? Can you give me a direction what should I look up in order to make a real site this way?
I am at the point where you run npm start for the first time (Hello World) My folder structure and package.json is identical to yours, yet I am getting an index.js not found error (it is most definitely there). Any ideas what could be the problem?
Expected a JSON object, array or literal.json when i created the products.json file i pasted the contents found in the comments and the above error is what i got when i ran it
Not to complain, but most Express courses out there, including this one, are not good. First of all, if programmers are creating a server using JavaScript, they are most likely new to this field. They have no idea what backend is, rest means, and CRUD is. Second of all, they don't know the difference between backend, frontend and the mixture. For example, if I ask you to alter status error code when ever the password the user enters is incorrect, what are the technologies should be involved? Is Redux used here? Is database used here? Is it even a front-end job? This type of basic knowledge is really confusing for new programmers. I've been there, so I can understand the confusion. I've been following your channel for so long, and I've learned a ton. This comment is not meant to be aggressive. Hope you think my comment is a sincere suggestion, rather than a complaining for free course.
@@ProgramWithErik Oh no it was helpful for me!! But for absolute beginners, probably not so much. If they don't know what server is, then code like [app.get] probably won't make sense to them. Thank you for noticing my comment!
Check now if your .TECH is available! Link - go.tech/erik
Use Code erik.tech at Checkout for a special 80% OFF on 1 & 5 Year .TECH Domains!
Is there a reason why you don't use "return" to send a response back?
The main functions, you explain well. But there is a lot you kind of rush over and don't explain very well, or don't explain at all. You have a habit of saying, "And look, I can do this..." and then doing something that warrants explanation, yet no explanation is forthcoming.
18:27 What is "/3?erik=5"? You have to remember, you're most likely talking to people who never touched the backend before, or not with Javascript. At the very least, you're talking to people who have never touched express before.
Accidently cut out the part at 9:55 that added the products.json! Sorry about that!
const products =[
{
id:1,
name:'Soap'
},
{
id:2,
name:'Brush'
},
{
id:3,
name:'shoe'
},
]
export default products;
U should pin this comment
thank you!
OHH! This drive me crazy!! thanks!!
you mean products.js
@@felixlipski3956 yes
I really have to stop being scared to learn backend.
You made this tutorial short and easy to follow, thanks!
Learnt express js in 8 minutes by watching the video at 2x speed😁😋
hahah~!
Skip to 3:20 as well
Actually, 7 minutes and 30 seconds 🤓
Rest
Me : let's do it 🌚🤩
My mind : don't do it plz 🙂🤤😂
3:34 coding starts
A great help, for anyone looking through comments for how to restart the server. (Maybe I missed it in the video) It's CTRL C to stop the server, then 'npm start' to restart it.
Just use debugging tools in vsc
the product.js contains:
const products = [
{
id : 1,
name : 'Soap'
},
{
id : 2,
name : 'brush'
},
{
id : 3,
name : 'shoe'
}
]
export default products;
Good tutorial...except, you are missing the section about creating the Products.js file. It goes from GET request and then straight to adding an import of the Products file to the index.js. (around the 9:55 mark)
Oops you're right thanks!
For a minute i thought i was crazy until i looked in the comments and discovered it wasn't just me.
@@ProgramWithErik Soooo, can you share the missing steps, please? It seems important, because I just get "ERR_MODULE_NOT_FOUND" when I try npm start
@@gmscott9319 same here
@@onlysybilvane i was running into that too. I fixed it by updating my npm
on index.js ---> Instead of "import Products from '/.products'" use "const Products = require('./products.js')"
on products.js ---> instead of "export default products" use "module.exports = products"
Amazing video. Well done.
man this was awesome. it makes so much more sense to me now. im glad you kept your debugging in the video because it gives me an idea of some things to look for when things aren't working.
Great tutorial. Finally starting to understand Node / Express.
Key point: always close local server session with CTRL C or will have endless problem with 2 sessions trying to run on one port ( not sure using correct terms )
the products.js file contain this :
const products =[
{
id:1,
name:'Soap'
},
{
id:2,
name:'Brush'
},
{
id:3,
name:'shoe'
},
]
export default products;
Good video thanks
Thanks!
thanks, but very bad it wasnt shown in the video..
thanks !
the thumbnail made me clicked this video faster than other tutorial vids lol
Would’ve been 7 minutes without the live debugging ☺️😅, ty
Erik! You are so easy to follow man! Just like Brad Traversy. Keep up the good work 👍. Hope you reach 1M subscribers 🎉.
Wow, thanks!
Thank you for the video, it helps to introduce learning some express js basic.
@Program With Erik
I like your vs extensions and I have a few but I want to know which extensions you use to make your arrow functions look like an arrow and which extension you use to see that yellow line that shows you the line scope of where ever you click.
can you please suggest any project which I can practice to again more expertise and confidence with Express ? Just looking at tutorial won't help but diving into real world project will surely helps more
Just try to build a REST API
Hey Erik, thanks for the video. I enjoyed the tutorial. I did like the part where you did run into a problem or two and fixed it. A bit more learning because of that.
params is like parameters? thanks super helpful wording
Thank you for great explanation!
I love express and node.js
I love working with apis and build very cool web applications without implementing a very complicated server.
therefore i like node.js with express cause its simple, clean and still powerfull.
Every web dev should know node.js for sure!
const products =[
{
id:1,
name:'Soap'
},
{
id:2,
name:'Brush'
},
{
id:3,
name:'shoe'
},
]
export default products;
Incredibly well-explained and helpful! Thank you!
Glad it was helpful!
I made everything like you did but I get [ERR_REQUIRE_ESM]: Must use import to load ES Module ....
I had to change the start script to work:
start: "node -- experimental-modules index.js"
If you put "type" = "module" in your package.json like Erik did at 5:45 you shouldn't need to add that flag to the script.
You do have a valid solution though.
@@cybersteel8 I did like in the video and still have errors , but this solution worked for me thanks
You editor's theme looks awesome. what is it? I want it too.
Synthwave 84
Really nice. Helped cleared out my concern with recent changes of Express. Is there a better backend js framework as of 2021?
Downloaded and watched with 4x speed with vlc player. Yes. This is how I become express.js developer in less than 4 min.
12:40
A comment about the triple equals:
The triple equal forces data type equivalence, and a double equals can compare values stored as different data types. So "1" would equal 1, and true would equal 1, etc. The bug you ran into can be solved in multiple ways but it's most readable to use two equals. Peace.
Luckily I started with your video. It gave me an overall idea of what is express.js
Thanks bro it helps alot to get my head around new things and I learnt a bit more. So thank you 👍
I'm really glad I subscribed to you! Another video about a technology that I know something about already, but still learning new stuff! Like the rest extension or ES6 modules imports (I was looking for that recently! :) ) - thanks. One mistake in the video I believe - the post requests certainly can send back a response, I've got a whole API built with Express using POST requests only. I don't know what the problem was there (ca. 16:50), but it wasnt the request type for sure.
You are right. I don't know why I was getting an error at first either.. I just thought for a second it didn't like sending back..
@@ProgramWithErik I am new to this, but Express 4.17.1 gives a depreciation notice to use something like `resp.status(200).send({msg:'ok'})`. Thanks for the tutorial it was great. I am just a hobbyist and normally use flask (Python). This was a great transition tutorial for me.
@@phuket2753 hows python anyways?
thanks dude . you're great.
Great timing Erik. I'm learning node, express nowadays.
ES6 imports and REST client VS extension are Sick! Didn't hear about them. Thanks.
I would love to see adding mongoDB and Vue to make MEVN stack.
Anyways, Thanks for great content.
I tryed React , Angular, but i realy like Vue. And I'm so glad i can learn from VueMaster like you.
Yes for sure, on my list of stuff to teach!
I am sure the REST client VSCode extension is very nice. However, it is to no good if it doesn't run. In my VSCode the run time status is "Not yet activated" and I can't find anywhere how to activate this. I guess I need Postman after all. Or am I missing something?
Thank you Erik
The ad at the beginning and missing parts made this video a bad experience. Time to look at other videos that are of higher quality.
How do you like VSCode? I was using Brackets for HTML and CSS, but Adobe is going to stop supporting it, and is wanting people to migrate over to VSCode. I mostly just liked Brackets because of the live preview, and I don't use it for JavaScript
I like it! More tutorials like that! It's easy to understand and follow
You got a sub brother. I think for me js syntax is still a bit confusing but I’m getting more comfortable with it. I think with enough repetition and knowing what to Google I’ll be fine!
What's up with the jarring cut at 9:54 with products.json suddenly added.
Thank you
Thanks!
why does it feel like this video is missing a chunk of content around the 9:55 mark?
export const products = [
{
"id": 1,
"name:": "Soap"
},
{
"id": 2,
"name:": "Brush"
},
{
"id": 3,
"name:": "Cream"
}
];
export default products;
finally figured it out!
@@coollatchu [{
"id": 1,
"name:": "Soap"
},
{
"id": 2,
"name:": "Brush"
},
{
"id": 3,
"name:": "Cream"
}]
Ctrl+C
Create products.json
Ctrl+P
noob question but still: what if I have a domain and bought a hosting.. how could I make a real website with these JS based technologies like Express and Node.. I mean what exactly I should have installed on a real remote server? Can you give me a direction what should I look up in order to make a real site this way?
subscribed! Thank you!
Thanks for the sub!
Super helpful! Thanks!
Love Express, NodeJS and Webcomponents!
Thanks for this tutorial!
My pleasure!
well that's why it is hard because even in tutorials we are getting errors. Its hard to understand express.
Thanks, very clear and useful!
I am at the point where you run npm start for the first time (Hello World) My folder structure and package.json is identical to yours, yet I am getting an index.js not found error (it is most definitely there). Any ideas what could be the problem?
Hi there, can you do a tutorial video on Express.js and Vue please.
sure
Nice Erik +1, now with Loopback please. Thank you for your work
I ran into an error from type: module setup. I resolved it by running `n stable`
what about app.use I have to use that for a homework thing.
Hello, I need product.js file in this project . Can you please send me the link
npm start not working showing console not defined why??
How did you create Product.js? You did not show that file
Superb!
Doesn't /add makes it not restful?
how to get that fancy arrow function visual?
They sure do make some decent denim!
Great Content
Mine doesn’t show that it shows like the main features it doesn’t show terminal can anyone help me
You lost me at the writing code part LOL
Do middleware and muter also
1000th like, keep rocking.
You should use Nodemon.
Can you share the products.js file - Thanks.
PATCH is also a valuable method.
nice demo erik, what would be great would be a demo of how to do token authentication in express
Yes! maybe in the future.
products.js contents are missing
First API code at 7:15
Good work bro 👍💪👊
Thank you.
You're welcome!
handy dandy, what a fun expression hahaha
awesome
The video stars at 1:50.
Code!
github.com/sriharijoshi5/ExpressGraphQL/tree/DEV
starts @ 1:49
Great tutorial thanks! Quick and concise
That is actually 10 minutes, if I take out the time of fixing errors :-)
All systems online
app.get("/",(req,res)=>{
res.send("awesome vid")
})
Please share the product.js with us
would be better if the video is 1080P :)
press the insert key bro its above the del key
Dude, I Reeeeeally need to create a personal project with that! hehehe
Hellow Erik 😂
best tutorial thanks!
thanks dude, you saved me at last minute hahaha
Expected a JSON object, array or literal.json
when i created the products.json file i pasted the contents found in the comments and the above error is what i got when i ran it
whats the atom version of rest client?
Why should I learn it? It seems like a big mess. Routing? Controllers? Models? Views??
nice
I like you and i like this, thanks!
still Experimental
"type": "module"
Bro, you were just missing nodemon
Not to complain, but most Express courses out there, including this one, are not good.
First of all, if programmers are creating a server using JavaScript, they are most likely new to this field. They have no idea what backend is, rest means, and CRUD is.
Second of all, they don't know the difference between backend, frontend and the mixture. For example, if I ask you to alter status error code when ever the password the user enters is incorrect, what are the technologies should be involved? Is Redux used here? Is database used here? Is it even a front-end job? This type of basic knowledge is really confusing for new programmers. I've been there, so I can understand the confusion.
I've been following your channel for so long, and I've learned a ton. This comment is not meant to be aggressive. Hope you think my comment is a sincere suggestion, rather than a complaining for free course.
Sorry, this wasn't helpful. I'll take the criticism. Maybe next time I'll make a more beginner friendly express tutorial
@@ProgramWithErik Oh no it was helpful for me!! But for absolute beginners, probably not so much. If they don't know what server is, then code like [app.get] probably won't make sense to them. Thank you for noticing my comment!