Book description
A one-stop guide to the essentials of web development including popular frameworks such as jQuery, Bootstrap, AngularJS, and Node.js
About This Book
- Understand the essential elements of HTML, CSS, and JavaScript, including how and when to use them
- Walk through three of the best and most popular web development frameworks ? jQuery, Bootstrap, and AngularJS
- References for any function you will need in your day-to-day web development
Who This Book Is For
This book is perfect for beginners but more advanced web developers will also benefit. Laid out so you can refer to as much or as little as you need to, with this book you can exhaustively explore essential concepts for modern web developers.
What You Will Learn
- Explore detailed explanations of all the major HTML elements and attributes, illustrated with examples
- Take a deep dive into CSS properties and functions and master their usage
- Find clear, concise descriptions of JavaScript syntax and expressions
- Recognize various JavaScript design patterns and learn the basics of JavaScript object-orientated programming
- Implement the latest ECMAScript 6 for client-side scripting in your web applications
- Discover new ways to develop your website's front end quickly and easily using Bootstrap
- Write JavaScript extensibly using jQuery-JavaScript's feature-rich library
- Delve into the key Node.js modules used in JavaScript server-side programming
- Access AngularJS 's important modules, controllers, directives, and services quickly
In Detail
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.
Style and approach
This book is an easy-to-follow, comprehensive reference guide. Each topic, function, or element is listed methodically along with parameters, return values, and descriptions. Examples are also included to help you put the concepts to use quickly in the real world.
Table of contents
-
Web Developer's Reference Guide
- Table of Contents
- Web Developer's Reference Guide
- Credits
- About the Authors
- About the Reviewers
- www.PacktPub.com
- Preface
-
1. HTML Elements
- DOCTYPE
- html
- Document metadata
- Semantic content sections
- Content sections
- Inline elements
- Embedded content
- Tables
- Forms
- Drawing elements
-
2. HTML Attributes
- Global attributes
-
Miscellaneous
- accept
- accept-charset
- action
- alt
- async
- autocomplete
- autofocus
- autoplay
- autosave
- cite
- cols
- colspan
- datetime
- disabled
- download
- content
- controls
- for
- form
- formaction
- height
- href
- hreflang
- label
- list
- loop
- max
- maxlength
- media
- method
- min
- multiple
- name
- novalidate
- pattern
- placeholder
- poster
- readonly
- rel
- required
- reversed
- rows
- rowspan
- scope
- selected
- size
- src
- start
- step
- type
- value
- width
- wrap
-
3. CSS Concepts and Applications
- Basic selectors
- Combinators
- Pseudo-classes
- Validation
- Pseudo-elements
- Generated content
-
4. CSS Properties – Part 1
- Animation
- Background
- Box model
- Border radius
- Unit
- Flexible box (flexbox)
- Summary
-
5. CSS Properties – Part 2
- Fonts
- Transform
- Positioning
- Text
- Tables
- Words and paragraphs
- Paging
-
6. 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
-
Filter
- brightness()
- contrast()
- grayscale()
- invert()
- hue-rotate()
- blur()
- saturate()
- sepia()
- Transforms
- matrix()
- matrix3d()
- rotate()
- rotate3d()
- rotateX()
- rotateY()
- rotateZ()
- scale()
- scale3d()
- scaleX()
- scaleY()
- scaleZ()
- skew()
- skewX()
- skewY()
- steps()
- translate()
- translate3d()
- translateX()
- translateY()
- translateZ()
- Colors
- Gradients
- Values
- Miscellaneous
- At-rules
- Global CSS keyword values
- Summary
-
Filter
-
8. 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
- Expressions
-
Operators
- Overview
- Arithmetic operators
- Logical operators
- Assignment operators
- Exponentiation assignment (**=)
- Relational operators
- Statements
-
Arrays
- Array types
- Array type object
- Creating arrays
- Reading and writing array elements
- Multidimensional arrays in JavaScript
- Properties in an array
- Array methods
- ECMA5 Array methods
-
10. JavaScript Object-Oriented Programming
- Polymorphism
-
Objects
- Creating objects
- Design patterns
- Property getter and setter
- Deleting properties
- Testing properties
- Enumerating properties
- Property attributes
- Serializing objects
- Objects methods
- Functions and methods
- Classes and modules
- Inheritance
- Built-in objects
-
11. 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
- Arrow functions
- Classes
- Enhanced object literals
- Template strings
- Destructuring assignment
- Extended parameter handling
- Bindings
- Iterators and the for...of operator
- Generators
- Better Unicode support
- Modules
- Module loaders
- Collections
- Proxies
- Symbols
- Subclassable built-ins
- Promises
- Core math library APIs
- Binary and octal literals
-
Reflect API
- Reflect.get(target, prop, [receiver])
- Reflect.set(target, prop, value, [receiver])
- Reflect.has(target, prop)
- Reflect.apply(target, receiver, args)
- Reflect.construct(target, args)
- Reflect.getOwnPropertyDescriptor(target, prop)
- Reflect.defineProperty(target, prop, desc)
- Reflect.getPrototypeOf(target)
- Reflect.setPrototypeOf(target, newProto)
- Reflect.deleteProperty(target, prop)
- Reflect.enumerate(target)
- Reflect.preventExtensions(target)
- Reflect.isExtensible(target)
- Reflect.ownKeys(target)
- Tail calls
-
12. Server-side JavaScript – NodeJS
- File and process management
- Utilities
- The net module
- The HTTP module
-
13. 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
- Buttons
- Basic
- Button toolbar
- Sizing
- Nesting
- Vertical variation
- Justified link variation
- Dropdowns
- Single button
- Split button
- Tooltips
- Positioning
- Popovers
- Basic creation
- Positioning
- Closing
- Alerts
- Tabs
- Accordions
- Modals
- Modal size
- Media objects
- Carousels
- Typehead
- How to create typehead
- Usage of typehead via JavaScript
- Scrollspy
- Activating Scrollspy via a data attribute
- Activating Scrollspy via JavaScript
- Affix
- Activating the affix plugin via a data attribute
- Activating the affix plugin via JavaScript
- Customizing Bootstrap
- Websites built with Bootstrap
- Bootstrap resources
-
14. 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
- Modules (ngApp)
- Routing (ngRoute)
- Dependency injection
- Controllers
- Scope
- Services
- Promises
- Expressions
-
Directives
- Normalization
- Scope
- Modifying DOM
- Event binding
- Directive definition object
- Key directives
- Globals
- Forms
- Testing
- Index
Product information
- Title: Web Developer's Reference Guide
- Author(s):
- Release date: March 2016
- Publisher(s): Packt Publishing
- ISBN: 9781783552139
You might also like
book
CSS Quick Syntax Reference
The CSS Quick Syntax Reference is a condensed syntax reference to the Cascading Style Sheets specification …
book
Learn Design for iOS Development
Learn Design for iOS Development is for you if you're an iOS developer and you want …
book
PHP 7: Real World Application Development
Use new features of PHP 7 to solve practical, real-world problems faced by PHP developers like …
book
Bootstrap 4 – Responsive Web Design
Unearth the potential of Bootstrap with step-by-step guidance. About This Book An applied guide exploring web …