Website Designing Course for 4 months

Course Description

Best website Design JOB Oriented Program for better Package

Syllabus

• HTML
• CSS
• JAVA SCRIPT
• BOOTSTRAP

Web Development Basics

• HTML
• Understanding the Formatting Tag
• Inline Element vs Block Level Element
• List and Anchor Tag
• Tables and it Properties
• Understanding the Meta tag and its importance
• Time Table Project with HTML
• Test on Core HTML

Media and Forms in HTML

• Walkthrough with iframe
• Bring in Media (Images, Audio and Video)
• Forms and their Importance
• All the types of input in forms
• Test on Media and Forms

Introduction to CSS

• Style website components by ID, class, and type.
• Connect CSS to a website.
• Position and display website elements
• Modify and control website typography.
• Troubleshoot and debug issues with stylesheets.

Flexbox in CSS

• Control web elements orientation and layout with Flexbox.
• Control ordering of web elements with Flexbox.
• Align and justify web elements with Flexbox.
• Transform and resize web elements with Flexbox.

Grid in CSS

• Compare and contrast the use cases for CSS Grid and Flexbox.
• Structure the layout of a web page using grid columns and rows.

Creating Responsive Layouts

• Define custom styles for different screen sizes using media queries.
• Observe and create breakpoints in a website to change layout and styling as a page is resized.

Advanced CSS

• Pseudo
• states
• Border radius
• Positions
• Pseudo
• elements
• Z
• index
• Viewpoint width and height, overflowing content
• Transition property

Introduction to JavaScript

• Intro to JavaScript
• Alerts and console logging
• Integers, strings, and variables
• Undefined variables and modifying values of variables
• Boolean operators
• Comparing values
• If statements
• For loops
• Defining functions
• Event handling

Datatypes in JavaScript

• Working with Arrays
• Numbers in JavaScript
• Strings in JavaScript
• Working with Dates Object
• Objects in JavaScript

JavaScript Document Object Model

• DOM in JavaScript
• Element Node Types
• Working with DOM Elements
• Changing Contents of DOM
• Creating New Elements with JavaScript
• Adding Events to DOM Elements
• Working with Form Elements
• Timers in JavaScript

Advanced JavaScript

• Debugging in JavaScript
• Creating Modern Live Validation Forms
• Minify & Validate JavaScript
• Using JavaScript Libraries
• Working with Modern JavaScript
• Making Use Of Use Strict
• JavaScript Bad Practices
• JavaScript Regular Expressions

Introduction to Bootstrap

• Layout and Content
• Bootstrap components
• Bootstrap utilities
• Bootstrap icons
• Forms
• Utilities
• Form Grid
• Gutters
• Horizontal Form
• Horizontal Form Label Sizing
• Column Sizing
• Auto
• Sizing
• Inline Forms

Bootstrap with CSS

• Grid System
• CSS Overview
• Typography and Code
• Tables, Forms, Images, and Buttons
• Helper Classes and Responsive Utilities

Bootstrap Layout Components

• Glyphicons
• Button Groups and Dropdown
• Input Groups and Navigation Elements
• Navbar, Breadcrumb, and Pagination
• Labels and Badges
• Jumbotron
• Page Header and Thumbnails
• Alerts, Progress Bars, and Media Object
• List Group, Panels, and Wells

Advanced Bootstrap

• Bootstrap Modals
• Bootstrap Dropdowns
• Bootstrap Collapse
• Bootstrap Tooltips
• Bootstrap Stateful Buttons
• Bootstrap Carousel
• Bootstrap Typeahead
• Bootstrap Toasts