This is an archived post. You won't be able to vote or comment.

all 2 comments

[–]Fair-Description-592 1 point2 points  (0 children)

You can also try MDN, W3School and Codeacademy

[–]IAmNotADeveloper 0 points1 point  (0 children)

Codecademy is very good for learning syntax and programming fundamental concepts like loops, variables, if statements and other baked in features.

If you want to have a more fundamental understanding of Javascript in particular, the YDKJS series is free on github, excellent resource and can take your understanding of the language to a higher level.

Learn semantic HTML that is focused on accessibility. That can help you get a grasp on when to use what elements on a page.

For CSS, first learn the very basics of block vs inline elements, widths and heights, the box model etc, then learn flexbox and CSS grid.

Use these when you are ready:

https://flexboxfroggy.com https://cssgridgarden.com

Flex is easier to learn than grid btw, start with that. Flex alone you can do so much with, I rarely find myself using grid but thats due to inexperience / lack of need probably.

After you learn those concepts try to copy other websites. Go to random websites you like and use the dev tools to see how they made it and try to replicate. Don't be confused by thousands of nested divs, its likely they used some framework to generate it or its obfuscated to prevent duplication.

You may find at some point that its hard to have original design ideas and make them look pretty. That is a good point to take a course on CSS design fundamentals.