🏠
📜
🔗

how to get started with web development

I’m collecting the best resources to help you build your first website and learn HTML, CSS, and Javascript.

♥️ Share me on Twitter

How to learn HTML and CSS

Hack Club

Fast way to get your first web page online!

workshops.hackclub.com/personal_website

This tutorial gets you started using an online editor called repl.it so you can go straight to exploring HTML and easily get a web page online to share with others. It’s cute, too.

Progate

Learn html: progate.com/languages/html
Learn Javascript: progate.com/languages/es6

Progate has some detailed tutorials on HTML and Javascript. It can help you go beyond the basics with deeper lessons.

freeCodeCamp

freecodecamp.org/learn/responsive-web-design

freeCodeCamp has many HTML resources:

  • Add headlines with the h2 element
  • Add paragraphs with the p element
  • Add images with the img element
  • Link to other pages with the anchor element
  • Creating lists with the ul and ol elements
  • Creating forms with the form element
  • Creating form inputs with the input element

☝️ See their resources above!

Jatin Rao

Beginners guide and dev blog

jatinrao.dev/beginners-guide-to-html

Jatin Rao has a beginners guide to HTML. It goes into detail about some HTML elements you can use. They also share resources like:

Jatin is building a community of devs. Check them out on Twitter!

Jatin uses HashNode to maintain a dev blog for free online. It looks great for anyone starting their own development blog!

Frontend Challenges

Build a portfolio and get a job!

frontendmentor.io/challenges

If you’re learning HTML to land a job, this resource will challenge you to build real web pages and learn professional front end skills.

How to learn frontend development

If you are looking to be a professional front-end developer, you should know a frontend framework, how to buy a domain, and how to publish your work online. I use Vercel and highly recommend it.

Pick a framework:

Follow their Quickstart guide

Look for REPL to experiment on their websites, or look for a Quickstart to get started easily!

More resources:

Publish using Vercel

Vercel has solutions and examples that can deploy using your framework with just a few clicks.

Buy a domain

Vercel makes it easy to find and buy domains, and then use them in your deployments.

vercel.com/domains | How to add a domain

Conclusion

If you came here looking for resources, I hope you found what you’re looking for! If you want more updates and resources on becoming a successful frontend or full-stack developer, follow me on Twitter and share this with others!