7 Websites for Frontend Devs

1. JavaScript Info

The Modern JavaScript Tutorial How it’s done now. From the basics to advanced topics with simple, but detailed explanations.

JavaScript.info is a website that provides information about JavaScript, including tutorials, exercises, and references. Frontend developers will appreciate the resources on this website because it provides information about both elementary and advanced topics in JavaScript.

Link: https://javascript.info/

2. W3School

W3Schools is optimized for learning, testing, and training.

W3Schools is a free online resource with tutorials and reference materials on 14 programming languages, including HTML, CSS, JavaScript, Python, and C++. An open-access platform, W3Schools has thousands of user solutions.

Link:- https://www.w3schools.com/

3. Developer Mozilla

The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.

MDN consists of three parts:

• The site user interface (or UI) strings that appear on almost all MDN pages to frame the main article content and provide navigation and user controls.
• The main body of MDN pages consists of references, guides, and tutorial articles. Localization is done directly on the web.
• Macro strings are the output by macro templates that construct certain kinds of navigation, messages, or generated structures. The strings currently live on GitHub, and changes can be done through pull requests.

Link:- https://developer.mozilla.org/en-US/

4. CSS-Tricks

This website also has plenty of tutorials on different topics, such as responsive design, user interface design, and cross-browser compatibility.

Digital Ocean acquired the website in March 2022 because of its massive popularity among front end developers. Still, it is the most incredible resource on the internet to explore the tricks and tweaks of cascading style sheets. It is an excellent resource for developers with some experience with CSS to study the language further.

Link:- https://css-tricks.com

5. Can I use __ ?

Provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

• Useful to web designers/developers
• Likely to be eventually implemented by the majority of browsers
• Not already fully supported in even old browsers. These features can be made searchable but will not include support tables.

Link:- https://caniuse.com/

6. Replit

A coding platform that lets you write code and host apps. It also has many educational features built-in, making it great for teachers and learners too.

Replit is a free IDE (integrated development environment) that allows users to write their own programs and code in dozens of different languages.

While traditional IDEs are software programs downloaded to a computer, Repl.it is completely web browser-based and can be accessed from any internet-enabled device such as a phone, tablet, or computer. Users can access the software by typing the name directly into their browser, replit.com.

Link:- https://replit.com/

7. JavaScript30

They aim to help beginner to intermediate developers, who want to become comfortable with both JavaScript fundamentals and how to work on a website without a library. They learn by application as well as discussing theoretical problems such as how we solve them.

• Instant Access to all 30 videos
• 30 days of Starter Files
• Completed HTML, CSS and JS Solutions for each day

Link:- https://javascript30.com/