Web Development
Curriculum
- 7 Sections
- 47 Lessons
- 4 Weeks
Expand all sectionsCollapse all sections
- HTML: Hyper Text Markup Language8
- 1.11. HTML Basic • What is Markup Language • Basic Structure of HTML • Meta Tags • External Link Tags
- 1.22. HTML Elements • Basics, Elements • Paragraphs and Formatting • HTML Skeleton, • Creating an HTML Document • Basic Content Structure • Headings • Horizontal Rules • Line Breaks
- 1.33. 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
- 1.44. Hyperlinks • Href, Name, Title, Target
- 1.55. Lists • Creating Unordered & Ordered Lists • Creating Nesting Lists • Creating Definition List
- 1.66. Div & Tables • Creating of Div Tag • Creating and Modifying Tables • Formatting Tables • Table Headers and Captions
- 1.77. Form • Name, Action, Method • Text, Hidden, Password • Radio Button, Checkbox • Select, Textarea • Submit, Reset, Button
- 1.88. 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 Sheet13
- 2.11. Understanding CSS: • Versions of CSS • Types of CSS Rules • CSS and Markup Languages
- 2.22. 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
- 2.33. 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
- 2.44. 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
- 2.55. Color and Background Properties • Choosing Color Palettes • Setting Text and Foreground Color • Setting a Background Color • Setting a Background Image • Setting Multiple Background Values
- 2.66. 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
- 2.77. CSS Border • Border, width, color, style
- 2.89. Floating • None, left, right • Initial, inherit
- 2.98. Positioning • Static, relative, absolute • Fixed, z-index
- 2.1010. Pseudo – elements and CSS classes
- 2.1112. CSS3 • Borders • CSS3Backgrounds • CSS3 Gradients • CSS3 Shadows • CSS3 Text Effects • CSS3 Fonts • CSS3 2D/3D Transforms • CSS3 Transitions • CSS3 Animations • CSS3 Multiple Columns
- 2.1211. CSS List • list-style • list-style-image • list-style-position • list-style-type
- 2.1313. Create a Layout Using CSS Property
- JavaScript8
- 3.11. Introduction
- 3.22. Statements & Comments
- 3.33. Variables Keyboard Events
- 3.44. Data types
- 3.55. Operators
- 3.66. Conditional Statements and Loops
- 3.77. User Defined Functions
- 3.88. HTML Events • Window Event Attributes • onload • onunload • Form Events • onblur • onchange • onfocus • oninput • onselect • onsubmit • onkeypress • onkeyup • onclick • ondblclick • onmouseover • onmouseout • onmousedown • onmouseup
- Advanced JavaScript0
- Advanced JavaScript4
- 5.11. JavaScript Basics • Refreshing Basic JavaScript Concepts • Defining Functions • Arrays & Objects in JS • Date & Math Object • String Methods • Set timeout & Set Interval Function
- 5.22. The DOM Objects • Introduction to DOM object • DOM Methods • Access & Modify HTML through DOM • Event Listners
- 5.33. Advance JavaScript Overview • Functions in depth • JS Prototype • This Keyword in JS
- 5.44. Getting Into Advance JS • OOJS concept • Classes & Instances • Exception Handling in JS • Constructors & Inheritance
- JQuery6
- 6.11. Introduction
- 6.22. JQuery Syntax jQuery Get
- 6.33. jQuery Selectors jQuery Set
- 6.44. jQuery Events jQuery Add
- 6.55. jQuery Effects • jQuery Hide/Show • jQuery Fade • jQuery Slide • jQuery Animate • jQuery Stop() • jQuery callback • jQuery chaining
- 6.66. JQuery HTML • jQuery Get • jQuery Set • jQuery Add • jQuery Remove • jQuery CSS Classes • jQuery CSS
- Bootstrap8
- 7.11. How to Create a Layout in Bootstrap • Grid Classes
- 7.22. Basic Tags in Bootstrap • Contextual colors and backgrounds
- 7.33. Table in Bootstrap • Bootstrap Basic Tables • Striped Rows o Bordered Table o Hover Rows • Condensed Table o Contextual Classes o Responsive Table
- 7.44. Navigation barin Bootstrap • Inverted Navigation Bar • Fixed Navigation Bar
- 7.54. Navigation barin Bootstrap • Inverted Navigation Bar • Fixed Navigation Bar • Navigation Bar with Dropdown • Right-aligned Navigation Bar o Collapsing the Navigation Bar
- 7.65. Form in Bootstrap • Vertical Form • Horizontal Form • Inline Form
- 7.76. Buttons in Bootstrap • Button Styles • Button Sizes • Block Level Buttons • Active/Disabled Buttons
- 7.87. Images in Bootstrap • Rounded Corners Image • Circle Image • Thumbnail Image