HTML|CSS|JAVASCRIPT
What you are going to learn in HTML 5 ?
● Introduction to HTML 5
● How HTML 5 code gets rendered on the page
● Required tools to learn HTML 5
● HTML 5 text formatting tags
● HTML 5 list elements
● HTML 5 attributes
● HTML 5 Link elements
● HTML 5 image element
● HTML 5 table element
● HTML 5 semantic elements
● HTML 5 multimedia elements (like audio, video, iframe)
● HTML 5 entities
● HTML 5 accessibilities
● HTML 5 tools
● HTML 5 DOM
● HTML 5 W3C validation
What you are going to learn in CSS 3 ?
● Styling Module
● Color Module
● Text Module
● Fonts Module
● Selectors
● Pseudo Classes
● Generated Contents
● Specificity
● Values & Units
● List Styles
● Box Model
● Background Module
● Gradients
● Display Module
● Positioning Module
● Filters Module
● Clipping & Masking
● Blending Modes
● Shapes Module
● Table Layout
● Transformation
● Transition & Animations (Keyframes)
● Media Queries
● Newly Introduced CSS 3 concepts
● Flexbox Layout
1|Page
,What you are going to learn in JavaScript (EcmaScript) ?
● Introduction to JavaScript
● Introduction to programming
● About JavaScript language behaviour
● Keywords and Reserve words
● Variable or Identifier and its naming convention
● Data types
● Values & its type in JavaScript
● Operand, Operator, Expression, Instruction and Statement
● Comments
● Types of Operators (Unary, Binary & Ternary)
● Conditional statements
● Control statements
● Difference between undefined & undeclare
● Type of errors in JavaScript
● Scope
● Function and its types
● How scope works for a variable and a function ?
● How JavaScript code gets executed ?
● Execution context, Call stack & Heap
● Scope and Function Expression
● Hoisting and Shadowing
● var, let and const
● Coercion (Explicit & Implicit)
● Equality
● Closure
● Array and its methods
● Object
● Call by value & Call by reference
● String and its methods
● Template Literals
● Number and its representations (Binary, Octal, Decimal & HexaDec)
● Prototypes
● Object Oriented Principles (OOP) in JavaScript
● Rest and Spread
● Destructuring (Array & Object)
● Symbols
● Iterators & Generators
● Regular Expression
● Promise
● async and await
● Event Queue and Event Loop
● New utility methods or Higher order functions for Array
● JavaScript latest features
● Modular JavaScript
● Document Object Model (DOM)
● Browser Object Model (BOM)
● Security
2|Page
,html => hypertext markup language
=> data presentation
=> UI designing (sign up, login, registration, search form…)
= static webpages
CSS => Cascading Style Sheets
=> used to change look & feel of webpage (html elements)
JS => JavaScript
=> its back-end for html/css (Front-end)
=> it provides logical support or client validations
Html/css/JavaScript static web site designing
Html/css/JavaScript+angular or reactJS front-end developer
UI/UX developer
advJava/spring/asp.net/python/php/nodejs back-end dev
front-end+back-end+DB+config+versioning full stack developer
full stack web dev:
html/css/JavaScript/anguler/SST/bootstrap/wordpress/xml-werservice
server side tech’s:
node.js/servlet/asp.net/php/cgi-perl/py
Network:Collection of computers interlinked together is called network. First network name is
ARPANET (Advanced Research Projects Agency Network). First protocol in IT industry is FTP (File
Transfer Protocol).
Internet:Internet stands for international networking.
1990
The Internet is a network of connected computers. No company owns the Internet; it is a
cooperative effort governed by a system of standards and rules. The purpose of connecting
computers together, of course, is to share information.
Internet is a collection web application,
Web application is group of web pages
Web page is group components (means heading, para, image, button, tables, …)
A Brief History of the Web
The Web was born in a particle physics laboratory (CERN) in Geneva, Switzerland in 1989. There a
computer specialist named Tim Berners-Lee first proposed a system of information management
that used a “hypertext” process to link related documents over a network. He and his partner,
RobertCailliau, created a prototype and released it for review. For the first several years, web pages
were text-only. It’s difficult to believe that in 1992, the world had only about 50 web servers.
3|Page
, TimBerners-Lee internet (1989-1990)
Html (HyperText Markup Lang)
http (hyper Text Transfer Protocol)
W3C org
The World Wide Web Consortium
World Wide Web Consortium (called W3C) is the organization that oversees the development of
web technologies. The group was founded in 1994 by TimBerners-Lee, the inventor of the Web, at
the Massachusetts Institute of Technology (MIT).
Tim Berners-Lee (WWW/HTTP), Cerf & Kahn (TCP/IP), Baran, Davies, Kleinrock & Roberts (packet
networking), Bob Metcalfe (Ethernet).
WHAT IS APPLICATION OR SOFTWARE?
Automation of manual business operations by using a programming language.
TYPES OF APPLICATIONS OR SOFTWARES
We can create an application or software in fallowing flavors:
1. Desktop: The applications which are installable in local systems are called desktop
applications.
2. Mobile: The applications which are installable in mobile phones or tablets downloaded from
play store for android and apple store for ios.
3. Web: The applications which are deployable in any server and can be accessible from any
location using browser.
WHAT IS WEB APPLICATION?
Web applications are network enable applications. We can deploy any web applications in servers
and we can access them over network using server ip address and application name.
In computing, a web application or web app isaclient–server software application which the client
(or user interface) runs in a web browser and it contains web documents in the form electronic
pages(web pages).
A web application typically contains fallowing three layers:
Presentation layer is a user interface (views) which are accessible from any web browser.
Business layeris a server-side program which is nothing but automation of business rules. Client
layer will interact with business layer to persist data.
Data layeris database software where we can store client related data. Business layer will interact
with data layer.
How the Web Works
1. When you connect to the web, you do so via an Internet ServiceProvider (ISP). You type
adomain name or web addressinto your browser to visit a site;for example: google.com,
oracle.com, microsoft.com.
4|Page
What you are going to learn in HTML 5 ?
● Introduction to HTML 5
● How HTML 5 code gets rendered on the page
● Required tools to learn HTML 5
● HTML 5 text formatting tags
● HTML 5 list elements
● HTML 5 attributes
● HTML 5 Link elements
● HTML 5 image element
● HTML 5 table element
● HTML 5 semantic elements
● HTML 5 multimedia elements (like audio, video, iframe)
● HTML 5 entities
● HTML 5 accessibilities
● HTML 5 tools
● HTML 5 DOM
● HTML 5 W3C validation
What you are going to learn in CSS 3 ?
● Styling Module
● Color Module
● Text Module
● Fonts Module
● Selectors
● Pseudo Classes
● Generated Contents
● Specificity
● Values & Units
● List Styles
● Box Model
● Background Module
● Gradients
● Display Module
● Positioning Module
● Filters Module
● Clipping & Masking
● Blending Modes
● Shapes Module
● Table Layout
● Transformation
● Transition & Animations (Keyframes)
● Media Queries
● Newly Introduced CSS 3 concepts
● Flexbox Layout
1|Page
,What you are going to learn in JavaScript (EcmaScript) ?
● Introduction to JavaScript
● Introduction to programming
● About JavaScript language behaviour
● Keywords and Reserve words
● Variable or Identifier and its naming convention
● Data types
● Values & its type in JavaScript
● Operand, Operator, Expression, Instruction and Statement
● Comments
● Types of Operators (Unary, Binary & Ternary)
● Conditional statements
● Control statements
● Difference between undefined & undeclare
● Type of errors in JavaScript
● Scope
● Function and its types
● How scope works for a variable and a function ?
● How JavaScript code gets executed ?
● Execution context, Call stack & Heap
● Scope and Function Expression
● Hoisting and Shadowing
● var, let and const
● Coercion (Explicit & Implicit)
● Equality
● Closure
● Array and its methods
● Object
● Call by value & Call by reference
● String and its methods
● Template Literals
● Number and its representations (Binary, Octal, Decimal & HexaDec)
● Prototypes
● Object Oriented Principles (OOP) in JavaScript
● Rest and Spread
● Destructuring (Array & Object)
● Symbols
● Iterators & Generators
● Regular Expression
● Promise
● async and await
● Event Queue and Event Loop
● New utility methods or Higher order functions for Array
● JavaScript latest features
● Modular JavaScript
● Document Object Model (DOM)
● Browser Object Model (BOM)
● Security
2|Page
,html => hypertext markup language
=> data presentation
=> UI designing (sign up, login, registration, search form…)
= static webpages
CSS => Cascading Style Sheets
=> used to change look & feel of webpage (html elements)
JS => JavaScript
=> its back-end for html/css (Front-end)
=> it provides logical support or client validations
Html/css/JavaScript static web site designing
Html/css/JavaScript+angular or reactJS front-end developer
UI/UX developer
advJava/spring/asp.net/python/php/nodejs back-end dev
front-end+back-end+DB+config+versioning full stack developer
full stack web dev:
html/css/JavaScript/anguler/SST/bootstrap/wordpress/xml-werservice
server side tech’s:
node.js/servlet/asp.net/php/cgi-perl/py
Network:Collection of computers interlinked together is called network. First network name is
ARPANET (Advanced Research Projects Agency Network). First protocol in IT industry is FTP (File
Transfer Protocol).
Internet:Internet stands for international networking.
1990
The Internet is a network of connected computers. No company owns the Internet; it is a
cooperative effort governed by a system of standards and rules. The purpose of connecting
computers together, of course, is to share information.
Internet is a collection web application,
Web application is group of web pages
Web page is group components (means heading, para, image, button, tables, …)
A Brief History of the Web
The Web was born in a particle physics laboratory (CERN) in Geneva, Switzerland in 1989. There a
computer specialist named Tim Berners-Lee first proposed a system of information management
that used a “hypertext” process to link related documents over a network. He and his partner,
RobertCailliau, created a prototype and released it for review. For the first several years, web pages
were text-only. It’s difficult to believe that in 1992, the world had only about 50 web servers.
3|Page
, TimBerners-Lee internet (1989-1990)
Html (HyperText Markup Lang)
http (hyper Text Transfer Protocol)
W3C org
The World Wide Web Consortium
World Wide Web Consortium (called W3C) is the organization that oversees the development of
web technologies. The group was founded in 1994 by TimBerners-Lee, the inventor of the Web, at
the Massachusetts Institute of Technology (MIT).
Tim Berners-Lee (WWW/HTTP), Cerf & Kahn (TCP/IP), Baran, Davies, Kleinrock & Roberts (packet
networking), Bob Metcalfe (Ethernet).
WHAT IS APPLICATION OR SOFTWARE?
Automation of manual business operations by using a programming language.
TYPES OF APPLICATIONS OR SOFTWARES
We can create an application or software in fallowing flavors:
1. Desktop: The applications which are installable in local systems are called desktop
applications.
2. Mobile: The applications which are installable in mobile phones or tablets downloaded from
play store for android and apple store for ios.
3. Web: The applications which are deployable in any server and can be accessible from any
location using browser.
WHAT IS WEB APPLICATION?
Web applications are network enable applications. We can deploy any web applications in servers
and we can access them over network using server ip address and application name.
In computing, a web application or web app isaclient–server software application which the client
(or user interface) runs in a web browser and it contains web documents in the form electronic
pages(web pages).
A web application typically contains fallowing three layers:
Presentation layer is a user interface (views) which are accessible from any web browser.
Business layeris a server-side program which is nothing but automation of business rules. Client
layer will interact with business layer to persist data.
Data layeris database software where we can store client related data. Business layer will interact
with data layer.
How the Web Works
1. When you connect to the web, you do so via an Internet ServiceProvider (ISP). You type
adomain name or web addressinto your browser to visit a site;for example: google.com,
oracle.com, microsoft.com.
4|Page
