What Every Web Developer | Designer Should Know + Study Resources {1}

A web developer is someone who utilizes a programming language to build web pages and applications. There are three types of web developers out there:

  • Front-end Developer
  • Back-end Developer
  • Full-stack Developer

Front-end developer: A front-end developer is responsible for building what you see and interact with on a web page or application. It’s the specialist who transforms a design, an image, or an idea into the code that allows web browsers to display the website.

Back-end developer: This role is responsible for designing and building the systems that will support our front-end application. The back-end is what makes applications work across multiple devices, or which makes it possible to store your information.

For example, when you click the “save” button, the back-end developer will write with code the algorithms & logic responsible for receiving your request, process it, store it in a database (if required) & send back the results so that the front-end can let you know it all went go

Full-stack developer: This is a new term for an old role, the full-stack developer is someone who can work both, front-end and back-end tasks.

How can you become a front-end developer? Let’s now jump into the steps that you need to become a front-end developer and land your first job.

  1. Learn HTML & CSS: In order to become a front-end developer, the first thing you need to know is a little bit about how the web works. Have you ever wondered how your browser knows how to display items on the screen? How to position things and using which colors?

HTML Hypertext Markup Language is a standard markup language that is known by all web browsers and it’s used to describe the content of your site. Not so much the design of it, but the structure and content itself. HTML works with a specific syntax of tags & nodes.

Few Free Web Development Resources For HTML / CSS From Scratch. @freeCodeCamp is the best way to start. https://udemy.com/share/101sF0/https://udemy.com/share/101ryM/https://udemy.com/share/101rFk/

2. CSS: Now that you know how to place content on the user’s screen we need to make it pretty and here is where CSS can help you. CSS is a code syntax designed to describe how HTML elements will be displayed on the screen.

Top free CSS resources. -W3 Schools -CSS author -CSS Tricks -Free code camp -Codrops -Mdn web docs

It allows developers to place content in different positions on the screen, add colors, backgrounds, borders, fonts, animations, anything you need to match your design, is likely CSS supports it. people do really amazing things with CSS, from amazing designs to art, animations

YouTube Channels:

Web Dev Simplified, Florin pop, Traversy Media, FreeCodeCamp, The Net Ninja.

Practice Time

Before jumping into the next lane, make sure you practice a lot. You can now build static websites, make many of them, start with the basics, move into more advanced features as you get used to it. Build a personal website.

Once you’re a little more comfortable with HTML and CSS, and this is important to avoid frustrations later on, move on to JavaScript. “Time to Learn JavaScript and change the world” So far you have been building amazing web pages, but they couldn’t do much right?

We will cover that in our next release.

Originally posted by Ankur Code Life Fitness…

Leave a Reply

Your email address will not be published. Required fields are marked *