How to start your web frontend design or development journey as a beginner.
Md Jihad Hasan.
Writer, Publisher and Researcher
Web development is not very hard & is not very easy. which person wants to become a real web developer, he can do everything to learn web development.
Now let's talk about How to start your web design or development journey as a beginner.
First, we need to know what is website.
A website is a collection of web pages where blogs are written on specific topics & users visit the website & read those blogs according to their needs.
Second, we need to know how a website work.
Two parts of a website are a front-end & a backend front-end is the client site, the client site is the part of the website with which the users integrate and the backend is the backend of the website. Which is not visible to the users & is only visible to the website admin. After creating a website, the website file is usually hosted on any web hosting. After hosting, it has to be added to the search console so that the users can find it when the website is searched on the search engine.
Web development basics to learn at first.
- HTML ( HyperText Markup Language )
- CSS ( Cascading Style Sheets )
- Javascript
What is HTML?
HTML means HyperText Markup Language that is used for building website skeletons. This is a must-to know because without HTML you can not create a website.
What is CSS?
CSS stands for Cascading Style Sheet which is used for website design. You can design great-looking websites by learning CSS. This is also a must because without CSS you cannot design your website.
After learning these two things you should create some websites using these things because without creating a website you cannot be an expert in this subject. If you don't do this, you won't become an expert in web development quickly.
What is Javascript?
Javascript is the front-end and back-end programming language. Javascript is the most popular, powerful, and demanded language in all sectors.
After building awesome websites by using HTML and CSS. You should learn Javascript,
javascript is your first programming language. In one word HTML is your skeletons, CSS is your outlook and Javascript is your brain. You must learn Javascript to expert in your web development journey because javascript provides you with a lot of libraries, frameworks, and more. So you should learn javascript basics at first properly.
When you are done learning javascript, you should build some websites by using HTML, CSS & Javascript. That helps you to improve your skill correctly.
If you want to build some projects but not a website you can build some projects by using javascript like :
- Vanilla JavaScript stopwatch.
- JavaScript clock.
- JavaScript calculator.
- Tic Tac Toe game.
When you are done building some projects by using javascript.
You can learn popular CSS frameworks like :
- Tailwind CSS.
- Bootstrap.
- Foundation and more.
Why do you learn CSS frameworks?
You should learn CSS frameworks because frameworks provide you with various advanced features like different buttons, forms, navbars & even clean symmetrical layouts. CSS frameworks make your website simple but awesome & compatible with multiple browsers and browser versions. To write a CSS framework you can make your website layout easily and faster.
After learning a CSS framework you should make some websites.
When you have learned and practiced all these things properly and properly. Then you can learn Javascript frameworks, & libraries.
What are Javascript frameworks, & libraries?
A JavaScript library and framework is of pre-written JavaScript code, that allows developers to build Javascript-based websites easier and it also helps developers to make powerful websites.
First, which javascript frameworks and libraries should learn?
- React.js ( React.js is a Javascript library )
- Next.js ( Next.js is a React.js- based framework )
- Jquery ( Jquery is a Javascript library )
- Vue.js ( Vue.js is a Javascript framework )
What is React.js?
React.js is an open-source frontend javascript library for building user interfaces based on UI components and one-page applications. It is developed by Meta Facebook. It is very popular all over the world.
What is Next.js?
Next.js is an open-source frontend framework based on react.js. It is developed by Vercel. It is very popular all over the world because Next.js provides developers with SSR (Server Side Rendering) which is one of the best features of next.js and Next.js provides developers with a lot of features that build your website powerful, SEO friendly, and fast working.
What is Jquery?
jQuery is an open-source JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, and CSS animations.
What is Vue.js?
Vue.js is an open-source VueModel frontend JavaScript framework for building user interfaces and single-page applications.
Which Framework/Libary you should learn first?
About our advice first, you should learn React.js and Next.js Because the library and framework are one of the best libraries and frameworks ever. In any marketplace or job sector, React.js and Next.js is the most demanded library and framework. So our recommendation you should learn Next.js and React.js First. When you have done to learn these things you should build some projects. After Expert in two things if you want to learn more frameworks you can learn easily.