Ui dev training_content_document - copy
- 1. UI DEVTRAINING OVERVIEW 1.HTML - DURATION – 1Week Introduction Elements Attributes HTML Document Head Title Meta tag Charset Style tag Script tag Link tag HTML Body What is Semantic? Block vs Inline elements Text format Header tags Links / Anchor tags Target, title attributes Relative vs Absolute Id links and External id links Access Keys Html Lists Unordered list Ordered list Table Table structure Semantic Table structure Rows - Columns Col Span Row Span Cell padding, Cell spacing Borders and formatting table Images and objects Embedding images
- 2. Working with Transparent images Embedding Video audio Html Forms Form tag Input types Layouts and semantic html layout structure Usability & Accessibility standards Creating Sample Project using Html 2 HTML5DURATION –3 DAYS New HTML 5 Controls Audio and Video Controls New input types Canvas SVG New Semantic controls HTML5 API Exploring HTML5 new features GEO Location Drag/Drop Local Storage 3. CSS 2/3 DURATION – 3 days Introduction Types of CSS Syntax Selectors Colors Lengths & Percentages
- 3. Formatting html elements CSS box model Grouping Nesting Pseudo classes and elements Floats Display property Positions Background images Shorthand properties Rounded corners Gradients Embedding fonts Transitions Layouts Fixed layouts RWD 4. JAVASCRIPT DURATION -1 week DATA TYPES NUMBERS STRINGS BOOLEAN UNDEFINED NULL ARRAYS OBJECTS VARIABLES COMMENTS OPERATORS ARITHMETIC OPERATORS COMPARISON OPERATORS LOGICAL OPERATORS ASSIGNMENT OPERATORS CONDITIONAL OPERATOR CONDITIONAL STATEMENTS IF, IF ELSE, IF ELSE IF SWITCH LOOPS
- 4. FUNCTIONS DEFINING FUNCTION TYPES OF DEFINING FUNCTIONS AND TYPES OF CALLING FUNCTIONS FUNCTION STATEMENTS WORKING PARAMETERS ASSIGN PARAMS TO FUNCTIONS WORKING WITH ‘N’ NUMBER OF PARAMS SPECIAL ARGUMENTS ARRAY RETURN STATEMENTS ANONYMOUS FUNCTIONS NESTED FUNCTIONS FUNCTION THAT RETURN FUNCTIONS SELF-INVOKING FUNCTIONS LITERAL FUNCTIONS SCOPES LEXICAL SCOPE CLOSURES CLOSURES IN LOOP OBJECTS /PROTOTYPE & PATTERNS (OBJECT ORIENTED JAVASCRIPT) WHAT IS OBJECTS? DEFINING OBJECTS? PROPERTIES AND METHODS INHERITANCE PROTOTYPE JS PATTERNS SINGLETON PATTERN CONSTRUCTOR PATTERN DISCUSSING ABOUT OTHER PATTERNS LINKING OBJECTS WITH ANOTHER OBJECT ACCESSING OTHER OBJECT PROPERTIES AND METHODS DATA STRUCTURES ARRAYS DEFINING ARRAYS EXPLORING ARRAYS PROPERTIES EXPLORING ARRAY METHODS WORKING WITH MULTI-DIMENSIONAL ARRAYS LOOPING ARRAY DATA MORE ADVANCED CONCEPTS IN ARRAYS AND ARRAY METHODS JAVASCRIPT BUILT IN FUNCTIONS AND OBJECTS A. STRING
- 5. B. DATE C. MATH D. REGEX E. BOM, DOM, WINDOW EVENTS A. EXPLORING EVENT TYPES B. BINDING EVENTS C. OPTIMAL WAY OF ATTACHING EVENTS D. EVENT PHASES CAPTURING A. BUBBLING B. TARGETING C. EVENT DELEGATION D. PREVENT DEFAULT WORKING WITH TIMEOUT FUNCTIONS AJAX WITH CORE JAVASCRIPT FORM HANDLING WITH JAVASCRIPT COOKIES ERROR HANDLING DEBUGGING SAMPLE PROJECT CREATION USING JAVASCRIPT 5.jQuery DURATION – 1 week INTRODUCTION JQUERY SELECTORS JQUERY EVENTS JQUERY EFFECTS MODIFYING DOM AJAX FORM VALIDATION CREATING SAMPLE PROJECT 6. Bootstrap Duration – 5hrs INTRODUCTION LAYOUT SYSTEM
- 6. GRID SYSTEM COMPONENTS THEMES CREATING PROJECT WITH BOOTSTRAP