Ahangar Aadil's Blog

Getting Started With Front-End Development: A Beginner's Guide In 2023

Getting Started With Front-End Development: A Beginner's Guide In 2023

Aadil Rasool Ahangar | 👨‍💻's photo
Aadil Rasool Ahangar | 👨‍💻
·

4 min read

A detailed structure about getting started with front-end development,
which is a beginner's guide.

Here is a structured outline of the Getting Started With Front-End Development, a beginner's guide in 2023 ...

Structured Outline ...

  • Roadmap

  • Front-End Developer

  • Front-End Development

  • Front-End Useful aka Gem Resources

Roadmap

In web development, a roadmap is a plan or strategy that outlines the steps to be taken in order to build a website or web application. It typically includes the stages of the development process, such as planning, design, development, testing, and deployment, as well as the technologies and
tools used at each stage.

  • Planning

  • Design

  • Development

  • Testing

  • Deployment

A roadmap in web development can help ensure that the project stays on track, that team members have a shared understanding of the development process, and that key milestones are reached on time.
Some synonyms for "roadmap" in web development include "web development plan," "web development strategy," "web development timeline," and "web development roadmap."

  • Web Development Plan

  • Web Development Strategy

  • Web Development Timeline

Front-End Developer

A Front-End Developer is someone who creates websites and web applications. Front-End Developer creates things that the user (we the people or an individual) sees which is visually appeared.
It is in demanding or I say trending job in the field of Development, and everyone can become a Front-End Developer. One can think Front-End as client-side.

  • Basic Languages: HTML, CSS & JS (javascript)

  • Responsibility: User Interface (put & create that the user sees which is visually appeared)

Front-End Development

Here are the outlines of the Front-End Development:

  • Why become:
    1. It is fun and creative *(*which is my stiff).
    2. It is flexible i.e.; work from anywhere! or I say,
    WORK FROM HOME.
    3. Demanding or I say trending.
    4. It builds creativity.
    5. It is a technical skill.

  • What does:
    1. Its main responsibility is the UI (User Interface).

  • Where from:
    1. HTML, CSS & JS are the basic languages you need to create a website. (A website is a collection of related web pages that are accessible on the internet. It is a digital platform that can be accessed from anywhere worldwide using an internet connection and a web browser).
    (a) HTML: It helps you to create the structure of a website.
    (b) CSS: It helps you to set the layout of a website.
    (c) JS: It helps you to create a dynamic and interactive website.

    2. CSS & JS Frameworks and Libraries; such as "Frameworks" [Bootstrap (CSS) - React (JS)] and
    "Libraries" [jQuery (JS)].
    Note: React (JS) - Sometimes referred to as a JS framework, it is a JS library created by Facebook. Knowing the frameworks and libraries will make you more attractive in the job market.
    3. Tools: Git.
    Note: A popular version control system, created in 2005 by Linus Torvalds. It helps to; track code changes, who made changes and as well as Coding collaboration.

Front-End Useful aka Gem Resources

Here are the Useful / Gem Resources for the Front-End Development in
full-depth documentation:

  • W3Schools: It is a freemium education website for learning to code online. Initially released in 1998. Offers courses covering all aspects of web development, Etc.
    1. Type of site: Web development portal
    2. Available In: Multiple Languages
    3. Owner: Refsnes Data AS
    4. Launched: 1998, 25 years ago.

  • Tutorialspoint: is a dedicated website that provides quality online education in the domains of Computer Science, Information Technology, Programming Languages, and other Engineering as well as Management subjects. Launched in 2006 by AMU alumni, Mr. Mohtashim with a single tutorial on HTML, Etc.

  • Javatpoint: provides easy and point-to-point learning of various online tutorials such as Java, Andriod, Design Patter, Etc. It was established in 2011.

  • GeeksforGeeks: provides various services to learn, i.e.; Free tutorials, Millions of Articles, Live, Online and Classroom Courses, Frequent Coding Competitions, Webinars by Industry Experts, internship opportunities and Job opportunities as well. Founded in 2008 by Sandeep Jain.

  • Programiz: provides educational resources for programming languages. It provides resources for languages such as Python, java, javascript, etc. Founded in 2011 by Aswin Shrestha and Ranjit Bhatta.

  • MDN Web Docs: is a documentation repository as well as a learning resource for web developers. Started by Mozilla in 2005. Own projects, and with that developer guides as well. Its content is maintained by Mozilla, Google employees, volunteers (a community of developers and technical writers), Etc.
    1. Type of site: Wiki
    2. Available In: Multiple Languages
    3. Owner: Mozilla
    4. Launched: 2005, 18 years ago.

🔗 Social Links (Let's connect):
▶ Instagram: instagram.com/ahangar_aadil?u...
▶ LinkedIn: linkedin.com/in/ahangaraa...
▶ Telegram: t.me/ahangaraadil
▶ Facebook: facebook.com/ahangaraadil...

📌Resume aka CV (ongoing ...)
▶ Google Drive Link: **https://drive.google.com/file/d/15QBZfoyvXzwGJoIn9cqfVkLl757IWNCX/view?usp=share_**link

Web DevelopmentFrontend Developmentfrontendframeworksblog