Email: nokrekitinfo@gmail.com Cell: +8801323191601

Web Design & Development With Freelancing

Course Poster

Course Duration: 40+ Classes (5 months)

Course Fee: 15000৳ only

Enroll Now

Basic To Advance

  • ⇒ *Orientation
    • ✅ Provide all resources
  • ⇒ *HTML (Hyper Text Markup Language)
    • ✅ Introduction to HTML
    • ✅ Proper Use of HTML
    • ✅ HTML TAGS OVERVIEWS
    • ✅ Types of Tags in HTML
    • ✅ Block Tags
    • ✅ Inline Tags
    • ✅ HTML SYNTAX
    • ✅ HTML Headings Tags (H1 - H6)
    • ✅ HTML Comments
    • ✅ Div and Span to organize content
    • ✅ Hyperlinks Anchor Tag
    • ✅ Image, Video, Audio Tags
    • ✅ HTML lists
    • ✅ HTML tables
    • ✅ HTML Forms
    • ✅ HTML iframe.
    • ✅ Select and Option Tags
    • ✅ HTML Entities
    • ✅ HTML5 Semantic Tags
    • ✅ Use of attributes
    • ✅ MAKE A WEBSITE BY USING HTML TAGS
    • ✅ Problem Solving about HTML
    • ✅ ADDITIONAL RESOURCES
  • ⇒ *CSS (Cascading StyleSheet)
    • ✅ CSS OVERVIEW
    • ✅ CSS SYNTAX
    • ✅ Ways of Using CSS
    • ✅ CSS element selection Class, id and tag
    • ✅ Property and Values
    • ✅ CSS Colors
    • ✅ CSS Font styles
    • ✅ CSS Background
    • ✅ CSS Height, Width
    • ✅ CSS Spacing
    • ✅ CSS Alignment
    • ✅ CSS Transform
    • ✅ CSS Float, Overflow
    • ✅ CSS Border
    • ✅ CSS Display Property
    • ✅ Difference of display and visibility
    • ✅ Z-index
    • ✅ CSS Font Family + Google fonts
    • ✅ Box Model
    • ✅ Box Shadow
    • ✅ Fix Image size
    • ✅ Cursor property
    • ✅ CSS Position
    • ✅ CSS Pseudo Classes & Elements
    • ✅ PAGE LAYOUT
    • ✅ CSS Flexbox
    • ✅ CSS Grid
    • ✅ CSS media Query (Responsive Design)
    • ✅ ADDITIONAL RESOURCES
  • ⇒ AI In Front-end Development
    • **Introduction to AI in Front-End Development**
    • ✅ - Overview of AI in web development.
    • ✅ - Applications of AI in front-end development.
    • ✅ - Importance and benefits.
    • **AI-Powered Design Tools**
    • ✅ - Introduction to AI-driven design tools.
    • ✅ - Examples and use cases.
    • ✅ - Integration with front-end development workflows.
    • **AI-Enhanced User Experience**
    • ✅ - Personalization with AI.
    • ✅ - Predictive user interfaces.
    • ✅ - Improving accessibility with AI.
    • **AI-Driven Content Generation**
    • ✅ - Content generation tools powered by AI.
    • ✅ - Creating dynamic and engaging content.
    • ✅ - SEO implications and best practices.

Library & Frameworks

  • ⇒ *PSD to HTML
    • ✅ Introduction of PhotoShop
    • ✅ Tools Overview
    • ✅ Convert PSD into HTML
    • ✅ Additional Resources
  • ⇒ *Figma to HTML
    • ✅ Introduction of Figma
    • ✅ Tools Overview
    • ✅ Convert Figma into HTML
    • ✅ Figma Resources
  • ⇒ *JS (JavaScript)
    • ✅ JS Introduction
    • ✅ Way of using JS
    • ✅ JavaScript Output
    • ✅ JavaScript InnerHTML
    • ✅ JavaScript Comment
    • ✅ JavaScript Constants
    • ✅ JavaScript Variables
    • ✅ JavaScript Data Types
    • ✅ JS Conditional Statements
    • ✅ JS Min and Max Function
    • ✅ JavaScript Arrays
    • ✅ JavaScript Loops
    • ✅ JavaScript Functions
    • ✅ JavaScript Events
    • ✅ JS Dom Manipulation
    • ✅ JS simple Project 1 - BG color Changer
    • ✅ JS simple Project 2 - Photo Gallery
  • ⇒ *Bootstrap
    • ✅ Introduction of BootStrap
    • ✅ Setup Bootstrap
    • ✅ Use of Bootstrap Classes
    • ✅ Section Design with Bootstrap
    • ✅ Effects of Bootstrap
    • ✅ Use of Icon
    • ✅ Bootstrap Buttons
    • ✅ Bootstrap colors
    • ✅ Bootstrap Grid System
    • ✅ Responsive Design with Bootstrap
    • ✅ Slide by Bootstrap
    • ✅ Use of all bootstrap class
    • ✅ Design a web page by Bootstrap
  • ⇒ *TailwindCSS
    • ✅ Introduction of TailwindCSS
    • ✅ TailwindCSS Installation
    • ✅ Use of TailwindCSS Classes
    • ✅ TailwindCSS Classes
    • ✅ TailwindCSS Container
    • ✅ TailwindCSS Colors
    • ✅ TailwindCSS Gradient
    • ✅ TailwindCSS Spacing
    • ✅ TailwindCSS Typography
    • ✅ TailwindCSS Sizing
    • ✅ TailwindCSS Background
    • ✅ TailwindCSS Borders
    • ✅ TailwindCSS Effects
    • ✅ TailwindCSS Hover, focus
    • ✅ TailwindCSS Flexbox & Grid
    • ✅ TailwindCSS Components
    • ✅ Responsive Design with TailwindCSS
    • ✅ Web Page design with TailwindCSS
    • ✅ TailwindCSS Resources
  • ⇒ *React.js
    • ✅ Introduction of React
    • ✅ Quick Tour
    • ✅ React Installation
    • ✅ Working with Event
    • ✅ Style - Inline style
    • ✅ Style - CSS
    • ✅ Components
    • ✅ Working with State
    • ✅ Data
    • ✅ Functions
    • ✅ Array
    • ✅ Amazing Design with React
  • ⇒ *Extras
    • ✅ Git and Github
    • ✅ Domain Hosting Purchase
    • ✅ Hosting website into server
  • ⇒ *Wordpress

Freelancing

  • ⇒ *Branding
    • ✅ Create Professional social media accounts (LinkedIn, Instagram, Twitter, Quora, facebook etc).
    • ✅ Grow connections or friends.
    • ✅ Communicate with them regularly.
    • ✅ Post or send them messages about your services continuously.
    • ✅ Stay Online.
  • ⇒ *Fiverr.com
    • - SIGNUP
    • - COMPLETE PROFILE CREATION
    • - GIG OPEN
    • - BRANDING
  • ⇒ *Freelancer.com
    • - SIGNUP
    • - COMPLETE PROFILE CREATION
    • - Contest
  • ⇒ *Upwork.com
    • - SIGNUP
    • - COMPLETE PROFILE CREATION
    • - CONNECT OVERVIEWS
    • - PROJECT CATALOGUE
    • - BIDDING
    • - FIND WORK