8 answers
3
Questions
Asked
615 views
Any courses for learning HTML, CSS and Javascript?
Hello again!
Coming on here to ask for some recommendations with any programs/websites that deal with web design. I'm looking for one that preferably guides me through making a website, while also having some visuals to it.
Specifically, HTML, CSS and Javascript. If there's any flexbox tutorials as well, that would be greatly appreciated! I'm aware of W3Schools and CodeAcademy, though I do want to see if there are possibly any other platforms I could learn with.
To also add, maybe something similar to SoloLearn? It's difficult looking for any courses like it just without the needed subscription, but I really enjoy the quiz-like format of it and the clear definitions/visuals it provides when learning. Also, if there's any projects for beginners, please do add those too!
Thank you!
Login to comment
7 answers
Updated
Teklemuz Ayenew’s Answer
I am going to recommend you the best online platforms to learn HTML, CSS, and JavaScript: here are the tips:
freeCodeCamp: Interactive challenges and projects that help you build real-world applications.
Website: https://www.freecodecamp.org
The Odin Project: A full-stack curriculum with hands-on projects to help you master web development.
Website: https://www.theodinproject.com
Coddy.tech: : Beginner-friendly tutorials and examples to get started with web development.
Website: https://coddy.tech
Khan Academy: Video tutorials with interactive coding exercises to guide your learning.
Website: khanacademy.org
Leetcode: The world`s leading online program learning platform and Practice coding problems with a focus on algorithms and data structures, including JavaScript.
Website: https://leetcode.com
Exercism.io: Offers coding exercises with feedback from mentors in multiple programming languages, including JavaScript.
Website: Exercism.io
Codewars: Improve your JavaScript and problem-solving skills with coding challenges.
Website: https://www.codewars.com
TutorialsPoint: Text-based tutorials and examples for a wide range of topics, including web development.
Website: tutorialspoint.com
SitePoint: In-depth articles and tutorials that dive deep into HTML, CSS, JavaScript.
Website: https://www.sitepoint.com
CSS-Tricks: Guides and tutorials focusing on CSS and web design.
Website: https://css-tricks.com
Learn Shay Howe: Free, detailed tutorials on HTML and CSS, perfect for beginners.
Website: https://learn.shayhowe.com
Discudemy: A supportive platform that allows you to access paid Udemy courses for free. By logging in and searching for the course you want to learn, you can be redirected to Udemy where you can enroll for free.
Website: https://www.discudemy.com
Frontend Mentor: Real-world design challenges to improve your front-end skills.
Website: https://www.frontendmentor.io
Frontend Practice: Practice coding with front-end challenges covering HTML, CSS, and JavaScript.
Website: https://www.frontendpractice.com
I hope you will find these resources helpful for your learning journey. Good luck!
freeCodeCamp: Interactive challenges and projects that help you build real-world applications.
Website: https://www.freecodecamp.org
The Odin Project: A full-stack curriculum with hands-on projects to help you master web development.
Website: https://www.theodinproject.com
Coddy.tech: : Beginner-friendly tutorials and examples to get started with web development.
Website: https://coddy.tech
Khan Academy: Video tutorials with interactive coding exercises to guide your learning.
Website: khanacademy.org
Leetcode: The world`s leading online program learning platform and Practice coding problems with a focus on algorithms and data structures, including JavaScript.
Website: https://leetcode.com
Exercism.io: Offers coding exercises with feedback from mentors in multiple programming languages, including JavaScript.
Website: Exercism.io
Codewars: Improve your JavaScript and problem-solving skills with coding challenges.
Website: https://www.codewars.com
TutorialsPoint: Text-based tutorials and examples for a wide range of topics, including web development.
Website: tutorialspoint.com
SitePoint: In-depth articles and tutorials that dive deep into HTML, CSS, JavaScript.
Website: https://www.sitepoint.com
CSS-Tricks: Guides and tutorials focusing on CSS and web design.
Website: https://css-tricks.com
Learn Shay Howe: Free, detailed tutorials on HTML and CSS, perfect for beginners.
Website: https://learn.shayhowe.com
Discudemy: A supportive platform that allows you to access paid Udemy courses for free. By logging in and searching for the course you want to learn, you can be redirected to Udemy where you can enroll for free.
Website: https://www.discudemy.com
Frontend Mentor: Real-world design challenges to improve your front-end skills.
Website: https://www.frontendmentor.io
Frontend Practice: Practice coding with front-end challenges covering HTML, CSS, and JavaScript.
Website: https://www.frontendpractice.com
I hope you will find these resources helpful for your learning journey. Good luck!
Updated
Dr’s Answer
Hey Leilani!
So it kinda looks like you've already got a treasure trove of resource you are seriously set for coding success. 😉
One fun addition from my side—"Flexbox Froggy" (https://flexboxfroggy.com)—it's a cute, interactive game that teaches flexbox in the most entertaining way possible. Definitely check it out, and hope it helps too! Teklemuz Ayenew Tesfay provided you a super diverse list of platforms—definitely worth checking them out. His answer is practical and covers different learning styles, from interactive challenges to real-world projects, so I’d say take his advice to heart.
Also I totally agree with the hands on project based learning he mentioned. The Odin Project which is a free, open-source curriculum that teaches full-stack web development. It’s project-based, this means you will learn by building real-world applications. It also covers HTML, CSS, JavaScript, and even advanced stuff like Git, Node.js, and databases. So it is perfect for you if you love hands-on learning and want a clear path from beginner to pro. You can give it a shot. Also he did mention about Frontend Mentor, this focuses on improving your HTML, CSS, and JavaScript skills through real-world design challenges. You will get professionally designed project briefs (like building a landing page) and can compare your code with others. This is really great for building a portfolio while learning. I had recommend to see them and check if you will be comfortable with these.
And hey, don’t stress about knowing everything—just start building small projects as you learn. It’s the best way to grow. You’ve got this—happy coding, Leilani, good luck! 🤗
So it kinda looks like you've already got a treasure trove of resource you are seriously set for coding success. 😉
One fun addition from my side—"Flexbox Froggy" (https://flexboxfroggy.com)—it's a cute, interactive game that teaches flexbox in the most entertaining way possible. Definitely check it out, and hope it helps too! Teklemuz Ayenew Tesfay provided you a super diverse list of platforms—definitely worth checking them out. His answer is practical and covers different learning styles, from interactive challenges to real-world projects, so I’d say take his advice to heart.
Also I totally agree with the hands on project based learning he mentioned. The Odin Project which is a free, open-source curriculum that teaches full-stack web development. It’s project-based, this means you will learn by building real-world applications. It also covers HTML, CSS, JavaScript, and even advanced stuff like Git, Node.js, and databases. So it is perfect for you if you love hands-on learning and want a clear path from beginner to pro. You can give it a shot. Also he did mention about Frontend Mentor, this focuses on improving your HTML, CSS, and JavaScript skills through real-world design challenges. You will get professionally designed project briefs (like building a landing page) and can compare your code with others. This is really great for building a portfolio while learning. I had recommend to see them and check if you will be comfortable with these.
And hey, don’t stress about knowing everything—just start building small projects as you learn. It’s the best way to grow. You’ve got this—happy coding, Leilani, good luck! 🤗
Updated
Hagen’s Answer
Hello Leilani,
I signed up for the karpado school https://karpadoschool.teachable.com/ master class which despite my initial misgivings has proven to be a terrific learning experience. My misgivings were caused by 2 concerns. First, it was so inexpensive - if it seems too good to be true ... Second it seemed a little unpolished - unprofessional and I wasn't confident it would help me.
The good news is the content is excellent - mostly recorded videos. Karthikeya T is an excellent teacher with a calming voice and exceptionally well-paced lessons on just about everything present day coding. The master class package which includes all the classes is only $69 - which is crazy.
Karpado school is a no brainer - try it you won't be disappointed.
Hagen
I signed up for the karpado school https://karpadoschool.teachable.com/ master class which despite my initial misgivings has proven to be a terrific learning experience. My misgivings were caused by 2 concerns. First, it was so inexpensive - if it seems too good to be true ... Second it seemed a little unpolished - unprofessional and I wasn't confident it would help me.
The good news is the content is excellent - mostly recorded videos. Karthikeya T is an excellent teacher with a calming voice and exceptionally well-paced lessons on just about everything present day coding. The master class package which includes all the classes is only $69 - which is crazy.
Karpado school is a no brainer - try it you won't be disappointed.
Hagen
Updated
Douglas’s Answer
Give Coursera's Meta Front-End Developer course a try! It includes helpful video guides, fun quizzes, and assignments that your peers review.
Updated
Mr’s Answer
Hi Leilani,
It’s awesome that you are interested in web design. I recommend LinkedIn Learning for online courses which could earn you a certificate.
You can also consider your local community college for web design courses that may be offered by the city you live in for free in partnership with the school.
I learned by designing with Wordpress and modifying code only when necessary. Because the future of web design is with AI. So learn to build a Wordpress website with generative ai. You won’t have to learn code in the future. Just good design principles.
I hope this helps.
God bless you in your future endeavors.
Philip
It’s awesome that you are interested in web design. I recommend LinkedIn Learning for online courses which could earn you a certificate.
You can also consider your local community college for web design courses that may be offered by the city you live in for free in partnership with the school.
I learned by designing with Wordpress and modifying code only when necessary. Because the future of web design is with AI. So learn to build a Wordpress website with generative ai. You won’t have to learn code in the future. Just good design principles.
I hope this helps.
God bless you in your future endeavors.
Philip
Updated
Bright’s Answer
Here are some courses and resources for learning HTML, CSS, and JavaScript:
1. **Udemy Course**: Offers a comprehensive course on HTML, CSS, and JavaScript for beginners. It includes creating websites from scratch and covers modern web design concepts like HTML5, CSS3, jQuery, and JavaScript[1].
2. **YouTube Courses**:
- A full course on HTML & CSS for beginners that covers building responsive websites[2].
- A 90-minute crash course on responsive web design with HTML & CSS[4].
- Frontend Web Development Bootcamp covering JavaScript, HTML, and CSS[6].
3. **Koenig Solutions**: Provides a detailed training program focusing on creating dynamic web pages using these technologies[3].
4. **NIIT Program**: Offers self-paced learning in the basics of HTML, CSS & JS with hands-on projects[5].
5. **Coursera Courses**: Various courses available from top universities like Johns Hopkins University focusing on full-stack web development with these technologies [7].
For flexbox tutorials:
- FreeCodeCamp has excellent interactive coding challenges including flexbox.
- W3Schools also offers detailed tutorials.
Projects for beginners can be found through platforms like GitHub or by participating in coding challenges at sites like HackerRank or CodePen.
If you're looking for something similar to SoloLearn without a subscription:
- FreeCodeCamp provides interactive coding lessons without any subscription fees.
- OpenClassrooms offers free introductory content before requiring a subscription.
- Mozilla Developer Network (MDN) provides extensive documentation with examples that can be used as study material.
1. **Udemy Course**: Offers a comprehensive course on HTML, CSS, and JavaScript for beginners. It includes creating websites from scratch and covers modern web design concepts like HTML5, CSS3, jQuery, and JavaScript[1].
2. **YouTube Courses**:
- A full course on HTML & CSS for beginners that covers building responsive websites[2].
- A 90-minute crash course on responsive web design with HTML & CSS[4].
- Frontend Web Development Bootcamp covering JavaScript, HTML, and CSS[6].
3. **Koenig Solutions**: Provides a detailed training program focusing on creating dynamic web pages using these technologies[3].
4. **NIIT Program**: Offers self-paced learning in the basics of HTML, CSS & JS with hands-on projects[5].
5. **Coursera Courses**: Various courses available from top universities like Johns Hopkins University focusing on full-stack web development with these technologies [7].
For flexbox tutorials:
- FreeCodeCamp has excellent interactive coding challenges including flexbox.
- W3Schools also offers detailed tutorials.
Projects for beginners can be found through platforms like GitHub or by participating in coding challenges at sites like HackerRank or CodePen.
If you're looking for something similar to SoloLearn without a subscription:
- FreeCodeCamp provides interactive coding lessons without any subscription fees.
- OpenClassrooms offers free introductory content before requiring a subscription.
- Mozilla Developer Network (MDN) provides extensive documentation with examples that can be used as study material.
Updated
Elizaveta’s Answer
Hi! There's a specialization on Coursera from UMich: https://www.coursera.org/specializations/web-design. It does not overload you with memorizing things you can look up at Google but rather teaches you the philosophy of how to do web design.