Web Application Development Syllabus
Intro to Web App Development
- What is web / internet
- What is a website
- What is a web page
- What is a web browser
CSS 3
- Intro to CSS 2 & 3
- Rgba
- Font and related properties
- Text and related properties
- Word formatting properties
- Border and how it works
- Border radius and how it works
- Box shadow, text shadow and how it works
- Margin and how it works
- Padding and how it works
- Transitions
- Animations
- Gradient colors
- Positions (relative, absolute, fixed, and sticky)
- Overflow Properties (hidden, scroll, auto)
- Transform Properties
Bootstrap Responsive Web Design
- Intro to Page Template Development
- Intro to Responsive Web Design (RWD)
- Need of RWD in real websites
- Extra-small, small, medium, large devices
- Media queries
- Introduction to Bootstrap
- Bootstrap First Example
- Bootstrap Alignment
- Bootstrap Text colors
- Bootstrap Tables
- Bootstrap Buttons
- Bootstrap Images
- Bootstrap Jumbotron
- Bootstrap Cards
- Bootstrap DropDown
- Bootstrap NavBar
- Bootstrap Carousel Plugin
- Bootstrap Grid system (Responsive Web Design)
- Bootstrap Forms
JavaScript
- Intro to JavaScript
- Need of JavaScript in real websites
- Variables
- Operators
- Control statements
- Dialog boxes
- User-defined functions
- DOM manipulations
- Event handling
- Mouseover, mouseout
- Keyup, keypress, onload
- Setinterval, Settimeout
- External JavaScript
- Validations using JavaScript
- String methods
- Date methods
jQuery
- Intro to jQuery
- Need of jQuery in real websites
- Advantages of jQuery
- jQuery versions
- jQuery production vs development
- Downloading jQuery
- val, html, text
- mouseover, mouseout
- Keypress, keyup
- Fade in, fade out, fade to, fade toggle
- Show, hide, toggle
- Slide down, slide up, slide toggle
- Updating CSS using jQuery
- jQuery chaining
- addClass, removeClass
- attr, removeAttr
- append, prepend, after, before
- Drag and Drop using jQuery UI