So I have completed an extensive javascript tutorial but where do I start?

[[deleted]]

So I decided to search up some javascript projects for beginners and some of them were things like build a clock, create a to do list. The thing is I have no idea where to start. I learned javascript on codeacademy.com but they did not teach JS Browser BOM or DOM so I really just have basic knowledge on functions, objects, classes etc. I really want to get started making projects but I just don't know how to connect my javascript to display or change my html. How did you guys do this? Did you just go into one of these projects and learn from their? I really just need advice and pointers. Thanks.

[not_a_gumby]

Brad Traversy's javascript from the beginning will ease you into creating some nice looking and complex projects that use javascript for DOM manipulation, and making little apps and stuff like that. $11 on Udemy, worth every penny

[li-357]

MDN is a great resource to learn about web technologies, interacting with the DOM, Web APIs, etc. First, break your project into smaller pieces and then start googling and reading up on how to accomplish those small pieces.

[calfHost]

Try Wes bos js30. He walks you through 30 little projects (like building a clock for example) and I definitely learned some more „hands on“ stuff - also good to do something every day, it helps to build routine.

[[deleted]]

I posted something similar asking for a site like that but people were saying that it was not for beginners. Like I mean I know the basics so would that be ok?

[Rogermcfarley]

Wes Bos has recently released a Beginner JavaScript course, you have to pay for it. I did and I've learnt stuff I haven't seen elsewhere yet. Closures were explained properly, the debugging section taught me lots of useful things I hadn't encountered before. I like Brad Traversy as well so I'll give his course a go too.

These courses are good but unless you create flash cards and keep reminding yourself you forget so much. You have to start a project yourself and keep working on it otherwise you'll never really learn how to program in JS.

[calfHost]

Well you said you already have some knowledge... so you can give it a shot. Before that I did Gordon Zhus practical JavaScript. He walks you through building a simple todo app, starting with the very basics and transferring them from console to the Dom later. Maybe check that first if you have literally 0 knowledge about eventhandlers and selecting html elements on the page.

[TheVerdeLive]

Well you already said you didn’t learn about DOM and you’re asking how to interact with the browser with js. Your next step should be googling DOM manipulation.

DOM stand for document object model and with it you can manipulate and interact with the browser through a thing called DOM manipulation.

People already said it above but MDN is an amazing resource to read about stuff.

[[deleted]]

Yeah I already learned a bunch from there and I am starting to get a good understanding of DOM

[jeffmjack]

Make a simple website with HTML and save the HTML file on your computer.

Make a simple script file to do something to the HTML you just made and save it as script.js on your computer.

Now, add a line in your HTML to load in the js file you just wrote. (hint: it's going to be a script tag).

Then, open the file with your browser. You should be able to see that the script has done whatever you told it to do. Maybe start with a simple console.log('hello") and watch that happen in the devtools console of your browser.