Front End Development (Web):
Basics of Front-End Web Development
Web browsers receive HTML documents from a web server or local storage and render the documents into web pages. HTML describes the structure of a webpage, basically the skeleton of a website.
Cascading Style Sheet (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. CSS is used to design web pages by adding styles, colors, layouts, fonts.
CSS brings style to your web pages by interacting with HTML elements. Elements are the individual HTML Components of a web page for instance a paragraph which in HTML might look like this:
If you want to make this paragraph appear green and bold to people viewing your web page through a web browser, you’d use CSS code that looks like this:
Did you think of how to do all this coding? You must, because we need some platforms to write these languages to improve our productivity, performance. All of you have heard Notepad which is available on every computer. But it is not eligible for coding, so there are various editors which help you to write codes properly, clean and informative ( also known as IDE).
Integrated Development Environment (IDE), is a software application for computer programmers to create web applications, websites, mobile applications, software, etc. An IDE normally consists of at least a source code editor, build automation tools, and a debugger.
Best IDEs for Web Development:
Visual Studio Code
After learning all these languages, you will be able to create beautiful, modern, classy websites.
“Everyone should learn how to program a computer because it teaches you how to think.”
Resources to learn front end development:
The following resources provide you guides, exercises, projects, etc. to learn HTML, CSS, JS, and so on. All you need to be is consistent, patient to improve your coding skills.
You can either watch Youtube tutorials to learn front end. Several YouTubers teach very well. Some of them are Traversy Media, Coding Ninja, freeCodeCamp, Design Course, Academind, DevEd, etc.
What after this?
You will need to learn different frameworks and libraries such as React, Vue, or Angular Js. These frameworks help you to create huge websites, which contain lots of data, information like Online Shopping websites, etc.
If you want to add animations, transitions to your websites. Frameworks like Framer Motion, Velocity.js, Motion.js will help you to do it.