New to Frontend Development?
Open thisπ
Open thisπ
π Introduction
β‘ It involves building the user-interface of the websites and web applications
β‘ Main objective is to create a layout with which users can interact
β‘ It's a client-side development, server-side has nothing to do with it
β‘ It involves building the user-interface of the websites and web applications
β‘ Main objective is to create a layout with which users can interact
β‘ It's a client-side development, server-side has nothing to do with it
π Skills required
β‘ HTML
β‘ CSS
β‘ JavaScript
β‘ CSS Framework (Tailwind / Boostrap)
β‘ JavaScript Framework / Library
β‘ React / Angular / Vue
β‘ GitHub
β‘ API
β‘ HTML
β‘ CSS
β‘ JavaScript
β‘ CSS Framework (Tailwind / Boostrap)
β‘ JavaScript Framework / Library
β‘ React / Angular / Vue
β‘ GitHub
β‘ API
π HTML
β‘ Stands for Hyper Text Markup Language
β‘ Allows us to create the basic structure of web pages
β Important Topics
β‘ Basics Tags
β‘ Placing image and text
β‘ Semantic tags
β‘ Forms
β‘ Lists
β‘ Stands for Hyper Text Markup Language
β‘ Allows us to create the basic structure of web pages
β Important Topics
β‘ Basics Tags
β‘ Placing image and text
β‘ Semantic tags
β‘ Forms
β‘ Lists
π CSS
β‘ Stands for Cascading Style Sheets
β‘ Allows us to add a variety of styles of the HTML elements
β Important Topics
β‘ Selectors, combinators, styling rules.
β‘ Box Model
β‘ Element positioning
β‘ Units
β‘ Flexbox and Grid
β‘ Media Queries
β‘ Form Styling
β‘ Stands for Cascading Style Sheets
β‘ Allows us to add a variety of styles of the HTML elements
β Important Topics
β‘ Selectors, combinators, styling rules.
β‘ Box Model
β‘ Element positioning
β‘ Units
β‘ Flexbox and Grid
β‘ Media Queries
β‘ Form Styling
π JavaScript
β‘ Allows us to add different functionalities to the web pages
β‘ Makes the web pages interactive for users
β‘ Used both on the client-side and server-side
β‘ Also known as the programming language of the web
β‘ Helps to add dynamic capabilities to the
β‘ Allows us to add different functionalities to the web pages
β‘ Makes the web pages interactive for users
β‘ Used both on the client-side and server-side
β‘ Also known as the programming language of the web
β‘ Helps to add dynamic capabilities to the
β Important Topics
β‘ Traversing the DOM
β‘ Data Types and Variables
β‘ Event Handling
β‘ Functions
β‘ Conditional statements
β‘ Loops
β‘ 'this' keyword
β‘ DOM manipulation
β‘ Scope
β‘ Promises
β‘ Async and Await
β‘ Promises
β‘ Traversing the DOM
β‘ Data Types and Variables
β‘ Event Handling
β‘ Functions
β‘ Conditional statements
β‘ Loops
β‘ 'this' keyword
β‘ DOM manipulation
β‘ Scope
β‘ Promises
β‘ Async and Await
β‘ Promises
π CSS Framework
β‘ Libraries that makes it easier to add CSS stylings to the HTML elements
β‘ Includes the collections of styles to easily use them
β Frameworks list
β‘ Tailwind
β‘ Boostrap
β‘ Foundation
β‘ Material Design
β‘ Materialize
β‘ Libraries that makes it easier to add CSS stylings to the HTML elements
β‘ Includes the collections of styles to easily use them
β Frameworks list
β‘ Tailwind
β‘ Boostrap
β‘ Foundation
β‘ Material Design
β‘ Materialize
π JavaScript Framework / Library
β‘ JavaScript Framework is a collection of JS code libraries
β‘ Makes it much easy to create interfaces because of its pre-written code
β Frameworks/Library
β‘ React
β‘ Angular
β‘ Vue
β‘ Svelte
β‘ Express
β‘ JavaScript Framework is a collection of JS code libraries
β‘ Makes it much easy to create interfaces because of its pre-written code
β Frameworks/Library
β‘ React
β‘ Angular
β‘ Vue
β‘ Svelte
β‘ Express
π React
β‘ JavaScript library for building user interfaces
β‘ Allow us to create different UI components
β Important Topics
β‘ Rendering elements
β‘ Components
β‘ Props
β‘ State
β‘ Lifecycle
β‘ Hooks
β‘ JavaScript library for building user interfaces
β‘ Allow us to create different UI components
β Important Topics
β‘ Rendering elements
β‘ Components
β‘ Props
β‘ State
β‘ Lifecycle
β‘ Hooks
π GitHub
β‘ A code hosting platform for version control and collaboration
β‘ Helps to view others' projects and make your projects available to others
β Important terms
β‘ Repository
β‘ Main Branch
β‘ Fork
β‘ Clone
β‘ Star
β‘ Commit
β‘ Pull Request
β‘ A code hosting platform for version control and collaboration
β‘ Helps to view others' projects and make your projects available to others
β Important terms
β‘ Repository
β‘ Main Branch
β‘ Fork
β‘ Clone
β‘ Star
β‘ Commit
β‘ Pull Request
π API
β‘ Stands for Application Programming Interface
β‘ Simplify to integrate new application components into an existing architecture
β Types
β‘ Public
β‘ Private
β‘ Partner
β‘ Composite
β‘ Stands for Application Programming Interface
β‘ Simplify to integrate new application components into an existing architecture
β Types
β‘ Public
β‘ Private
β‘ Partner
β‘ Composite
Thank you for reading the thread βΊοΈ
If you like it then do give the first tweet a RETWEET π
If you like it then do give the first tweet a RETWEET π
Loading suggestions...