7
CURRICULUM HTML What is HTML? What is a Web Browser? l What are Versions of HTML? l What can You Do with HTML? l HTML Development Environments l Using a WYSIWYG Editor l Using an HTML Editor l Writing Code with a Text Editor l Publishing Documents l Review of HTML Elements Rules of Syntax l Making your Code Readable l Making your Code XHTML Compliant l Building a Document l Using Colors l Adding Color to your Page l Using Headings l Using Paragraphs l Using Block quotes l Using Entities l Aligning Block-Level Elements l Inserting Spaces and Line Breaks Displaying Preformatted Text l Formatting with Inline Elements l Controlling Fonts l Introducing List Elements l Creating Unordered Lists l Creating Ordered Lists l Creating Definition Lists l Nesting Lists l Indenting Text with the <ul> Tag l What is an HTML Table? Building a Table l Using the Border Attribute l Cell Padding and Cell Spacing l Controlling Table and Cell Width l Aligning a Table on the Page l Aligning Tables and Text l Aligning Table Data l Spanning Columns and Rows l UI AND ANGULAR JS

UI AND ANGULAR JS - DuCat India

  • Upload
    others

  • View
    5

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UI AND ANGULAR JS - DuCat India

CURRICULUM

HTMLWhat is HTML? What is a Web Browser?l�

What are Versions of HTML?l�

What can You Do with HTML?l�

HTML Development Environmentsl�

Using a WYSIWYG Editorl�

Using an HTML Editorl�

Writing Code with a Text Editorl�

Publishing Documentsl�

Review of HTML Elements Rules of Syntaxl�

Making your Code Readablel�

Making your Code XHTML Compliantl�

Building a Documentl�

Using Colorsl�

Adding Color to your Pagel�

Using Headingsl�

Using Paragraphsl�

Using Block quotesl�

Using Entitiesl�

Aligning Block-Level Elementsl�

Inserting Spaces and Line Breaks Displaying Preformatted Textl�

Formatting with Inline Elementsl�

Controlling Fontsl�

Introducing List Elementsl�

Creating Unordered Listsl�

Creating Ordered Listsl�

Creating Definition Listsl�

Nesting Listsl�

Indenting Text with the <ul> Tagl�

What is an HTML Table? Building a Tablel�

Using the Border Attributel�

Cell Padding and Cell Spacingl�

Controlling Table and Cell Widthl�

Aligning a Table on the Pagel�

Aligning Tables and Textl�

Aligning Table Datal�

Spanning Columns and Rowsl�

UI AND ANGULAR JS

Page 2: UI AND ANGULAR JS - DuCat India

Nesting Tablesl�

Adding Color to Tablesl�

Using Tables as a Design Tooll�

Creating a Hyperlink Understanding and Using URLsl�

Linking to a Web Documentl�

Linking to a Local Documentl�

Linking to Anchorsl�

Opening a New Browser Windowl�

iFramel�

Graphic File Formats Optimizing Image and File Sizel�

Inserting Inline Images, ImageMap, Sprite Imagel�

Aligning and Formatting Imagesl�

Using Images to Anchor Linksl�

Creating a Look-and-Feell�

Sizing and Scaling Imagesl�

Using Transparent Imagesl�

Using GIF Animationl�

Forms and Controls Forms , Form Elementsl�

Form Actions, Form Methods , Form Designl�

CSS 2 and CSS 3

Semantic mark up HTML or (x)HTMLl�

the DOCTYPEl�

Semantics explainedl�

Document structure and flowl�

Removing visual elements from mark upl�

About web standardsl�

Validating your mark upl�

CSS review and basics CSS syntaxl�

CSS selectorsl�

Classes and ID'sl�

CSS1 vs CSS2 vs CSS3l�

The cascadel�

Inheritancel�

Specificityl�

Validating your CSSl�

Some basic CSS properties The box modell�

Block vs inline elementsl�

Div and spanl�

Border propertiesl�

Width, height and max, minl�

The auto propertyl�

Creative artwork and CSS Using images in CSSl�

Applying texturel�

Graduated fillsl�

Round cornersl�

Page 3: UI AND ANGULAR JS - DuCat India

Transparency and semi-transparencyl�

Stretchy boxesl�

Creative typographyl�

Layout principals with CSS Document flowl�

Absolute positioningl�

Relative positioningl�

Static positioningl�

Floating elementsl�

Building layout with CSS A centered containerl�

2 column layoutl�

3 column layoutl�

Faux columnsl�

CSS based navigation Mark up structures for navigationl�

Styling links with pseudo classesl�

Building a horizontal navigation barl�

Building a vertical navigation barl�

CSS drop down navigation systemsl�

Creating a CSS styled form Form mark upl�

Associating labels with inputsl�

Grouping form elements togetherl�

Form based selectorsl�

Changing properties of form elementsl�

Formatting text in formsl�

Formatting inputsl�

Formatting form areasl�

Changing the appearance of buttonsl�

Laying out formsl�

Styling a data table Basic table mark upl�

Adding row and column headersl�

Simplifying table structurel�

Styling row and column headingsl�

Adding bordersl�

Formatting text in tablesl�

Laying out and positioning tablesl�

Creating a print page Switching to a different media for printl�

Showing and hiding elementsl�

Altering layout for printl�

Changing font and font size for printl�

Showing or hiding link informationl�

Previewing and testing print stylesl�

Working with other media types Switching to a different medial�

Delivery to other devicesl�

Dynamically switching style sheetsl�

Accessibility considerationsl�

Graceful transformationl�

Audio, Videol�

Page 4: UI AND ANGULAR JS - DuCat India

JavaScriptIntroduction to JavaScript Origins of JavaScriptl�

JavaScript Characteristicsl�

Common Programming Conceptsl�

Java and JavaScriptl�

Server-side vs. Client-side Applicationsl�

Annotating Your Code with Commentsl�

Working with Variables and Datal�

Communicating with the Userl�

Using Data More Than Once: Variablesl�

JavaScript Reserved and Keywordsl�

Expressions and Operatorsl�

Inline Scripting, Simple User Events, and the onLoad and onUnload Event Handlersl�

Functions, Methods, and Eventsl�

Methods as Functionsl�

Conditional Operatorsl�

Defining and Calling a Functionl�

The confirm() Method and Formsl�

User Events and JavaScript Event Handlersl�

Developing Interactive Formsl�

Form Controlsl�

Referring to form Objectsl�

The button, checkbox, text, textarea, radio button, and select Objectsl�

Controlling Program Flowl�

The if...else, while, for, break, and continue Statementsl�

The Modules Operatorl�

Using continue in a while Loopl�

The switch Statementl�

The do...while Statementl�

JavaScript Object Modell�

JavaScript Object Hierarchy Modell�

Commonly Used Objectsl�

The window, document, history, and location Objectsl�

JavaScript Language Objectsl�

The String, Array, Date, and Math Objectsl�

Evaluating Stringsl�

Setting and Extracting Time Informationl�

JQuery Getting Started with jQueryl�

Selecting Elementsl�

Manipulating the Pagel�

Traversing the DOM and Chainingl�

jQuery Utility Methodsl�

Handling Events and Event Delegationl�

AJAX, JSON and Deferredsl�

Enhancing with Animation Effectsl�

Grids , Tables with Ajax , Pagination, JQuery UIl�

jQuery Best Practicesl�

HTML 5Introduction Laying out a page with HTML5l�

Page Structurel�

New HTML5 Structural Tagsl�

Page Simplificationl�

Page 5: UI AND ANGULAR JS - DuCat India

HTML5 - How we got here The Problems HTML 4 Addressesl�

The Problems XHTML Addressesl�

The New More Flexible Approach of HTML5 - Paving the Cowpathsl�

New Features of HTML5l�

The HTML5 Spec(s)l�

Current State of Browser Supportl�

HTML5 AUDIO AND VIDEO Supported Media Typesl�

The audio Elementl�

The video Elementl�

Accessibilityl�

HTML5 FORMS Modernizrl�

New Input Typesl�

HTML5 NEW FORM ATTRIBUTES autocompletel�

novalidatel�

HTML5 NEW FORM FIELD ATTRIBUTES requiredl�

placeholderl�

autofocusl�

autocompletel�

forml�

patternl�

NEW FORM ELEMENTS datalistl�

progress and meterl�

HTML5 WEB STORAGE Overview of HTML5 Web Storagel�

Web Storagel�

Other Storage Methodsl�

HTML5 CANVAS Getting Started with Canvasl�

Drawing Linesl�

Color and Transparencyl�

Rectanglesl�

Circles and Arcsl�

Quadratic and Bezier Curvesl�

Imagesl�

Textl�

INTEGRATED APIS Offline Application APIl�

Drag and Drop APIl�

BootstrapIntroduction to Bootstrap Introductionl�

Quick Styles After Darkl�

Our First Web Pagel�

What's Inside?l�

Page 6: UI AND ANGULAR JS - DuCat India

Scripts and Stylesl�

Core Conceptsl�

Summaryl�

Layout with Bootstrap Introductionl�

Grid Layoutsl�

Simple Layoutl�

Fixed Gridsl�

Fluid Gridsl�

Responsive Designl�

Responsive Utilitiesl�

Inspirationl�

Summaryl�

Everyday Bootstrap Introductionl�

Typographyl�

Tablesl�

Formsl�

Buttonsl�

Images and Iconsl�

Summaryl�

Bootstrap Component Introductionsl�

Drop down Menul�

Buttons with Menusl�

Tabs and Pilll�

The Navbarsl�

Heros, Badges, Labels, and Medial�

Summaryl�

Bootstrap and JavaScript Introductionl�

More Buttonsl�

Modalsl�

Tooltips and Popoversl�

Scrollspyl�

Typeaheadl�

Carousell�

Summaryl�

Emmet Overviewl�

Setupl�

Tips and Tricksl�

AngularJSAngular JS IntroductionAngularJS is a JavaScript FrameworkAngularJS Extends HTMLModel-View-Controller approach

AngularJS ExpressionsAngularJS ExpressionsAngularJS NumbersAngularJS StringsAngularJS ObjectsAngularJS Arrays

Page 7: UI AND ANGULAR JS - DuCat India

Partners :

PITAMPURA (DELHI)NOIDAA-43 & A-52, Sector-16,

GHAZIABAD1, Anand Industrial Estate, Near ITS College, Mohan Nagar, Ghaziabad (U.P.)

GURGAON1808/2, 2nd floor old DLF,Near Honda Showroom,Sec.-14, Gurgaon (Haryana)

SOUTH EXTENSION

www.facebook.com/ducateducation

Java

Plot No. 366, 2nd Floor, Kohat Enclave, Pitampura,( Near- Kohat Metro Station)Above Allahabad Bank, New Delhi- 110034.

Noida - 201301, (U.P.) INDIA 70-70-90-50-90 +91 99-9999-3213 70-70-90-50-90 70-70-90-50-90

70-70-90-50-90

70-70-90-50-90

D-27,South Extension-1New Delhi-110049

+91 98-1161-2707

(DELHI)

Angular JS DirectivesData BindingRepeating HTML ElementsThe ng-app DirectiveThe ng-init DirectiveThe ng-model DirectiveThe ng-repeat Directive

AngularJS ControllersThe ng-controller directiveController PropertiesController MethodsControllers In External Files

AngularJS FiltersAdding Filters to ExpressionsFiltering InputOrder By filter

AngularJS HTML DOMThe ng-disabled DirectiveThe ng-show Directive

AngularJS EventsThe ng-click DirectiveHiding HTML Elements

AngularJS ModulesModule Definitions

AngularJS RoutingDependency InjectionAngular ServicesUnderstanding Angular ServicesRegistering Angular ServicesManaging Service DependenciesInjecting Services Into ControllersTesting Angular Services