Some people may think that front-end web development is design. That isn’t true. As a front-end developer you won’t be playing with PhotoShop and other designing programs. However you will be working closely with designers by translating their layouts into real code. Basically the front-end developer stands between the designer and the back-end developer. It takes the layout from the designer translates it to code and then takes the data from the back-end developer and place them in the correct spots.
Furthermore the front-end developer is responsible for all the interactions that a user makes with the web page. For this reason the front-end developer needs to be highly conscious of who the user is and how they will be interacting with the web page. Thus a very strong skill you need to have as a front-end developer is a strong understanding of accessibility and responsiveness. We will talk about those skills later on, but for now you need to understand the fundamentals of the front-end languages.
So let’s get started!
Duration: 4 minutes
There is no need to implement the website; simply read about the process at this point.
Reading time: 5~10 minutes
Read about the role of HTML.
In this section you can find a lot of helpful links to other content. This is a supplemental material for you if you want to dive deeper into some concepts.
Bookmark DevDocs.io. Read the "Welcome" message. Massive API documentation collection that even works offline. Essential collection of reference material for everything covered and more. (Maintained by FreeCodeCamp)
Read a brief intro to
Frontend development from this interview with Nick Schaden.
Skills of a Successful Front-End Web Developer from Drupal (a CMS based on PHP).