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

Gradients

For those who didn't know, CSS gradients are actually images. But these images are created by the browser the moment it sees a gradient color declared. The thing with these images is that they are created on the fly and do not cause any HTTP requests.

CSS gradients are so powerful that we can not only create gradients in any direction and various shapes, but we can also create amazing patterns.

With this being said, Lea Verou has an amazing library of CSS patterns created with gradients everyone reading this book should bookmark. Check it out here: http://tiny.cc/leave-verou-css3-patterns

Let's see how to create gradients in CSS.

linear-gradient()

The linear-gradient() CSS function creates a gradient that transitions from one color to another in a line. It looks like this in its simplest form:

background-image: linear-gradient(red, blue);

Description

We can create linear gradients that obey practically any direction called the gradient line: left to right, right to left, top to bottom...

Previous Section
End of Section 4
Next Section