Pure JavaScript - Learn JavaScript By Building A Real-World Application From Scratch

Pure JavaScript - Learn JavaScript By Building A Real-World Application From Scratch

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[CBrown]

For those of you who are already familiar with HTML/CSS and just came for the JavaScript part, it begins at 25:45

[RealToughCandy]

Love how you went to the source to create this app! This is so valuable for beginners like me wanting to see exactly what all these functions and methods are capable of instead of just doing coding exercises. Thank you!

[erikviklander]

Great tutorial, thanks!

You can pretty easily add the event to the "Close" and "Delete" buttons to prevent the page from reloading and add the # in the URL:
'<a href="#" onclick="setStatusClosed(event, \''+id+'\')" class="btn btn-warning">Close</a> '+
and then just past the event in the functions:
function setStatusClosed(e, id)
then add e.preventDefault(); in the function itself before fetchIssues(); just as you did for the saveIssue() function.

[hormarinaftaada]

It took me 2hrs to hands on to practice and understand the video.❤

[movocode]

Wow - this is the best tutorial out there on youtube - thank you

[janetdsouza]

This is an amazing video. Taking this as an example we can even build something like a blog project.

Request you to create more videos on plain js projects. Looking forward to hear from you.

All concepts with crud are great to learn here.

[richie-bonilla]

Starting from scratch and using pure JS made this a great learning resource.
Very valuable video. Thank you.

[gilgene]

Hey man, I must say your tutorial has been very constructive for me. it's shows me how to go about creating any type of project I'm planning to start on my own in the future.

[lawimms]

Thank you so much! so happy to understand it all!

[davidasiegbu]

I'm amazed that I couldn't find this video on your website but found your recommendation for other courses. I thought I could find other pure vanilla projects there. Anyway, keep up the good work

[bidhanbhattarai]

This was super fun to build. Thank You

[thatguymcflizzy]

Didnt work for me, I followed every step but I'm glad I watched you put this together.

[chidaruma_]

Thank you very much for this video, I've been looking for easy to follow tutorials so I can practice before I start a new project just for fun, and this has been really helpful. I really appreciate your time.

[mohammadtaimoorhussain]

nicely worked!Keep sharing and teaching us..
Thank You Sir!

[saurabhvavekar]

Please Please
Make some more videos like this
Some more single pages applications with PURE JAVASCRIPT....

[Kooshaal]

Though basics, awesomely explained.Thanks.

[ahmedraza]

First of All thank you for nice tutorial. But i have one question popping in my mind..
That is.
You have set the value of issuesListe to issueslist by using getelementbyid. At the end of the video in main.js on line 65 in loop block.
And you then on line 67 set the innerhtml of issuesList
. .
How this is running successfully in browser.
Like first you decaler a var with an identifier of issuListe and you calling that with issuesList.
Wouldn't it be case sensitive????

[darkridermc]

Awesome tutorial! Very clear and concise. Keep it up :)

[SiddharthRay]

Hi Sebastian,

Very valuable tutorial. Here is a request please make few more javascript oriented project which can cover more features and fundamentals of javascript.

Thank you!

[javiersuarezgc]

Can someone explain to me why in minute 27:00 the "var issues" thing? I don´t understand : Where is this "issues". I look at the html code and there is no id with "issues". Then where does the program get this Item?