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.
Table of Contents (22 chapters)
Web Developer's Reference Guide
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
9
JavaScript Expressions, Operators, Statements, and Arrays
Index

Tables


Tables are used to clearly display the contents in an organized form so that data is easily accessible and readable.

#

Category

Item

ItemID

1

Apparel

Blue Shirt

App_BlueShirt

2

Apparel

White Coat

App_WhiteCoat

3

Accessories

Leather Belt

Acc_LeatherBelt

Basic

In the preceding table, is the basic version of a Bootstrap table with light padding and horizontal dividers only. The syntax is as follows:

<table class="table"> ... </table>

Striped rows

The structure of striped rows is the same as that of the basic table, its style is similar to the strips of zebra crossing, that is, lighter and darker alternative rows:

<table class="table table-striped"> ... </table>

Bordered table

This class converts a table into equal divisions with visible boundaries. Each division contains a single value:

<table class="table table-bordered"> ... </table>

Hover rows

This class adds the feature that highlights the row on which the mouse hovers:

<table class...