DEV Community

loading...
Cover image for Front end Web developer

Front end Web developer

leticiarosario profile image Leticia Carmina da Penha do Rosário ・2 min read

Basic Skills you should know

A front end web developer is the person who implements web designs through coding languages like HTML, CSS, and JavaScript. Though it’s not as common anymore, front end developers are/were sometimes called “client-side developers” to distinguish them from back end developers who program what goes on behind the scenes (like databases).

HTML & CSS

HTML (Hyper Text Markup Language) and CSS (Cascading Style Sheets) are the most basic building blocks of web coding. Without these two things, you cannot create a website design and all you will end up with is plain unformatted text on the screen. You can't even add images to a page without HTML! The html is the document the css the design of the document

CSSDOM

HTML has the DOM, and CSS has CSSOM, an acronym for CSS Object Model. When the browser is loading the HTML DOM, which is the HTML object tree, it finds a call to a CSS code and starts to build another tree, based on the CSS selectors. This tree makes a reference between the selectors, which will represent the elements in HTML and their properties visuals that will be modified by the CSS.

Javascript

JavaScript lets you add a ton more functionality to your websites, and you can create a lot of basic web applications using nothing more than HTML, CSS, and JavaScript (JS for short). On the most basic level, JS is used to create and control things like maps that update in real time, interactive films, and online games.

JQuery

jQuery is a JavaScript library, a collection of plug-ins and extensions that makes developing with JavaScript faster and easier. Instead of having to code everything from scratch, jQuery allows a front-end web developer to add ready-made elements to projects and then customize as needed (a reason why knowing JavaScript is so important). You can use jQuery for things like countdown timers, automatically filling out survey forms, and even automatically rearranging and resizing grid layouts.

Discussion (0)

pic
Editor guide