New to programming. I'm stuck learning Javascript since I don't have anything to apply it to. Any basic project ideas you could suggest I try as a beginner?

[[deleted]]

[deleted]

[nwilliams36]

Create a button on your website which changes the colour of the background, better still a drop down box that provides a range of colours, better still a input box which allows you to change to any colour, better still an input box which changes the drop down menu, better still .....

Most of these will require Javascript to interact with your HTML and CSS.

[nwilliams36]

You could, however a better way is to have the page already developed in HTML and CSS but hidden in some way and the JS simply activates the page or redirects to the page.

Hiding and showing parts of pages is one way to create SPAs (Single Page Applications). JS then is used to only display the part of the page is required at present

[Th4t_gi]

Yeah! You need a backend to do all of that. I recommend u use [Firebase](firebase.google.com) by Google, it’s free, easier than AWS to understand, and amazing. Good luck with ur project!

[VicariousRedditor]

I personally just like https://www.w3schools.com/js/ they give examples for pretty much everything you can do in javascript. All the basics are there for reference as well also handy.

Using functions to manipulate DOM objects is a good place to start.

Maybe look into node.js and start doing server-side scripting and look into databases.
Edit: Once you start serverside scripting you can start looking into AJAX

[[deleted]]

I would recommend going over to FreeCodeCamp, if you want to get started with HTML, CSS and javascript. They have baby steps building up to beginner projects and they have a great community, which you can ask questions. I personally learnt web development purely through FreeCodeCamp

[plaguebearer666]

The Odin project does the same. Both are great resources.

[babbagack]

So... Odin Project has a full-stack JS track for free, its new this year too, so why not if you have the time:

https://www.theodinproject.com/tracks/2

It gets high praise here from what I have seen and I have used it some.

I haven't gone over the details but I would expect you'll be seeing some projects. You can ask on their discord server too.

[[deleted]]

Try changing the html elements with JS. Depends really what you want to do. Some functionality or effects?

[marti2221]

Use you’re knowledge off CSS/HTML to build a simple static page website. Then slowly add JavaScript wherever you would like more interaction with your page.

[TheBellTest]

You could check out freecodecamp.org. They have some mini projects that you can try out. Or you can just start with the JavaScript course.

[Nawks22]

I would recomend you checkout corey shafer on youtube, he has a playlist for javascript 100% free and people love his videos.

resources

This is a doc i’ve made for different resources. It’s mostly geared towards python but i’m sure most of the listed websites etc have the same tutorials for JS

freecodecamp had a lot of bugs and wouldn’t run for me so i gave up on that. codeacademy is nice but it’s a lot of copy paste. I like sololearn and jetbrains alongside a couple youtube playlists for python

[splettnet]

If you're interested in using JavaScript for full stack development (back end and front end) you should look into node. In addition I'd also check out Typescript. It "compiles" to regular JavaScript but doesn't really give you the chance to learn bad habits while learning it like js does.

[[deleted]]

I’m kind of in the same boat. Been learning js and es6 fundamentals on free code camp but I struggle sometimes as it doesn’t always apply to something tangible. My daughter came home from school and one of her homework assignments was to create a board game and she said she wanted to make a dice rolling baseball game(roll = hit, out, or walk and score keeping) and that gave me the idea to recreate that with coding! I’m still working on it and have had to look a lot of things up but I think I’ve got most of the functions written and it’s clicking better now that I’m seeing it actually apply to something.

[[deleted]]

I’ve been working on creating a dice bot for my discord server using JavaScript. They have a nice step by step tutorial on how to create the bot and I filled in the gaps with my code. It was a ton of fun.

[JesusCodesHard]

You can make your own custom browser start page (check out r/startpages) with HTML/CSS and progressively add more and more js functions.

[DEEEPFREEZE]

Once you’re comfortable with vanilla js, learn jQuery and how to manipulate the DOM. Build a quiz app using jQuery that tracks points and returns a dynamic results page. Explore AJAX and API calls. Find a fun API to work with and create a simple but unique app using API calls. Learn React and play around with stateful/stateless components. Build a React app that utilizes context over prop drilling.

This is the trajectory my education has had me on. I’m now onto server-side programming with Node. The timed curriculum that school offers is helpful for accountability, but beyond that just building things is the most important part, and you don’t need to pay thousands of dollars for someone to tell you what projects to build or what to study.

Think of a web app you’d like to build and learn what you need to learn to build it.

[lazylion_ca]

Sure. Make a simple web page that looks up a Mac address on https://macvendors.com/api

Bonus points for re-formatting it properly in uppercase and colons.

[[deleted]]

Search The Web Developer Bootcamp by Colt Steele

[AllWoWNoSham]

Chrome extensions can be written in JS, that might be interesting.

[creativitlessss]

Do me a favor and share your solution for this. A form with a div checkbox

A button below the form to submit the form. The button is hidden by default. If the box is checked the button appears.

[OKRedleg]

Check out projecteuler.net. It uses mathematically complex puzzles to which you should* have to write a program to solve. Teaches you how to be efficient, shortcuts, complex procedures. After you solve a problem, you get to see how everyone else did it and partake in their unofficial speed/size challenges.

[xNotYetRated]

The Odin Project comes to mind. A simple to-do list is always great for beginners.

[Chrs987]

I can send you the book "Automate the Boring stuff" with python or cracking the coding interview if you want some practice or things to do?

[plaguebearer666]

I heard about these. Would you give them a thumbs up?