Professional Training

A front-end web developer builds a mobile responsive website and web applications.

They create a good design with an excellent user experience. They do these by using cutting-edge technologies HTML, CSS, JAVASCRIPT, BOOTSTRAP, REACT, VUE, AJAX, JQUERY, etc.

Curriculum

Domain 1—LAYING THE WEBPAGE STRUCTURE

• HTML5
• Code editors
• Elements & Tags
• Comments
• Attributes
• Headings
• Paragraphs
• Formatting
• Links
• Images
• Tables
• List
• Layout
• Semantics
• Entities
• Emojis
• Charset
• Favicon
• Forms
• multimedia

Domain 2—STYLING THE WEBPAGE (CSS 3)

• Introduction and syntax
• Selectors
• Comments
• Color
• Backgrounds
• Text
• Font
• Icons
• Links
• List
• Tables
• Box model
• Dimension
• Display
• Dimension
• Position
• Overflow
• Position
• Position
• Float
• Aligning Elements
• Pseudo classes & Elements
• Opacity
• Sprites
• Navigation Bar
• Dropdowns
• Image Gallery
• Attribute selectors
• Units
• !Importance
• Forms
• Rounded Corners
• Gradients
• 2D & 3D Transforms
• Transitions
• Animation
• Box Sizing
• Flexbox
• Filters
• Shadows
• Tooltips
• Pagination
• Buttons
• Image Style
• Object-fit & Position
• Syntactically Awesome Stylesheet (SASS)

        Domain 4—JAVASCRIPT

• Introduction
• JavaScript syntax, Statements, Comment
• Where to place JavaScript
• Getting Output
• Variables, Let, Const
• Variable Scope
• Hoisting
• Strict Mode
• Operators
• Data Types
• Functions
• Events
• If Statement
• Switch
• Loops
• Break & Continue
• Iterables
• Objects
• String
• Number
• Array
• Boolean
• Date
• Math
• Dom
• Bom
• Oop
• Jquery
• Javascript async
• Jason
• Ajax
• Form validation
• Cookies

        Domain 5—BOOTSTRAP 5

• Introduction
• Container
• Grid
• Typography
• Color
• Tables
• List & List Groups
• Form
• Alert
• Images
• Jumbotron
• Buttons & Button Groups
• Images
• Spinners
• Pagination
• Cards
• Dropdown
• Collapse
• Nav
• Navbar
• Modal
• Accordion
• Breadcrumbs
• Popover
• Toast
• Carousel
• Forms

        Domain 6—REACT

• Introduction
• Setup
• Render HTML
• JSX
• Components
• Pagination, Filtering, and sorting
• State
• ES6
• Class
• Props
• Events
• List
• Conditionals
• Forms
• Router
• Redux
• React-Redux
• Memo
• React CSS
• React Sass
• Making API Calls
• Hooks
• Debugging React Apps

Domain 7—UX/UI

• What is UI/UX
• Concepts of UI & UX
• Roles & Responsibilities
• Research Techniques in UI/UX
• UI/UX Design Tools
• UI/UX-Wireframe, Mockup & Design in Figma

Domain 8—VERSION CONTROL

• What is version control?
• What is Git?
• What is GitHub?
• Difference between Git & GitHub.
• Git Environmental Setup
• Staging environment
• Commit
• Branch
• Branch Merge
• Working with GitHub
• Pull from GitHub
• Push to GitHub
• GitHub Branch
• GitHub Flow
• GitHub Pages
• GitHub Fork
• Cloning Git from GitHub
• GitHub Pull Request
• Git Ignore & .gitignore
• Git Security with SSH
• Adding SSH to GitHub
• Git Revert, Reset, and Amend

Who should learn Frontend?

• Frontend developers
• Full-stack developers
• Web designers

What will I be able to do at the end of the training?

• Ability to create a responsive front-end website.
• Ability to create a good user interface and user experience frontend website.
• Work with back-end developers to integrate UI components with APIs and databases.
• Write high-quality, scalable, and reusable code.

Debug errors and troubleshoot issues