MODULE 3 – CSS and CSS3
Practicing Basic CSS Codes
• How to and Where to CSS code, Comments in CSS, Converting Style Attribute to CSS
• ID Selector, Class Selector, Child Class, Grouping Selector, Multi Stylesheet, Link Stylesheet
• Background Image, Background Repeat, Background Position, Background Color
• Padding, Margin, List, Font, Link, and Table using CSS
• CSS Combinators – Child Selector, Descendent Selector, Adjacent Selector; Target Selector
• Dimension, Media Screen, Responsive Design
• Cursor, Custom Font (from External and Internal Source)
Designing with Advanced CSS and Basic CSS3
• Border in CSS, Box Shadow, Opacity, Horizontal Alignment, Background Image Handling
• White Space, Float, Clear Tag, Columns, Visibility, Animation, Animation Moves
• Table in CSS, Position in CSS
• An example Dropdown Menu using CSS
• Outline, Menu Example 1 and 2, CSS for Print Screen
• Transform, Border-box
• Designing Button using CSS
Designing more Advanced with CSS3
• Designing Search Box and Text Fields using CSS3
• Border Image, Background Image, Background Color
• Gradient, Text Shadow, Word Break
• Rotate, Rotate X, Rotate Y, Content Position, Counter
• Transform, Animation, Button in CSS3, Columns, Filter
• Designing Layout using CSS
• Understanding the Concept of Template and Theme
Exam on CSS and CSS3
• Online Quiz
• Mentoring Session
• Professional Lab Test
MODULE 4 – JavaScript
Basic JavaScript
• Writing JavaScript Code, Comments, Simple Variable, Variable Types
• JS Operators, Simple Function, Parameter, Arguments
• If Else Statement, Handling Multiple Condition, Conditional Operators
• Get Element By ID, Get Element By Tag Name, Get Element By Class
• Switch Case, For Loop, EVAL Function
Advanced JavaScript
• ParseInt, ParseFloat, ParseString, This Element
• Class and Object, Advanced Class and Object
• Handling String, Handling Number
• Handling Math, Handling Math
• Handling Array
Examples on JavaScript
• Example - Form Validation, Advanced Form Validation
• Example - JSON Format, Auto Select, Confirm Function,
• Example - Image Slider, Popup Page
• Example - Printing Option Creation, Random URL, Blur
• Example - Creating Dynamic Dropdown Menu
Exam on JavaScript
• Online Quiz
• Mentoring Session
• Professional Lab Test
MODULE 5 – jQuery
jQuery Basics, the JavaScript Library
• Basis Rules and Guidelines on jQuery; Show, Hide, Toggle Function;
• Change CSS using jQuery, Menu with Mouse-over and Mouse-out
• Focus and Blur on Text Field
• Fade-in, Fade-out, Fade-Toggle
• Slide-up, Slide-down, Menu using Toggle
• Get and Set Text/HTML using jQuery;
jQuery Basics, the JavaScript Library
• Example – Add and Remove Element Dynamically
• Get Dimension using jQuery, Animation using jQuery
• Load File using jQuery, AJAX Page Load using jQuery, No Conflict Function
• Make Popup using jQuery, Print Selected Division using jQuery
• Calendar Date Picker, Crosscheck Password using jQuery
Exam on JavaScript
• Online Quiz
• Mentoring Session
• Professional Lab Test
No comments:
Post a Comment