4Geeks logo
4Geeks logo
About us

Learning library

For all the self-taught geeks out there, here our content library with most of the learning materials we have produces throughout the years.

It makes sense to start learning by reading and watching videos about fundamentals and how things work.

Full-Stack Software Developer

Data Science and Machine Learning - 16 wks

Search from all Lessons

Social & live learning

The most efficient way to learn: Join a cohort with classmates just like you, live streams, impromptu coding sessions, live tutorials with real experts, and stay motivated.

← Back to Lessons

Continue learning for free about:

Edit on Github

What is Front-End Development

What is Front-End Web Development?

What is Front-End Web Development?

In just a few words, front-end development is creating HTML dynamically using JavaScript.

Using all your algorithmic knowledge (loops, conditionals, etc.), you can now let the computer generate HTML code based on different types of events (user interactions, or system events) that occur during the life of any website.

Combining HTML+CSS+JavaScript

With JavaScript, you are now able to update the HTML or the CSS of your website whenever you want.

For example:

  • You will be able to create a new <table> if the user presses a button.
  • You will be able to ask the user questions and display anything on the website according to their answer.
  • You will be able to redirect the user to another website after 5 seconds.
  • You will be able to create games like: Tic-Tac-Toe, Hangman, etc.
  • The sky is the limit! Front-end web developers can create games, websites, and applications for any type of industry.

The most Important Terms

The front-end world is huge – you can specialize in anything you want, but there are some important concepts you need to know well in order to begin your specialization:

  • Rendering: This is the process of creating the HTML + CSS needed to display any data or information on the website. For example: rendering an employee is a process of showing an employee on your website.
  • Runtime: This is the timeline of your website from the moment it finishes loading up to the moment that the user exits.
  • Debugging: This is the process of fixing the code.