Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Web Developer's Reference Guide
  • Table Of Contents Toc
Web Developer's Reference Guide

Web Developer's Reference Guide

By : Johanan, Khan, Zea
4.7 (3)
Buy this Book
close
close
Web Developer's Reference Guide

Web Developer's Reference Guide

4.7 (3)
By: Johanan, Khan, Zea
Buy this Book

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

Chapter 3. CSS Concepts and Applications

Cascading Style Sheet (CSS) is the preferred way to style HTML. HTML has a style element and a global style attribute. These make it very easy to write unmaintainable HTML. For example, let's imagine that we have 10 elements on an HTML page for which we want the font color to be red. We create a span element to wrap the text that has the font color red, as follows:

<span style="color: #ff0000;"></span>

Later, if we decide to change the color to blue, we will have to change 10 instances of that element and then multiply this by the number of pages we have used the span element on. This is completely unmaintainable.

This is where CSS comes in. We can target specific elements/groups of elements to which we wish to apply a specific style. CSS allows us to define these styles, easily update them, and change them from one place to another.

This book will focus on the most used CSS selectors, units, rules, functions, and...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Web Developer's Reference Guide
End of Section 3
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon