FRONT-END DEVELOPMENT

IT/CSE / Front-end Development / Diploma


Course Description

The program will delve into front-end web development. They will learn how to code responsive websites that adapt seamlessly to different screen sizes and devices. Students will explore various frameworks and libraries, to enhance their development process and create dynamic web pages. Furthermore, the curriculum will emphasise the importance of creating a professional portfolio. Students will be guided on how to showcase their web design projects effectively, demonstrating their skills and creativity to potential employers. They will learn about the best practices for organising and presenting their work, highlighting their ability to follow industry standards and trends.

Key Features

  • 6-Months duration course(for easy access)
  • 2-Industry Based Project / Personal Domain & Web Hosting
  • Graphics and Multimedia Integration
  • Communication & Interview Preprations
  • ISO Certifications (With Global Access)
  • Responsive Web Design & optimisation
  • Emphasis on User Experience
  • Introduce with UI & UX
  • Built Profile On LinkedIn & Github
  • 100% Placement Assistancy

Syllabus

HTML 5

  • Introduction Of HTML
  • HTML Basic
  • Difference Between HTML & HTML 5
  • New Media Tags
  • Structure of a Web Page
  • HTML Elements , Attributes , Tags , Headings , Paragraph
  • HTML Styles
  • HTML Formatting
  • HTML Colors
  • HTML CSS
  • HTML Links
  • HTML Images , Favicons
  • HTML Table , Form , List
  • HTML Classes & ID , Iframes
  • Difference between Block & Inline
  • HTML Responsive

CSS 3

  • Intoduction to CSS
  • Types of CSS
  • Selectors
  • CSS Colors , Gradients
  • CSS Backgrounds
  • CSS Border
  • CSS Outline
  • CSS Margin & Padding , Box Model
  • CSS Combinators
  • CSS Text , Fonts , Icons , Links
  • CSS Lists , Tables , Forms
  • CSS Display , Float , Align
  • CSS Justify Content
  • CSS Positions
  • CSS Overflow
  • CSS Z-Index , Opacity
  • Text & Image Effects
  • CSS Psedo classes & Elements
  • CSS Animations
  • CSS Transition & Transform
  • CSS Grid
  • Media Query

Bootstrap 5

  • Introduction of Bootstrap
  • Difference Between Bootstrap & Bootstrap 5
  • Bootstrap BreakPoints
  • Bootstrap Grid
  • Bootstrap Typography
  • Bootstrap Color & Background
  • Bootstrap Margin , Padding
  • Bootstrap Tables
  • Bootstrap Images
  • Bootstrap Buttons / Buttons-Group
  • Bootstrap Progress Bar
  • Bootstrap Pagination
  • Bootstrap Cards
  • Bootstrap Tooltips
  • Bootstrap Modals
  • Bootstrap Navbar
  • Bootstrap Carousel
  • Bootstrap Form
  • Bootstrap Accordians
  • Bootstrap Grid Column , Multicolumn layout ,
    Nesting Layout , Align (vertically & horizontally) ,
    Reordering , Gutter classes
  • Owl Carousel
  • Bootstrap Input Group
  • Bootstrap Borders , Table Borders , Shadow
  • Bootstrap Display

Jquery

  • Introduction
  • Installation
  • Jquery Hide & Show
  • Jquery Fade
  • Jquery Slide
  • Jquery Animate
  • Jquery Stop()
  • Jquery Callback
  • Jquery Chaining
  • Jquery Get
  • Jquery Set
  • Jquery Add
  • Jquery Remove
  • Jquery css Classes
  • Jquery css()
  • Jquery Dimensions
  • Jquery AJAX
  • Jquery Load
  • Jquery Get/Post

Javascript

  • Introduction to Javascript
  • Javascript Syntax & Statements
  • Javascript Comments
  • Javascript Variables
  • Javascript Datatypes
  • Javascript Operators
  • Javascript Functions
  • Javascript Array & Objects
  • Javascript Date
  • Javascript Math & Random
  • Javascript Conditional Statements
  • Javascript Looping
  • Javascript Type-Conversion
  • Javascript Error-Handling
  • Javascript This Keyword
  • Javascript Arrow Function
  • Javascript DOM (Document Object Model)
  • Javascript BOM (Browser Object Model)
  • Javascript Version (ECMAScript 6)
  • Javascript Class Inheritence

ReactJS (Optional)

  • React Introduction
  • Installation
  • ECMAScript 6
  • Render HTML
  • Javascript XML
  • React Components
  • React Class
  • React Props
  • React Events
  • React Conditionals
  • React Lists
  • React Forms
  • React Routers
  • React Memo
  • React CSS Styling
  • React IMG Import

React Hooks

  • Hook Introduction
  • useState
  • useEffect
  • useRef
  • useReducer
  • useCallback
  • useMemo
  • Custom Hooks

Angular (Optional)

  • Angular Introduction
  • Installation
  • Expressions
  • Modules
  • Directives
  • Data Binding
  • Model
  • Controllers
  • Scope
  • Filters
  • HTTP
  • Select
  • SQL
  • Events & DOM
  • Form & Validation
  • API
  • Routing

VeuJS (Optional)

  • Introduction
  • Installation
  • Directions
  • Vue v-bind
  • Vue v-if
  • Vue v-show
  • Vue v-for
  • Vue Events / DOM
  • Vue Form Methods
  • Events Modifier
  • HTTP Request
  • Dynamic Components
  • Routing
  • Animations
  • Build Vue
  • Vue Composition API

Photoshop

  • Introduction
  • Installation

Digital Media

  • Logo Designing
  • Poster Designing
  • Book Cover Design
  • Newspaper-Editor
  • Magazine
  • Vector
  • Digital Printing
  • Mate Printing
  • Photo Edition
  • Double Expouser
  • Photo Manipulation
  • Typography & Infography

Print Media

  • Brouchers
  • Flyers
  • Typography & Infography
  • Menu
  • Banners
Enquire Now