TopITacademy

Web Development
User Avatar By admin
Modular Courses

Web Development

  • 0

    (0)
  • meta-icon 0 Lessons
  • meta-icon 2 Students
User Avatar

Web Development

4 Weeks
Expert
0 lessons
0 quizzes
2 students

Web Development

HTML: Hyper Text Markup Language

 

1. HTML Basic

  • What is Markup Language
  • Basic Structure of HTML
  • Meta Tags
  • External Link Tags

 

2. HTML Elements

  • Basics, Elements
  • Paragraphs and Formatting
  • HTML Skeleton,
  • Creating an HTML Document
  • Basic Content Structure
  • Headings
  • Horizontal Rules
  • Line Breaks

 

3. Images

  • Optimizing web graphics – JPEG, GIF &NG
  • Getting images from Photoshop
  • Embedding Images in a Web Page
  • Using Graphics
  • Using Background Images
  • Setting image properties via HTML

 

4. Hyperlinks

  • Href, Name, Title, Target

 

5. Lists

  • Creating Unordered & Ordered Lists
  • Creating Nesting Lists
  • Creating Definition List

 

6. Div & Tables

  • Creating of Div Tag
  • Creating and Modifying Tables
  • Formatting Tables
  • Table Headers and Captions

 

7. Form

  • Name, Action, Method
  •  Text, Hidden, Password
  •  Radio Button, Checkbox
  •  Select, Textarea
  •  Submit, Reset, Button

 

8. HTML5

  • HTML5 Structural Elements
  • Section, Article, Aside
  • Header, Hgroup
  • Footer, Nav
  • HTML5 Content Elements
  • Figure, Figcaption, Video Horizontal Rules
  • Audio, Embed, Canvas
  • HTML5 New Application Focused
  •  Elements
  • Meter, Details, Summary
  • NG
  • Progress, Time
  • HTML5 Input Types
  • Color, date, datetime
  • email, month, number
  • range, search, tel
  • time, url, week
  • HTML5 Form Attributes
  • autocomplete
  • nonvalidate
  • form/form-action
  • autofocus
  • multiple
  • pattern
  • placeholder
  • required

 

CSS: Cascading Style Sheet

1. Understanding CSS:

  • Versions of CSS
  • Types of CSS Rules
  • CSS and Markup Languages

 

2. CSS Basics

  • Adding Styles to an HTML Tag
  • Adding Styles to a Web Page and Web Site
  • Redefining an HTML Tag
  • Defining Classes to Create Your Own Tags
  • Defining IDs to Identify an Object
  • Defining Styles with the Same Rules
  • Adding Comments to CSS
  • Style Sheet Strategies

 

3. Font Properties:

  • Understanding Typography on the Web
  • Setting the Font Size
  • Making Text Italic and Setting Bold, Bolder, Boldest
  • Creating Small Caps
  • Setting Multiple Font Values

 

4. Text Properties

  • Adjusting Text Spacing
  • Setting Text Case
  • Aligning Text Horizontally and Vertically
  • Indenting Paragraphs
  • Setting Text and Foreground Color
  • Decorating Text
  • Setting Text Direction
  • Setting Page Breaks for Printing

 

5. Color and Background Properties

  • Choosing Color Palettes
  • Setting Text and Foreground Color
  • Setting a Background Color
  • Setting a Background Image
  • Setting Multiple Background Values

 

6. Box Properties

  • Setting an Element’s Margins
  • Setting an Element’s Border
  • Setting an Element’s Outline
  • Setting an Element’s Padding
  • Setting the Width and Height of an Element

 

7. CSS Border

  • Border, width, color, style

 

8. Positioning

  • Static, relative, absolute
  • Fixed, z-index

 

9. Floating

  • None, left, right
  • Initial, inherit

 

10. Pseudo – elements and CSSclasses

 

11. CSS List

  • list-style
  • list-style-image
  • list-style-position
  • list-style-type

 

12. CSS3

  • Borders
  • CSS3Backgrounds
  • CSS3 Gradients
  • CSS3 Shadows
  • CSS3 Text Effects
  • CSS3 Fonts
  • CSS3 2D/3D Transforms
  • CSS3 Transitions
  • CSS3 Animations
  • CSS3 Multiple Columns

 

13. Create a Layout Using CSS Property

 

JavaScript

1. Introduction 
2. Statements & Comments 
3. Variables Keyboard Events
4. Data types 
5. Operators 
6. Conditional Statements and Loops 
7. User Defined Functions 
8. HTML Events

  • Window Event Attributes
  • onload
  • onunload
  • Form Events
  • onblur
  • onchange
  • onfocus
  • oninput
  • onselect
  • onsubmit
  • onkeypress
  • onkeyup
  • onclick
  • ondblclick
  • onmouseover
  • onmouseout
  • onmousedown
  • onmouseup

Advanced JavaScript

1. JavaScript Basics 

  • Refreshing Basic JavaScript Concepts
  • Defining Functions
  • Arrays & Objects in JS
  • Date & Math Object
  • String Methods
  • Set timeout & Set Interval Function

 

2. The DOM Objects

  • Introduction to DOM object
  • DOM Methods
  • Access & Modify HTML through DOM
  • Event Listners

 

3. Advance JavaScript Overview

  • Functions in depth
  • JS Prototype
  • This Keyword in JS

 

4. Getting Into Advance JS

  • OOJS concept
  • Classes & Instances
  • Exception Handling in JS
  • Constructors & Inheritance

 

JQuery

1. Introduction

2. JQuery Syntax jQuery Get

3. jQuery Selectors jQuery Set

4. jQuery Events jQuery Add

5. jQuery Effects

  • jQuery Hide/Show
  • jQuery Fade
  • jQuery Slide
  • jQuery Animate
  • jQuery Stop()
  • jQuery callback
  • jQuery chaining

 

6. JQuery HTML

  • jQuery Get
  • jQuery Set
  • jQuery Add
  • jQuery Remove
  • jQuery CSS Classes
  • jQuery CSS

 

Bootstrap

1. How to Create a Layout in Bootstrap

  • Grid Classes

 

2. Basic Tags in Bootstrap

  • Contextual colors and backgrounds

 

3. Table in Bootstrap

  • Bootstrap Basic Tables
  • Striped Rows o Bordered Table o Hover Rows
  • Condensed Table o Contextual Classes o Responsive Table

 

4. Navigation barin Bootstrap

  • Inverted Navigation Bar
  • Fixed Navigation Bar
  • Navigation Bar with Dropdown
  • Right-aligned Navigation Bar o Collapsing the Navigation Bar

 

5. Form in Bootstrap

  • Vertical Form
  • Horizontal Form
  • Inline Form

 

6. Buttons in Bootstrap

  • Button Styles
  • Button Sizes
  • Block Level Buttons
  • Active/Disabled Buttons

 

7. Images in Bootstrap

  • Rounded Corners Image
  • Circle Image
  • Thumbnail Image

 

Write a comment

Your email address will not be published. Required fields are marked *

Free

  • 0
  • 0
  • 2 students
  • 4 weeks
  • Expert
  • English
Share Now :

This will close in 0 seconds