DEV Community

Cover image for Full Stack Developer Road-map 2021 || FREE RESOURCES πŸ”₯πŸ”₯( Front-end) Part I
Femil Savaliya
Femil Savaliya

Posted on

Full Stack Developer Road-map 2021 || FREE RESOURCES πŸ”₯πŸ”₯( Front-end) Part I

First thing first,
Do you have questions? Here's an answer

What is a full-stack developer??

A Full-Stack Developer is someone who works with the Back End β€” or server-side β€” of the application as well as the Front End or client-side.

Why Become a Full-Stack Developer??

A Full-Stack Developer, or someone who can work on both the back-end and front-end of an application, is a rare and valuable person to have on a team. It's why they can earn upwards of $120,000 a year and why companies fight to snag one for their team.

In this blog, I will cover the front-end part. Let's jump into it.

As easy as eating a burger!

full-stack burgur

If you can digest this burger, then you are good to go 🀣🀣,

Now serious, let's look at this front-end web dev languages and technologies πŸ™Œ,

1.HTML

HyperText Markup Language (HTML) is the set of markup symbols or codes inserted into a file intended for display on the Internet. The markup tells web browsers how to display a web page's words and images

  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

Resources


2.CSS

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML).

  • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
  • HTML consists of a series of elements
  • External stylesheets are stored in CSS files
  • CSS saves a lot of work. It can control the layout of multiple web pages all at once

Resources


3.JAVASCRIPT

JavaScript is a dynamic computer programming language. It is lightweight and most commonly used as a part of web pages, whose implementations allow client-side scripts to interact with the user and make dynamic pages. It is an interpreted programming language with object-oriented capabilities.

  • JavaScript can update and change both HTML and CSS.
  • JavaScript can calculate, manipulate and validate data.
  • JavaScript is the Programming Language for the Web.

Resources


||Frameworks||

The front-end of a website or application is the stuff visible to the user on the website. ... In addition, it includes building user-friendly interfaces and efficiently presenting the data from the back end to a user. Thus, a Front-end Framework is a platform/tool to build the front end of your website.

There are many debet on which frameworks are better, and why, but as per global user this are top five,

Best way to learn and understand each concept in deep, I recommend you to refer to the documentation of a particular framework.

Although there are more technologies for all HTML, CSS, and JAVASCRIPT that will help you to enhance your productivity and make it easy to write code if you ask me first to understand and learn the core language, then go for the framework and their technologies.

Congratulations!!! You’re now a front-end developer. 😎

All the best <p style="life:flex;">Happy Code</p>

Part II will be uploaded soon. Thanks for reading. πŸ’–πŸ’–

Top comments (3)

Collapse
 
techtitans0101 profile image
TechTitans0101

Thanks @femil for collating the resources.

Open source is essential for application developers. It is unfortunate that Open Base has shut down. While searching for alternate, came across kandi from Open Weaver. It helps developers find code snippets, packages, libraries and solutions from millions of assets. Thanks to such tools for support to the community. Happy coding!

Collapse
 
manthanco profile image
Manthan Thummar

(❁´◑`❁)πŸŽ‰πŸ› οΈ

Collapse
 
femil profile image
Femil Savaliya

I gather this information from most usage by developer 😊.