12 Free Website Development Courses

Codecademy

[{"selector":"#anim-84bb2d2d-e68e-44d1-b29d-4013ac23db36","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bcd5f09f-3120-4993-9b2b-d8cbac70c5d7","keyframes":{"transform":["translate3d(-114.67891%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f2025596-debb-4186-a58b-7f1df890cdc1","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-761f6288-a456-4ed8-ba61-5242d68aaad6","keyframes":{"transform":["translate3d(-114.8265%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-88498187-f26b-4636-ad49-1f41de291719 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

freeCodeCamp

[{"selector":"#anim-d4aa21d3-0f6d-4715-9c9c-7af5a607e8d6","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ce34348-8cbd-4713-960d-4c2984224f46","keyframes":{"transform":["translate3d(-113.83286%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5808a483-3435-4423-b1f1-111ff30e7f93","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-406d2766-0c70-4702-be57-874bc0aa68d4","keyframes":{"transform":["translate3d(-114.67891%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ef627fde-3ac6-4727-a4b5-ad28cad50f4e [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Coursera

[{"selector":"#anim-80af4eca-d465-4336-a6f9-bd166c21330f","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c052fb2d-f832-460f-aebe-a9a9dc95c733","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3584365b-0334-4d70-bbbf-aaed452e0854","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5fd46e65-a72b-439b-a9d1-a978c3468ca0","keyframes":{"transform":["translate3d(-112.91291%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ae9004e-f476-444f-bbd1-d249daf16892 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Udemy

[{"selector":"#anim-0b8873de-3740-4965-9f75-dea2ad0f63f9","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-11cce3f0-768c-48e2-ae16-cd93666e8d0a","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9084a536-936e-4ccd-9162-6a85c6550b3b","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ab808699-149e-4ed7-9c47-f397c41ce819","keyframes":{"transform":["translate3d(-113.0699%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-403e0c86-bd1c-4472-84cd-5c9264ce4970 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Mozilla Developer Network (MDN)

[{"selector":"#anim-9ededd25-86fa-41af-a29c-208501ae7058","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-73b09117-5b6c-4b86-96ea-0a4f6b649084","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54c6f5bd-ff77-4b3f-8624-3e52b4381a33","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a7c1c14-646a-48e3-9263-6f2d724710c3","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9502db31-49f3-4c94-9431-d67996a8134b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Khan Academy

[{"selector":"#anim-c47b9622-4273-4ed5-a9bf-173627d9fc54","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-17d61cfd-c4e8-45c0-bef2-100d0a6ad470","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-43dabd24-fe05-4149-98e2-ca7b6381fd5e","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f3898253-d2cc-47e2-a347-c012c1d0f376","keyframes":{"transform":["translate3d(-111.69231%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-04ec2e34-74f2-4fef-b173-fafdbba66887 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

W3Schools

[{"selector":"#anim-92b9f4cd-5a80-47ce-9f4e-92b27c0a8414","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3fb1152f-6caa-4266-8bb3-1b57188c59d2","keyframes":{"transform":["translate3d(-111.07872%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-266cce53-9ea5-4fdf-99f3-695f324b2cec","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ff7f9c7-462e-4fd3-aec8-b89ff86670be","keyframes":{"transform":["translate3d(-112.08459%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-379d0ad1-8912-42b3-8c12-745a88ebd285 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

YouTube

[{"selector":"#anim-ee5a72af-c8ce-46de-8e54-bd2bb3428b94","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c3dea179-57f6-4c8c-8398-e72a43439f0b","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-eecec28b-cf0a-4262-bcdf-6ecb9cf8bad7","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d5429e0c-82ad-47a4-8de3-80877086da28","keyframes":{"transform":["translate3d(-112.08459%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d662ef84-30e3-4b15-ab9d-ef0780f46740 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Google Developers

[{"selector":"#anim-9bd06901-71b1-4f99-8379-ae3aaa23df7f","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2415f4b0-db6d-4863-9c0b-9cd0acfa2ab6","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e93351a-f835-4ff0-a1d9-8be3a721858f","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ede0775e-4c51-467f-8acc-b0197a984d69","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-624c7a9b-b081-4bc0-b724-e1bd58933ee2 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Scrimba

[{"selector":"#anim-e11e9b13-dbe0-4673-b790-1464501ffefc [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-7e790d5d-2d36-4cd2-9681-dc9051211f7f","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1048b545-0e57-473c-b84c-fc4d433da3aa","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce5e7c21-0d55-4d34-a333-4d2478d4ee9b","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4a3854fe-c5eb-4136-a7ec-a232efa6889b","keyframes":{"transform":["translate3d(-112.3839%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Code.org

[{"selector":"#anim-1520f1b0-ec8b-43c2-8f56-e57764cf21e5 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-43568a68-3951-45e0-861e-26e2e15ef932","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3933dae1-6b84-4773-abf5-fad0c4132543","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-782f093d-0b3b-43f7-874f-d619099bde3f","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3a0402e8-6d1a-411c-8e22-b79b75bf6918","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Odin Project

[{"selector":"#anim-df744099-8a4a-4387-9b59-f2f8a2e9afca [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-76759b95-c21e-4a0b-a019-9af5956b1a38","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f0a68eb-40aa-4946-85fb-5e68c2b0d09f","keyframes":{"transform":["translate3d(-111.66181%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5522c0d4-f38e-4909-bc7a-f7d23ed79324","keyframes":{"opacity":[0,1]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5bd54aac-37ab-424c-a0e7-64be83c317a1","keyframes":{"transform":["translate3d(-112.3839%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":750,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Remember to explore each course's syllabus, pace, and learning format to find the one that suits your learning style and objectives the best. Happy coding!

[{"selector":"#anim-b5c4e08d-380e-4ad5-a701-79967e57a793 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-54f928b5-10bb-4f34-a793-2f3ff661cfcd","keyframes":{"opacity":[0,1]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-017d5094-4b8a-4ece-b1eb-ddcfe284558e","keyframes":{"transform":["translate3d(-111.64179%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":550,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Codecademy

Codecademy

HTML & CSS: This interactive course teaches you the basics of HTML and CSS, the building blocks of web development. (https://www.codecademy.com/learn/learn-html-css)

freeCodeCamp

freeCodeCamp

Responsive Web Design Certification: This comprehensive course covers HTML, CSS, and responsive design techniques. (https://www.freecodecamp.org/learn/responsive-web-design/)

Coursera

Coursera

Web Design for Everybody: Basics of Web Development & Coding Specialization: This specialization covers HTML, CSS, and JavaScript, and provides hands-on projects to reinforce your learning. (https://www.coursera.org/specializations/web-design)

Udemy

Udemy

Web Design for Beginners: Real World Coding in HTML & CSS: This course teaches you HTML and CSS from scratch, with practical examples and projects. (https://www.udemy.com/course/web-design-for-beginners-real-world-coding-in-html-css/)

Mozilla Developer Network (MDN)

Mozilla Developer Network (MDN)

Learn web development: MDN offers a comprehensive set of resources, including tutorials, guides, and reference materials, to learn web development technologies like HTML, CSS, and JavaScript. (https://developer.mozilla.org/en-US/docs/Learn)

Khan Academy

Khan Academy

HTML/JS: Making webpages interactive with JavaScript: This course covers HTML, CSS, and JavaScript, focusing on creating interactive webpages. (https://www.khanacademy.org/computing/computer-programming/html-js)

W3Schools

W3Schools

HTML Tutorial and CSS Tutorial: W3Schools provides detailed tutorials on HTML and CSS, along with interactive examples and exercises. (https://www.w3schools.com/html/ and https://www.w3schools.com/css/)

YouTube

YouTube

The Net Ninja's Web Development Tutorials: This YouTube channel offers a series of web development tutorials covering HTML, CSS, JavaScript, and more. (https://www.youtube.com/playlist?list=PL4cUxeGkcC9ivBf_eKCPIAYXWzLlPAm6G)

Google Developers

Google Developers

Web Fundamentals: This resource from Google covers various web development topics, including responsive design, performance optimization, and accessibility. (https://developers.google.com/web/fundamentals)

Scrimba

Scrimba

Learn Responsive Design: In this course, you'll learn how to build responsive websites using HTML, CSS, and media queries. (https://scrimba.com/learn/responsive)

Code.org

Code.org

Intro to HTML/CSS: This course is designed for beginners and introduces HTML and CSS through interactive activities. (https://code.org/curriculum/html-css)

Odin Project

Odin Project

The Odin Project is a free online curriculum that covers web development from the ground up, including HTML, CSS, JavaScript, and more. (https://www.theodinproject.com/)

Remember to explore each course's syllabus, pace, and learning format to find the one that suits your learning style and objectives the best. Happy coding!