Web Development

About The Course

Aspiration's HTML5 + CSS + JavaScript course covers all the concepts like HTML, HTML-5 tags, CSS and CSS-3 styles. Also, JavaScript programming and handling Javascripts events with HTML, JQuery and AngularJS is introduced.

Course Objectives

After the completion of the 'HTML5 + CSS + JavaScript' Course at aspirations, you should be able to:
1. Design Websites using HTML
2. Style the Websites developed in HTML using CSS
3. Develop JavaScript codes
4. Write JQuery codes for UI development
5. Understand Angular Js

Who should go for this course?

This course can be taken by anyone who wants to be a web developer or design websites for blogs. Besides this, anyone who wants to learn HTML, CSS, JSP and JQuery to create a website can enroll for this course.

Pre-requisites

Basic computer science knowledge will help you learn HTML5 + CSS + JavaScript.

Project Work

After completing the course, you should develop an online shopping website with the below given details:
1. Landing page (Which is the first page) that displays the products
2. Display Menu – Electronics, Men, Woman
3. Display the menu items under each menu as given below:
a. Electronics 
(i) Mobiles
(ii) Laptops
(iii) TV
(iv) Cameras
b. Men 
(i) Footwear
(ii) Clothing
(iii) Watches
(iv) Bags
(v) Accessories
c. Woman 
(i) Clothing
(ii) Bags
(iii) Watches
(iv) Sun-glasses
(v) Beauty & Wellness
4. Based on the selection, the display on the corresponding page gives the details of the product
5. Display a header with a logo of the company and footer with the website of the company

Why learn HTML5 + CSS + JavaScript?

With the commercialization of the web, web development has become one of the blooming industries. Learning web development enables you to create attractive websites using HTML, CSS, JQuery and JavaScript. Web development includes developing simple and complex web-based applications, electronic businesses and social networking sites. Being a web developer you can deliver applications as web services which is only available in desktop applications.

.

1. HTML Part-1

Learning Objectives - In this module, you will understand the role of HTML, CSS and JavaScript in a web page and through understanding of HTML Elements. You will also understand the role of different elements of a HTML document.
Topics - HTML History and Origins, HTML Document/Page Types, Mark-up Components, Elements, Tags, Document Structure, Element Structure, Element Attributes, Heading and Paragraphs, Block and Inline Elements, Character and Entity References, Sub-elements of <head> element.

2. HTML Part-2

Learning Objectives - In this module, you will learn about developing websites using lists, anchors, tables, and images. You will understand how to develop a page containing various form elements and controls.
Topics - Images, Formatting and Styling images, Using images a background and bullets, Hyperlinks, URLs, Use of anchor tag, Ordered and Unordered List, Styling Lists, Tables, Styling Tables, Form Elements, Various types of Input types in Forms, Form Controls.

3. CSS

Learning Objectives - In this module, you will learn how to style your websites using CSS (Cascading Style Sheets). You will also learn about CSS Box-Model, Selectors, Properties and styling lists and tables.
Topics - CSS Placement in HTML, CSS Syntax, CSS Box Model, CSS Selectors, Attribute Selectors, Pseudo-class Selectors, Pseudo-element Selectors, Units of Measure, Color, Font and Text Properties, CSS Backgrounds, Box-Model Properties, Position and Display Properties, List Properties, Table Properties.

4. HTML5

Learning Objectives - In this module, you will learn about developing websites using HTML5 tags. You will understand role of <div> tag, when to use id/class attributes in an HTML element.
Topics - Exploring Prior HTML Standards, Why HTML5?, HTML5 Support in Browsers, HTML4 Vs. HTML5, Deprecated Elements, New HTML5 Structural Elements, HTML5 API Overview (covered in Module-10: Advanced Web Programming), HTML5 Content Model, Role of <div> tag, Using ID and Class Attributes, HTML5 Page Structure.

5. HTML5 Forms, Audio and Video

Learning Objectives - In this module, you will learn about developing websites using new HTML5 form inputs types and attributes. You will understand how to embed audio and video using HTML5 tags in a web page and display of Google maps.
Topics - HTML5 Input Types, HTML Form Attributes, Embedding Audio and Video in HTML5, Display of Google maps.

6. CSS3

Learning Objectives - In this module, you will learn the new topics of CSS3 such as Rounded Borders, Use of Transforms and Transitions, displaying text in multiple columns etc.
Topics - Rounded and Elliptical Borders, Box Shades, New CSS3 Selectors, Using @font-face, Typography, Text in Multiple Columns, 2-D Transforms, Transitions, CSS Cascade and Inheritance, CSS Specificity, Media Queries.

7. JavaScript Part-1

Learning Objectives - In this module, you will learn to code with JavaScript. You will learn to define different data types, operators, Arrays, Conditional and Loop Statements, and Objects.
Topics - JavaScript Values, Variables, Operators, Type Conversions, Arrays, Conditional Statements, Objects, Loop Statements.

8. JavaScript- Part 2

Learning Objectives - In this module, you will learn the next level of JavaScript coding. You will learn to access HTML elements through DOM, different methods of DOM, modifying the contents of HTML elements using DOM and change the style of the HTML elements using DOM etc. In this module, you will learn the advanced topics of JavaScript. You will learn about events of DOM, event listeners of DOM, identifying the elements of HTML using DOM and the performing options with them, working on various functionalities of BOM (Browser Object Model) like Screen, window, History etc.
Topics - Functions, Browser Object Model, Document Object Model, JavaScript Object Notation, DOM Methods and Events, Ajax.

9. jQuery and AngularJS

Learning Objectives - In this module, you will learn to write jQuery code to enhance the HTML Websites. You will learn to handle the events of jQuery as in JavaScript, display or hide the elements of HTML, perform the animations like fading and sliding the elements, get and set the contents of HTML elements using jQuery, append and remove the data to the HTML elements using jQuery. In this module, you will learn to change the style of the HTML elements using JQuery, iterate the elements of HTML using JQuery, change the style for both the parental and child elements of the HTML, narrow the search elements using filtering of JQuery.
Topics - Selectors, Events, Effects, Hide/Show, Fade/Slide, Animate, Call-backs, Chaining, CSS Classes, jQuery css(), Dimensions, Traversing, Ancestors, Descendants, Siblings, Filtering, jQuery Ajax, AngularJS Introduction.

10. Advanced Web Programming

Learning Objectives - In this module, you will learn the advanced concepts of web programming. You will learn created graphics are using SVG and Canvas, Use of GeoLocation API, Drag and Drop API, how to use storage information in browser, programming with multiple threads of execution and Server-Side events.
 
Topics - Canvas, Scalable Vector Graphics, GeoLocation API, Drag and Drop, Web Storage, Web Workers, Server-side Events, Plug-ins.
At the end of your course, you will work on a real time Project. You will receive a Problem Statement along with a data set to work.
Write your Query.
Be a web developer guru in 30 hrs.

© Aspirations Institute