Book Image

Web Developer's Reference Guide

By : Joshua Johanan, Talha Khan, Ricardo Zea
Book Image

Web Developer's Reference Guide

By: Joshua Johanan, Talha Khan, Ricardo Zea

Overview of this book

This comprehensive reference guide takes you through each topic in web development and highlights the most popular and important elements of each area. Starting with HTML, you will learn key elements and attributes and how they relate to each other. Next, you will explore CSS pseudo-classes and pseudo-elements, followed by CSS properties and functions. This will introduce you to many powerful and new selectors. You will then move on to JavaScript. This section will not just introduce functions, but will provide you with an entire reference for the language and paradigms. You will discover more about three of the most popular frameworks today—Bootstrap, which builds on CSS, jQuery which builds on JavaScript, and AngularJS, which also builds on JavaScript. Finally, you will take a walk-through Node.js, which is a server-side framework that allows you to write programs in JavaScript.

Related Content you might be interested in

Current Title:

Small book image
Web Developer's Reference Guide
Joshua Johanan | Talha Khan | Ricardo Zea
Mar, 2016 | 838 pages
No titles found
Table of Contents (22 chapters)
Web Developer's Reference Guide
Web Developer's Reference Guide
Credits
Credits
About the Authors
About the Authors
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
HTML Elements
HTML Elements
DOCTYPE
html
Document metadata
Semantic content sections
Content sections
Inline elements
Embedded content
Tables
Forms
Drawing elements
2
HTML Attributes
HTML Attributes
Global attributes
Miscellaneous
3
CSS Concepts and Applications
CSS Concepts and Applications
Basic selectors
Combinators
Pseudo-classes
Validation
Pseudo-elements
Generated content
4
CSS Properties – Part 1
CSS Properties – Part 1
Animation
Background
Box model
Border radius
Unit
Flexible box (flexbox)
Summary
5
CSS Properties – Part 2
CSS Properties – Part 2
Fonts
Transform
Positioning
Text
Tables
Words and paragraphs
Paging
6
CSS Properties – Part 3
CSS Properties – Part 3
Page box
List
Counter
Drop shadows
Display and visibility
Masking and clipping
Image rendering and orientation
User interface
3-Dimensional
Summary
7
CSS Functions
CSS Functions
Filter
Colors
Gradients
Values
Miscellaneous
At-rules
Global CSS keyword values
Summary
8
JavaScript Implementations, Syntax Basics, and Variable Types
JavaScript Implementations, Syntax Basics, and Variable Types
History of JavaScript
JavaScript implementations
The language syntax
The character set
Data type
Variable, scope, and memory
9
JavaScript Expressions, Operators, Statements, and Arrays
JavaScript Expressions, Operators, Statements, and Arrays
Expressions
Operators
Statements
Arrays
10
JavaScript Object-Oriented Programming
JavaScript Object-Oriented Programming
Polymorphism
Objects
Functions and methods
Classes and modules
Inheritance
Built-in objects
11
Extending JavaScript and ECMAScript 6
Extending JavaScript and ECMAScript 6
Compatibility and goals
JavaScript subset and extensions
Scoped variables and constants
Shorthand functions
Multiple catch clauses
E4X – ECMAScript for XML
ECMAScript 6 features
12
Server-side JavaScript – NodeJS
Server-side JavaScript – NodeJS
File and process management
Utilities
The net module
The HTTP module
13
Bootstrap – The Stylish CSS Frontend Framework
Bootstrap – The Stylish CSS Frontend Framework
Introduction to Bootstrap foundations
Getting started
Layouts
The grid system
Typography
Tables
Lists
Forms in Bootstrap
Images
Navigation elements
The navigation bar
Panels
Breadcrumbs
Labels and badges
Pagination
Progress bars
Advanced Bootstrap/JavaScript plugins
Customizing Bootstrap
Websites built with Bootstrap
Bootstrap resources
14
jQuery – The Popular JavaScript Library
jQuery – The Popular JavaScript Library
The evolution of JQuery
Getting started
Using jQuery
Selectors
Events
Effects and animations
Callback
Chaining
jQuery and the document object model
jQuery traversing
Using AJAX in jQuery
Miscellaneous jQuery functions
jQuery plugins
jQuery resources
15
AngularJS – Google's In-Demand Framework
AngularJS – Google's In-Demand Framework
Modules (ngApp)
Routing (ngRoute)
Dependency injection
Controllers
Scope
Services
Promises
Expressions
Directives
Globals
Forms
Testing
Index
Index

Events

JQuery makes it easier to response when user interacts with the web page. For example, we can perform several tasks when they click somewhere, scroll the document, hover on field or anything like that. Whenever user interacts with the web page, an event is occurred. We can use event handling to execute our code.

Mouse events

These are the events that are instantiated as soon as the user activates any of the functions related to the mouse. In the following sections, we will cover the description of each mouse event.

.click()

The click event takes a DOM object and calls the function if or when it is clicked by the user.

Parameters

The click event receives a callback function.

Returns

This returns the response generated by the function called on click.

Description

The click event uses the ID to get what the user has clicked on and accordingly calls its respective function defined inside the body.

Here is an example of its usage.

HTML Code:

<div id="clicked">
  //function to be called after...
Previous Section
End of Section 6
Next Section