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

Summary


This conclude the chapters about CSS, pretty interesting stuff eh?

We learned about CSS Filters and how we can modify elements' colors without having to rely on image editing tools. This also applies to CSS Transforms because we can modify the shape and orientation of elements', at least to some extent, quite easily with CSS only.

At the same time we learned about the different ways we can create colors in CSS, and that HSL mode is more intuitive and versatile than any other color mode.

Calculating and declaring different values with the attr() or calc() functions opens new possibilities in our CSS toolbox, for example, how to make responsive tables.

We now know that to improve performance with drop shadows we can use the drop-shadow() function; or to modify the transparency of an element we can use the opacity() function; or the perspective of an element with the perspective() function.

At-rules now make more sense I'm sure. Additionally, we addressed the different font formats and learned...