Front-End Web Development
Getting started with Front-End Web Development
Getting started with front-end web development may not be as difficult as you think. For most coders, it's the place where they start on their journey. Most likely playing around with some HTML and CSS to create basic web pages.
In an exciting and highly visual area of computing to be into. If web development was like being in a band, front end developers would be like the lead singer and lead guitarist!
HTML is the building block of web pages and generally where you will start learning about front-end development. It is more a formating language as opposed to a programming language. For example, if you want a block of text to be itemised in a list of items you will format this with HTML. A programming language will enable you to take variable data to manipulate or process a result, not always visible to the end-user.
Cascading Style Sheets (CSS) relates to the styling applied to HTML to alter the way it displays to the viewer of your website. Nearly all websites these days use CSS in one form or another. The technology depends on the inbuilt functionality of the browser as to what features can be used or not.
Here is a simple example of CSS where inline CSS styling is added to text. The code is given first then the result is displayed as rendered by the browser...
<div>This text has no CSS styling applied</div>
<div style="color: green; font-weight: bold;">This text has CSS styling applied to make the text green and bold</div>
Now to see the result rendered by the browser:
Video learning resources on the Front-End Web Development shelf
How to Create a Wordpress Theme from an HTML Template
Visual Studio Code Tutorial
Author: James Q Quick
Free HTML Course - Tutorial on How to Build a Website
Author: Mike Dane
Complete Guide to Open Source and How to Contribute
Beyond the Basics Git Tutorial - Next Level Version Control For IT Industry Professionals