Scribd
Upload
13 views11 pages

1 - The Complete 6 Month Front-End Development Course 2

The document outlines a comprehensive 6-month Front-End Web Development course covering HTML, CSS, Bootstrap, JavaScript, jQuery, and advanced jQuery techniques. Each section includes fundamental concepts, practical applications, and various methods for web development. The course is designed to provide a thorough understanding of front-end technologies and their implementation.

Uploaded by

secasoc525
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
13 views11 pages

1 - The Complete 6 Month Front-End Development Course 2

The document outlines a comprehensive 6-month Front-End Web Development course covering HTML, CSS, Bootstrap, JavaScript, jQuery, and advanced jQuery techniques. Each section includes fundamental concepts, practical applications, and various methods for web development. The course is designed to provide a thorough understanding of front-end technologies and their implementation.

Uploaded by

secasoc525
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

The Complete 6 Months Front-End Web Developement Course

HTML

HTML Introduction
HTML Editors
HTML Headings
HTML Paragraphs
HTML Styles
HTML Formatting
HTML Comments
HTML Preformatted text
HTML Order Lists
HTML Unorder Lists
HTML Inputs
HTML Textarea
HTML Form
HTML Label
HTML Button
HTML Break
HTML Span
HTML Horizontal line
HTML Images
HTML Tables
HTML Attributes
HTML Quotation Mark
HTML Classes
HTML ID
Difference Between Class & ID
HTML Background Colors
HTML Text Colors
HTML Blocks
HTML iframe
HTML Video
HTML Audio
HTML Source
HTML Progress
HTML Select
HTML Hyperlink
HTML Footer
HTML Header
HTML Script
HTML Link

CSS

CSS Introduction
CSS Colors
CSS Background Color
CSS Borders
CSS Margins
CSS Padding
CSS Height/Width
CSS Outline
CSS Text(Text-Align)
CSS Fonts
CSS Links Color
CSS Lists
CSS Tables
CSS Max-Width
CSS Display
CSS Position
CSS Overflow
CSS Float
CSS Opacity
CSS Hover
CSS Active
CSS Before
CSS After
CSS Navigation Bar

CSS3

CSS3 Rounded Corners


CSS3 Image Corners
CSS3 Image Border
CSS3 Background Image
CSS3 Gradients
CSS3 Shadows
CSS3 Buttons
CSS3 2D Transforms
CSS3 3D Transforms
CSS3 Transitions
CSS3 Animations
CSS3 Keyframes
Media Queries

BOOTSTRAP

What is Bootstrap?
Adding Bootstrap to a Project
Tables
Jumbotron
Alerts
Buttons
Buttons Group
Glyphicons / Font Awesome
Badges
List Groups
Dropdowns
Inputs
Inputs Button
Navbar
Images
Grid System
Grid Small
Grid Medium
Grid Large

JavaScript

The JavaScript Output


Syntax
Number Variable
String Variable
Null and Undefined Variable
Useful Built-In Methods
Writing JavaScript in a Separate File

String Methods
String length
String UpperCase
String LowerCase

Math
Math.floor
Math.ceil
Math.random
Date And Time
Comments
Age Calculator Exercise
Control Flow
Boolean Logic
Logical Operators
Arithmetic Operators
Assignment Operators
Conditions
Build A Guessing Game
Loops

Introduction to Loops
While Loop
For Loops
Do-While Loop

Functions

Introduction to Functions
Arguments
Local Scope variables
Scope Variables

Arrays

Introduction to Arrays
Arrays Methods

Objects
Introduction to Objects
Comparing Objects and Arrays
The Keyword This

DOM Manipulation

Introduction to the DOM


Important Selector Methods
Manipulating Style
Manipulating Text
Manipulating Attributes
Playing With Google Code Along

Events

Click Events
Mousehover / Mouseenter
Mouseleave Events
jQuery

What is jQuery?
Why Use jQuery?
jQuery Syntax
jQuery Selector
jQuery Text and HTML
jQuery Attr and Val
jQuery Append
jQuery prepend
jQuery Manipulating Class

Advanced jQuery

jQuery Click
jQuery Mouseenter / Mouseover / Hover
jQuery Mouseleave
jQuery Focus
Difference Between Hover & Focus
jQuery FadeIn / FadeOut
jQuery Hide / Show
jQuery Animate
jQUERY SlideDown
jQUERY SlideUp
jQuery Scroll Animation
Slick Slider

********** END **********

You might also like