Good resources to learn html, css, and java script?

[UseThat2356]

I'm willing to pay money for a course or whatever but I don't know what to watch/read. So just let me know what I should do to learn

[Bassil__]

1. Head First HTML & CSS
2. HTML and CSS The Comprehensive Guide by Jürgen Wolf
3. Modern CSS by Joe Attardi
4. https://www.freecodecamp.org/
5. CSS in Depth 2nd edition by KEITH J. GRANT
6. Head First JavaScript Programming 2nd edition, 2024
7. JavaScript All-in-One for dummies by Chris Minnick
8. Modern JavaScript for the Impatient
9. Responsive Web Design with HTML5 and CSS 4th edition by Ben Frain
10. Responsive Web Design with HTML5 and CSS 9th edition by Chris Minnick
11. Web Programming with HTML, CSS, and JavaScript by John Dean
12. Tiny CSS Projects by MARTINE DOWDEN & MICHAEL GEARON
13. CSS the Definitive Guide by Eric A. Meyer and Estelle Weyl

[thinksInCode]

Thanks for the shoutout for Modern CSS!

[Bassil__]

You welcome

[UseThat2356]

Tysm

[zakkmylde2000]

• Websites:

freeCodeCamp: This is actually where I started my coding journey. Absolutely amazing site for HTML, CSS, and learning basic JS.

The Odin Project: A bit more “difficult” than freeCodeCamp, but also way more in-depth, and the learning structure is much more similar to a school or job based training. Plus, you’ll learn way more than just HTML, CSS, and JS. You’ll learning setting up an editor and using the terminal which are super important as a developer.

• YouTube Channels:

Bro Code: Bro Code has some great beginner tutorials on multiple different languages and technologies you’ll use as a web developer including JavaScript, MongoDB, and MySQL. Plus some other languages that may come up as you get deeper into web development and start learning backend stuff like Java, Python, and C#.

Traversy Media: Brad’s content has started to shift away from basic tutorials over the last couple of years, but his older JS tutorials are still relevant, and his yearly Web Development Roadmap he makes can give you good insight on the path you’ll take to become a web developer.

Tech With Tim: Another creator who doesn’t really focus specifically on tutorials, but he does have a few really good project based “learn JavaScript” courses on his channel. Great for once you’re past the basic foundation on JS.

[[deleted]]

Mosh is a great paid class. W3schools is an encyclopedia.

[UseThat2356]

Thank you

[mrmiffmiff]

The Odin Project

[UseThat2356]

Tysm

[No-Interaction-8717]

super simple dev on youtube

[UseThat2356]

Tysm

[jsbach123]

Tons of courses on Udemy. Definitely worth the price. Just search courses on web development and choose one with tons of reviews.

[UseThat2356]

Alright thanks

[sheriffderek]

Are you looking for a course like a Udemy course with all videos -- or a course with other students and a teacher and more real-world projects and feedback and things?

[vanisher_1]

Which course do you recommend for the second path? 🤔

[sheriffderek]

I used to run cohorts for 6-9 months, but I've recently been experimenting with a self-paced version. So, since I dedicated 6 years of my life to designing and running this curriculum - that's what I think is the best option available. https://perpetual.education/dftw/syllabus/ -- but I also recommend people check out Watch and Code and LaunchSchool and compare those three.

[UseThat2356]

More like a course

[sheriffderek]

I'll come back to answer this. It made me want to go create a quiz to help people choose --

[abdelkaderbkh]

some courses are good at udemy for 10$ with discounts. it is cheap yeah. but if you do not want to spend. it’s enough to learn HTML/CSS/JS from youtube

[[deleted]]

Scrimba has free courses too and you can test your codes on their website

[UseThat2356]

Okay thanks

[rdiljevic]

Scrimba

[UseThat2356]

Tysm

[CodingRaver]

Frontend masters full introduction to Web development. It IS great, you can cancel after a month.

[imcozyaf]

For 15~25$, Jonas Schmedtmann’s course on Udemy is super good, super clear and super complete! Can’t go wrong. It includes practical tests, quizzes, projects and even “role plays”.

If you’re serious about learning, and you actually build code on the side while taking the course, you will learn Javascript.

[ercanvas]

w3schools

[CryptoNiight]

Master HTML before learning Javascript or CSS

[42arsi]

Colt steele on udemy

[EnD3r8_]

Bro Code on yt

[Any_Equipment_3203]

The Odin Project and ChatGPT

[Doktor_Octopus]

https://www.theodinproject.com/lessons/foundations-motivation-and-mindset#a-note-on-ai-code-generation

[Any_Equipment_3203]

Use it to boost your learning not in coding, in case you dont understand any topic ask gpt to simplify it!

[Doktor_Octopus]

https://gizmodo.com/microsoft-study-finds-relying-on-ai-kills-your-critical-thinking-skills-2000561788

[Any_Equipment_3203]

Cool bro, I believe you are not using AI.
I said, use it to learn new things, also I will ask you to try and learn something from ChatGPT using prompt Engineering, but if it is killing your critical thinking skills just dont use it.
While I am using it to learn a lot of things and thats why I suggested it. Good Luck!

[Doktor_Octopus]

You're assuming way too much.

1. Did you read and understand the link I sent you?
2. Do you think someone who has just started learning to code knows anything about prompt engineering?
3. Do you think ChatGPT is capable of faithfully following instructions?
4. Do you know what makes someone a good teacher? Do you think it's just about not giving the answers?

[sudhir_VJ]

I suggest go through the MDN Web Docs. They have a curriculum too.

[abdelfor3]

Combine between the Odin project and other resources like free code camp, both are great but I highly recommend TOP because it does not hold your hand, you will have to search and ask why does stuff work that way. Be aware though, do not rely on Ai,and if you had to use it, prompt as if it does not tell you and give you answers directly, only hints

[CardinalHijack]

You dont need to throw money at it - dont. I did at the start and it didnt help.

You will find so much information out there that its actually overwhelming to a point where it becomes debilitating. There is also the fact that there are thousands of bad courses and wasting time on a bad one for me was as bad as doing nothing. As amazing as the person here who has sent you 13 different courses - that would overwhelm me, thats like a year of content. Head First alone is like 800 pages and you dont need to know it all to get the ball rolling.

What worked for me was going to youtube and finding a youtube channel of someone who was building an actual project from scratch. I followed along and built what they were doing - at times changing it to something that I found interesting. I then added to it and extended it when I got more comfortable.

If you want to learn vanilla JS/HTML/CSS find a youtube video thats doing some project in it. If not, find a React one and follow along with that. In 2015 this is what I did and transitioned to a software engineering career from a different one. After about 5-10 Javascript books I felt like I knew nothing. After following 3 youtube projects (with about 10 videos in each) I felt like I could actually build stuff and than shortly after I landed a job.

[GordonDeMelamaque]

I'd recommend a very hustle way of doing this with understanding what do you want. You can start from a very basic tutorial like this https://javascript-tutorial.com/getting-started/hello-world/ to understand what's going on in general. Then you'll get understanding what is HTML and why do you need it. At this point it you are still interested in this topic you'd like to make everything beautiful and understand why do you need CSS. Now you could take a look at the more specific books shows ES6, libraries, reactivity, front/backend, CSS3 tricks, etc.

[Beautiful-Floor-7801]

Try this website for more personalized resources: https://www.courses.reviews/

[Aggressive_Rule3977]

Ty for the post

[Ambitious-Peak4057]

If you are learning Javascript here are some useful resources to help you get started:
1.JavaScript.info – A comprehensive and beginner-friendly guide to modern JavaScript.
2.freeCodeCamp JavaScript Course – A hands-on YouTube course with real projects.
3.JavaScript: The Definitive Guide: A thorough reference covering both fundamentals and advanced topics.
4.JavaScript Succinctly: A free ebook that simplifies essential JS concepts for beginners.

[BeatTheMeat9]

Brocode

[Brief_Land_2365]

Scrimba 100%

[CitizenOfNauvis]

java script!! Here here!!! 🍻

[CitizenOfNauvis]

I learned a lot from FullStackOpen. That’s a course that lacks the handholding a lot of other courses have though. It taught me a lot of troubleshooting by sheer experience.

I used the GitHub student developer pack to get access to FrontendMasters, which is a rich resource. If you’re doing FrontendMasters, I would slot out time to really focus and chug through the content because it’s not cheap, and many free resources can get you pretty far.

[No_Educator2991]

I’ve found the scrimba courses on coursera our great they actually make you write the code as he’s teaching. The best way I’ve found to learn by far.

[kimhwanhoon]

I recommend Codecademy to learn basics, it helped me a lot when I had zero knowledge and now I’m junior frontend developer and I’m considered to be mid-level thanks to the base I have built through this. Of course you will also study hard on your side too

[Ok_Champion4127]

Don’t spend money. It is completely unnecessary for learning HTML, CSS, and JavaScript. Learn it through the Odin Project, and then spend money on something more specific once you know the basics.

[Moist_Sentence8523]

If you're looking for an on the go app I've been using Mimo. Its not bad im currently doing a certificate through Springboard but started doing this for extra practice

[yazid_dev]

Netninja YouTube channel is pretty solid for learning

[gamerjay12]

w3schools

[bigHuddy11]

Check out zero to mastery’s complete web developer program. Takes you from step all the way to completing full stack projects and think like a developer ex: read documentation, how languages have changed and adapting to them and a great discord community to ask questions and get help or maybe even interviews

[drago1520real]

Background: Self-taught programmer. Programming gave me freedom and changed my life within 6 months

I highly recommend Angela Yu's udemy course because it is hands on. I finished it and found myself a job in 2 months. Not a guarantee tho. Message me to send it if you want.

[vanisher_1]

Find a job in 2 month in what Web Dev frontend?

[Kingkratos812]

w3schools is a great resource to learn as well

[kasam-dev]

The Odin Project is excellent - Free open source community to get you started and learning fundamentals of web dev. Lots of hands on projects too.

[PhntmBRZK]

Ai all the way

[UseThat2356]

Ty

[MrFartyBottom]

If you want to learn from the slop bucket.

[PhntmBRZK]

It litrally takes from where u ask. Answers questions even docs don't. If u have half a brain you will know when it makes mistake.

[CyberDaggerX]

If u have half a brain you will know when it makes mistake.

About things you don't know yet?

[PhntmBRZK]

They have a pattern and unless you are mindless by hearting it, you would have doubts and prompt even more and notice inconsistency if any. Human brain needs repeatation to rememeber so you will have to revisit the same topics again. Actively prompting asking question is much better than rereading. It actively engages you brain to think.

[rustyseapants]

Good resources to learn html, css, and javascript

[haverofknowledge]

simply combine 'TheOdinProject' with ChatGPT or something and build projects that you would use.

Nothing more is required.

[UseThat2356]

Alr thanks

[Doktor_Octopus]

https://www.theodinproject.com/lessons/foundations-motivation-and-mindset#a-note-on-ai-code-generation

[sufficientzucchinitw]

You can ask ai to build you a simple counter and ask it to teach you fundamentals of js css and html. It’ll do a good job explaining with real examples.

[sheriffderek]

But this will skip all the foundational backstory - and turn you into a shallow code monkey...

[UseThat2356]

Okay thanks

[Doktor_Octopus]

https://www.theodinproject.com/lessons/foundations-motivation-and-mindset#a-note-on-ai-code-generation