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

Panels

Panels are simple boxes that contain plain text. Panels are mostly used in order to present important information in a visually favorable way.

Basic

A basic panel consists of a single box containing some text. The method of its declaration is shown here:

<div class="panel panel-default"> … </div>

Heading

The panel-heading class adds an additional box above the basic panel, which contains its heading or title. Both boxes are of different colors by default. Here is the syntax:

<div class="panel-heading">This is a Panel Heading</div>

Footer

The panel-footer class adds a box beneath a basic panel which also contains text of some sort. Here is the syntax:

<div class="panel-footer">This is a Panel Footer</div>

Group

Panels under the panel-group class are grouped together. Here is the syntax:

<div class="panel-group">
Previous Section
End of Section 13
Next Section