Web Front-End Development

কোর্সের মেয়াদ

৩ মাস

ক্লাস টাইম

২ ঘণ্টা

সাপ্তাহিক ক্লাস

৩ দিন

কোর্স ফিঃ৳ ৮০০০

মোট ক্লাসঃ৩৬ টি

ক্লাস ভিডিওঃথাকবে

ভাষাঃবাংলা & English

মোট সময়ঃ৭২ ঘণ্টা

ভর্তি হোন ফ্রি সেমিনার

কোর্স ওভারভিউ

overview

কোর্স সিলেবাস

HTML Basic

  • Use of HTML
  • HTML Structure
  • Understanding Tags & Attributes
  • div, span, paragraph, a, img
  • Form & Inputs
  • Table
  • Comments

HTML Advanced

  • List
  • Layout
  • Responsive
  • Iframes
  • Style Guide
  • Emoji Symbols
  • Favicon
  • Formatting Elements
  • Audio, Video, YouTube

CSS Basic

  • Include CSS into HTML
  • CSS Selectors
  • id, class, tag design
  • padding, margin, height, width
  • border, background, display, outline
  • position, z-index, overflow, float
  • text, color, font, size
  • align, opacity, important, pseudo
  • Form style
  • Table style

CSS Advanced

  • Box Model
  • Responsive, Media Query
  • Overview of SASS
  • Flexbox
  • Create CV Template

Bootstrap & Font

  • Bootstrap Integration
  • Container, Card, Forms, Button
  • Table, Pagination, Dropdown
  • Details of Grid system
  • List, Navbar, Colors
  • Typography
  • Modal
  • Fontawesome Integration & Use

JavaScript & jQuery

  • JavaScript Intro
  • jQuery and select
  • jQuery ajax
  • Create Flash Message
  • Add jQuery Confirm
  • Date time picker
  • Select2 Dropdown

Social Network Bootstrap theme

  • Project understanding
  • Project Structure & Bootstrap
  • Registration
  • Login
  • Post, comment, reply view
  • Public view
  • Authorized view

Social Network Bootstrap admin

  • User management
  • Post moderation
  • Access control
  • Reset password
  • Change role

TypeScript

  • Data Types
  • Constant and Variables
  • Class & Functions
  • String, List, Map, Object
  • Tuples, Sets, and Booleans
  • Comparison and Logical Operators
  • If and Else Statements
  • While & For Loop

React Basic

  • Environment Setup
  • Create react app
  • Component Details
  • React JSX
  • HTML to React UI

React Advanced

  • State & Props
  • Hook system
  • Event handling
  • CSS Styling
  • React Router

Convert SN theme to React

  • Create components for SN theme
  • Manage route for SN theme
  • Connect all component
  • Run whole project using React

API Integration

  • Understanding of API
  • Install required package
  • Understand POST, GET, DELETE Request
  • Connect to API endpoints

Deployment

  • Understanding deployment
  • Locally deployment test
  • Configure Prod Configuration
  • Deploy to Local server
  • Deploy to Heroku & Firebase
Share