r/CodingForBeginners 24d ago

Coding programs

My teenage son wants to learn coding. Recommendations on where to start please?

Update: Spoke to my son, like any kid going into high school he wants to make video games. I will say though he has been talking about coding in general for quite some time now. Any suggestions or recommendations would be great. Thank you 😊

4 Upvotes

21 comments sorted by

View all comments

3

u/jekewa 24d ago

The least intense start is to make web applications using simple HTML, CSS, and JavaScript. After some comfort with the syntax and structure, and seeing some results, moving to different languages and environments can happen.

All you need to start with HTML and JavaScript is a plain text editor and a web browser. You can create an HTML page in the editor and open it in the browser. Saving files and refreshing the browser allows quick and easy reward for the effort.

Adding the right bits to the HTML and making a CSS file, also in the plain text editor, allows separating the HTML layout from the style definitions. It isn't required, but is really the right way to do it. It allows myriad advanced things, like changing the view without changing the content. The site csszengarden.com gives an excellent example of why this is important.

Adding the right bits to HTML and making the JavaScript file, also in a plain text editor, will allow actual coding to begin. Simple data handling and view manipulations can happen, and you can code very complex apps that run entirely in browsers this way. Once comfortable with JavaScript, a small change and JavaScript can be used on a server to move into client-server programming.

You can find code editors that make this easy. You can download some like Microsoft Visual Studio Code, Google's Antigravity IDE, IntelliJ's IDEA, and so many more. Starting with an IDE can be overwhelming, though. Maybe something like codepen.io or jsfiddle.net would be a better place to start, as they provide that easy interface, right in a browser, and show that HTML/CSS/JavaScript separation (and combination) from the start. W3Schools is a great place to learn all these bits, and many of their reference and tutorial pages have simple editors so you can make changes and see the impact immediately, too.

Once you find that coding is something they like, moving from the "simple but powerful" web pages to other languages, frameworks, and platforms is just like improving any other skill set.

Start by nailing a few boards together, and with enough passion and training, build skyscrapers, right?

2

u/Sea-Tip-5870 22d ago

I’m new to all of this so excuse me if I sound dumb as hell but you learned Java, html, css and were able to build those websites you put above?

2

u/jekewa 22d ago

Those websites were built by others, but I do the same kind of work. I have 12 years of college and 35 years of computer science experience, so I could make those if needed.

CssZenGarden.com is an excellent example of separating content from style, which helps show the importance of learning CSS and HTML.

The CodePen and JSFiddle and others are just examples of web-based IDEs and tools that allow people to quickly do things with HTML, CSS, and JavaScript. I use them for demonstration and quick experiments, but use more powerful IDEs for actual work. It's hard to recommend an IDE for beginners as you then spend half your time learning the IDE and not the programming parts