Some awesome websites for your next web development project.

A THREAD👇🧵 🔹Figside

This website let you convert your figma design into real websites.

figside.com

ReactJS is a JavaScript library for building user interfaces. Are you a planning to learn React?

Here are some useful resources to help you out in your journey.

👇🧵 ⟶ Roadmap

https://twitter.com/SauravPurohit4/status/1511251456720240641?s=20&t=4yMzNi4FXaY_MSsB0iyTuQ

Important full forms you should know as a developer :

→ HTML ( Hyper Text Markup Language )
→ CSS ( Cascading Style Sheet )
→ API ( Application Programming Interface )
→ DNS ( Domain Name Server )
→ XML ( eXtensible Markup Language )

↓ → AJAX ( Asynchronous JavaScript and XML )
→ BIOS ( Basic Input Output System )
→ ASCII ( American Standard Code for Information Interchange )
→ PHP ( Hypertext Preprocessor )
→ JSP ( Java Server Pages )
→ JSX ( JavaScript XML )
→ IT ( Information Technology )

↓

Are you learning web development ?

Here are some websites that may help you in your journey.

👇🧵 👉 w3schools

W3Schools is optimized for learning, testing, and training.

🔗 w3schools.com

Front End Web Development is one of the most in-demand field in tech right now.

Here are some useful keywords/terms every front end developer should know about.

👇🧵 👉 Browser
A web browser is the software used to access the internet and display web pages.

👉 HTML
HTML (Hypertext markup language) is used to determine the structure and content of the webpage.

ReactJs is one of the most popular framework of JavaScript. Almost 40.41% of Front End Developer is using React to build awesome User Interfaces.

If you are planning to ReactJS , here is a complete roadmap to learn it.

👇🧵 BASICS

🔹Introduction to React
🔹Create-react-app
🔹ES6 Basics
🔹JSX
🔹Components
🔹Props
🔹State
🔹 Conditional Rendering
🔹Events

Some awesome websites for web developers out there.

👇🧵 👉 Super Seo

SEO Tips that will help your rank your website higher and drive more traffic to it.

superseo.tips

As a front end developer, having a bunch of 3D illustration can be a huge asset.

Here are some awesome websites where you can find them.

A THREAD 👇🧵 👉 Avatarz

Collection of 8000+ 3D avatars.

avatarz.design

Some awesome websites for web developers out there.

👇🧵 👉 The Odin Project

Curriculum with the best curated online tutorials, blogs, and courses for web development.

🔗 theodinproject.com

Cheat Sheets are study guides that help us to organize and learn information faster.

Here are some cheat sheets that may help you in your developer journey.

👇🧵 👉 HTML Cheatsheet

A reference sheet for HTML, CSS, and JavaScript that includes helpful code structures and helpful tools.

🔗 htmlcheatsheet.com

Some awesome Github Repositories to improve your JavaScript skills.

👇🧵 👉 JavaScript Algorithms

This repository contains JavaScript based examples of many popular algorithms and data structures.

github.com/trekhleb/javas…

Are you a React Developer or planning to be one ?

Here are some useful resources to help you out.

👇🧵 ⟶ Learning Resources

🔹scrimba.com/learn/learnrea…
🔹freecodecamp.org/learn/front-en…
🔹reactjs.org/tutorial/tutor…
🔹udemy.com/course/react-t…

Some awesome websites to get HTML Templates.

👇🧵 👉 HTMLrev ( by @luciantartea )

htmlrev.com

Having a bank of no-code tools can be a huge asset.

Here are some tools to help you out.

👇🧵 👉 Google Analytics

Get free analytics of your website here.

analytics.google.com/analytics/web/…

Some awesome websites for web developers out there :

👇🧵 👉 Gradienta

CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required.

gradienta.io

Important full forms you should know as a developer :

→ HTML ( Hyper Text Markup Language )
→ CSS ( Cascading Style Sheet )
→ API ( Application Programming Interface )
→ DNS ( Domain Name Server )
→ XML ( eXtensible Markup Language )

↓ → AJAX ( Asynchronous JavaScript and XML )
→
→ BIOS ( Basic Input Output System )
→ ASCII ( American Standard Code for Information Interchange )
→ PHP ( Hypertext Preprocessor )
→ JSP ( Java Server Pages )
→ JSX ( JavaScript XML )
→ IT ( Information Technology )

↓

Adding multimedia resources to make our website more creative is a must nowadays.

Here's how you can add them through HTML.

👇🧵 👉 Adding Images to our HTML

Image Support format: JPEG, PNG, WEBP, SVG, GIF

As a Front End developer, having an awareness of different front end libraries which can be used in your project can be a huge asset.

Here are some useful libraries you might check out.

A THREAD 👇🧵 👉 Chart.js

Its' an open source library to help you out in visualizing data in JavaScript.

🔗 chartjs.org

As a Front End developer, having a bank of the developer tools to help you out can be a huge asset.

Here are 10 websites you may find useful.

A THREAD 👇🧵 👉 Roadmap. sh

Roadmaps, guides and other educational contents created by awesome communities.

roadmap.sh

As a Front End developer, having a bank of the STOCK photos and videos can prove to be a huge asset.

Here are some websites where you can find them.

A THREAD 👇🧵 👉 Pexels

There cannot be a better resource for stock photos and videos than Pexels. This is always my first place to look for.

🔗 pexels.com

As a Front End developer, having a bank of the generator tools can save you a lot of time and effort.

Here are some websites to help you out.

A THREAD 👇🧵 👉 Gradient Button

Generate awesome gradient buttons using this tool made by @csaba_kissi .

🔗 gradientbuttons.colorion.co