Search results for """ "web programming with html5 css and javascript""

Book Synopsis

Read more less

Book SynopsisA two-book set for web designers and front-end developers This two-book set combines the titles HTML & CSS: Designing and Building Web Sites and JavaScript & jQuery: Interactive Front-End Development.Table of ContentsHTML and CSS: Design and Build Websites Introduction 2 Chapter 1: Structure 12 Chapter 2: Text 40 Chapter 3: Lists 62 Chapter 4: Links 74 Chapter 5: Images 94 Chapter 6: Tables 126 Chapter 7: Forms 144 Chapter 8: Extra Markup 176 Chapter 9: Flash, Video & Audio 200 Chapter 10: Introducing CSS 226 Chapter 11: Color 246 Chapter 12: Text 264 Chapter 13: Boxes 300 Chapter 14: Lists, Tables & Forms 330 Chapter 15: Layout 358 Chapter 16: Images 406 Chapter 17: HTML5 Layout 428 Chapter 18: Process & Design 452 Chapter 19: Practical Information 476 Index 493 JavaScript and JQuery: Interactive Front-End Web Development Introduction 1 Chapter 1: The ABC of Programming 11 Chapter 2: Basic JavaScript Instructions 53 Chapter 3: Functions, Methods & Objects 85 Chapter 4: Decisions & Loops 145 Chapter 5: Document Object Model 183 Chapter 6: Events 243 Chapter 7: jQuery 293 Chapter 8: Ajax & JSON 367 Chapter 9: APIs 409 Chapter 10: Error Handling & Debugging 449 Chapter 11: Content Panels 487 Chapter 12: Filtering, Searching & Sorting 527 Chapter 13: Form Enhancement & Validation 567 Index 623

Read more less

Book SynopsisTable of ContentsPART I: GETTING STARTED ON THE WEBLesson 1: Understanding How the Web Works 1 A Brief History of HTML and the World Wide Web 2Creating Web Content 2Understanding Web Content Delivery 3Selecting a Web Hosting Provider 6Testing with Multiple Web Browsers and Devices 8Creating a Sample File 9Using FTP to Transfer Files 10Understanding Where to Place Files on the Web Server 14Distributing Content Without a Web Server 17Tips for Testing Web Content 18Summary 19Q&A 20Workshop 20Exercises 22Lesson 2: Creating Web Content 2Getting Prepared 24Getting Started with a Simple Web Page 25HTML Tags Every Web Page Must Have 28Organizing a Page with Paragraphs and Line Breaks 31Organizing Your Content with Headings 33Understanding Semantic Elements 36Using in Multiple Ways 42Understanding the Element 44Using 45Implementing the Element 45When to Use 47Using Effectively 48Summary 49Q&A 50Workshop 51Exercises 53Lesson 3: Understanding Cascading Style Sheets 55How CSS Works 56A Basic Style Sheet 57A CSS Style Primer 63Using Style Classes 68Using Style IDs 70Internal Style Sheets and Inline Styles 71Summary 74Q&A 75Workshop 75Exercises 77Lesson 4: Understanding JavaScript 79Learning Web Scripting Basics 80How JavaScript Fits into a Web Page 81Exploring JavaScript’s Capabilities 84Displaying Time with JavaScript 85Testing the Script 89Summary 93Q&A 93Workshop 94Exercises 96Lesson 5: Validating and Debugging Your Code 97Validating Your Web Content 97Debugging HTML and CSS Using Developer Tools 99Debugging JavaScript Using Developer Tools 112Summary 118Q&A 118Workshop 118Exercises 120PART II: BUILDING BLOCKS OF PRACTICAL WEB DESIGNLesson 6: Working with Fonts, Text Blocks, Lists, and Tables 121Working with Special Characters 122Boldface, Italic, and Special Text Formatting 126Tweaking the Font 129Using Web Fonts 133Aligning Text on a Page 136The Three Types of HTML Lists 139Placing Lists Within Lists 142Creating a Simple Table 147Controlling Table Sizes 151Alignment and Spanning Within Tables 154Page Layout with Tables 157Using CSS Columns 158Summary 162Q&A 164Workshop 165Exercises 166Lesson 7: Using External and Internal Links 167Using Web Addresses 167Linking Within a Page Using Anchors 170Linking Between Your Own Web Content 174Linking to Non-HTML Files 177Linking to External Web Content 178Linking to an Email Address 179Opening a Link in a New Browser Window 180Giving Titles to Links 181Using CSS to Style Hyperlinks 182Using Links Effectively 186Summary 187Q&A 188Workshop 189Exercises 190Lesson 8: Working with Colors, Images, and Multimedia 191Best Practices for Choosing Colors 192Understanding Web Colors 194Using Hexadecimal Values for Colors 196Using RGB and RGBa Values for Colors 197Using CSS to Set Background, Text, and Border Colors 199Choosing Graphics Software 201The Least You Need to Know About Graphics 202Preparing Photographic Images 203Creating Banners and Buttons 210Optimizing Images by Reducing or Removing Colors 211Creating Tiled Background Images 212Placing Images on a Web Page 214Describing Images with Text 217Specifying Image Height and Width 218Aligning Images 219Turning Images into Links 223Using Background Images226Using Image Maps 227Linking to Multimedia Files 233Embedding Multimedia Files 237Additional Tips for Using Multimedia 242Summary 242Q&A 245Workshop 246Exercises 248PART III: ADVANCED WEB PAGE DESIGN WITH CSSLesson 9: Working with Margins, Padding, Alignment, and Floating 249Using Margins 249Padding Elements 257Keeping Everything Aligned 261Centering Blocks of Content 262Understanding the float Property 263Summary 267Q&A 267Workshop 267Exercises 270Lesson 10: Understanding the CSS Box Model and Positioning 271The CSS Box Model 271Changing the Box Model 275The Whole Scoop on Positioning 276Controlling the Way Things Stack Up 281Managing the Flow of Text 284Summary 285Q&A 285Workshop 286Exercises 288Lesson 11: Using CSS to Do More with Lists, Text, and Navigation 289HTML List Refresher 290How the CSS Box Model Affects Lists 290Placing List Item Indicators 294Creating Image Maps with List Items and CSS 296How Navigation Lists Differ from Regular Lists 299Creating Vertical Navigation with CSS 300Creating Horizontal Navigation with CSS 310Summary 314Q&A 314Workshop 315Exercises 316Lesson 12: Creating Layouts Using Modern CSS Techniques 317Getting Ready to Do Page Layout 318The Importance of Putting Mobile Devices First 319Understanding Fixed Layouts 319Understanding Liquid Layouts 322Creating a Fixed/Liquid Hybrid Layout 324Using Modern CSS Layout Techniques 335Summary 349Q&A 350Workshop 350Exercises 352Lesson 13: Taking Control of Backgrounds and Borders 353Reviewing Background and Border Basics 353Using Multiple Borders and Backgrounds 355Using Forgotten Background Properties 359Using Gradients as Backgrounds 365Rounding the Corners of HTML Elements 371Using Images as Borders 373Understanding CSS Outlines 378Summary 379Q&A 379Workshop 379Exercises 381Lesson 14: Using CSS Transformations and Transitions 383Understanding CSS 2D Transformations 383Transforming Elements in Three Dimensions 392Working with CSS Transitions 393Using JavaScript to Trigger Transitions 397Summary 398Q&A 399Workshop 399Exercises 400Lesson 15: Animating with CSS and the Canvas 401Understanding CSS Animation 401Using the CSS Canvas 410Choosing Between CSS Animation and Canvas Animation 423Summary 424Q&A 424Workshop 424Exercises 426PART IV: RESPONSIVE WEB DESIGNLesson 16: Understanding the Importance of Responsive Web Design 427What Is Responsive Web Design? 427What Is Progressive Enhancement? 431Writing HTML for Responsive Web Design 435Validating HTML, CSS, and JavaScript 438Summary 439Q&A 440Workshop 440Exercises 442Lesson 17: Designing for Mobile Devices 443Designing for Mobile Devices 443Understanding Mobile First Design 451Using Responsive Tables and Images 455Creating Responsive Layouts Without Media Queries 464Alternatives for Mobile Design Besides RWD 466Summary 468Q&A 469Workshop 469Exercise 470Lesson 18: Using Media Queries and Breakpoints 471What Is a Media Query? 471Using Media Query Expressions 476What Is a Breakpoint? 477How to Define Breakpoints in Your CSS 477Optimal Breakpoints 483Summary 484Q&A 484Workshop 485Exercises 486PART V: GETTING STARTED WITH DYNAMIC SITESLesson 19: Understanding Dynamic Websites and HTML5 Applications 487Understanding the Different Types of Scripting 487Including JavaScript in HTML 488Displaying Random Content 491Understanding the Document Object Model 495Changing Images Based on User Interaction 498Thinking Ahead to Developing HTML5 Applications 501Summary 501Q&A 502Workshop 502Exercises 506Lesson 20: Getting Started with JavaScript Programming 507Basic Concepts 507JavaScript Syntax Rules 514Using Comments 515Best Practices for JavaScript 516Understanding JSON 517Summary 518Q&A 518Workshop 519Exercises 522Lesson 21: Working with the Document Object Model (DOM) 523Understanding the Document Object Model 523Using window Objects 524Working with the document Object 525Accessing Browser History 528Working with the location Object 530More About the DOM Structure 531Working with DOM Nodes 534Creating Positionable Elements (Layers) 536Hiding and Showing Objects 541Modifying Text in a Page 543Adding Text to a Page 545Summary 547Q&A 547Workshop 548Exercises 550Lesson 22: Using JavaScript Variables, Strings, and Arrays 551Using Variables 552Understanding Expressions and Operators 555Data Types in JavaScript 556Converting Between Data Types 557Using String Objects 558Working with Substrings 562Using Numeric Arrays 564Using String Arrays 565Sorting a Numeric Array 567Using Functions 570Introducing Objects 575Using Objects to Simplify Scripting 577Extending Built-in Objects 582Using the Math Object 583Working with Math Methods 585Working with Dates 587Summary 590Q&A 590Workshop 591Exercises 594Lesson 23: Controlling Flow with Conditions and Loops 595The if Statement 595Using Shorthand Conditional Expressions 599Testing Multiple Conditions with if and else 600Using Multiple Conditions with switch 602Using for Loops 604Using while Loops 606Using do...while Loops 607Working with Loops 607Looping Through Object Properties 609Summary 612Q&A 612Workshop 613Exercises 615Lesson 24: Responding to Events and Using Windows 617Understanding Event Handlers 618Using Mouse Events 623Using Keyboard Events 627Using the load and unload Events 630Using click to Change the Appearance of a 631Controlling Windows with Objects 638Moving and Resizing Windows 643Using Timeouts 645Displaying Dialog Boxes 648Summary 650Q&A 650Workshop 651Exercises 654Lesson 25: JavaScript Best Practices 655Scripting Best Practices 655Reading Browser Information 666Cross-Browser Scripting 669Supporting Non-JavaScript-Enabled Browsers 671Creating an Unobtrusive Script 674Summary 677Q&A 677Workshop 677Exercises 680Lesson 26: Using Third-Party JavaScript Libraries and Frameworks 681Using Third-Party JavaScript Libraries 681Adding JavaScript Effects by Using a Third-Party Library 686Using JavaScript Frameworks 689Summary 691Q&A 691Workshop 692Exercises 694PART VI: ADVANCED WEBSITE FUNCTIONALITY AND MANAGEMENTLesson 27: Working with Web-Based Forms 695How HTML Forms Work 695Creating a Form 696Accepting Text Input 702Naming Each Piece of Form Data 703Labeling Each Piece of Form Data 703Grouping Form Elements 705Exploring Form Input Controls 706Using HTML5 Form Validation 716Submitting Form Data 718Accessing Form Elements with JavaScript 720Summary 723Q&A 725Workshop 725Exercises 728Lesson 28: Organizing and Managing a Website 729When One Page Is Enough 730Organizing a Simple Site 732Organizing a Larger Site 735Optimizing Your Site for Search Engines 738Writing Maintainable Code 740Thinking About Version Control 743Using HTML and CSS Frameworks 745Summary 746Q&A 746Workshop 747Exercises 750Index 751

Read more less

Book SynopsisA new edition of a bestseller covers the latest advances in web development! HTML5 and CSS3 are essential tools for creating dynamic websites and boast updates and enhanced features that can make your websites even more effective and unique.Table of ContentsIntroduction 1 Part I: Creating the HTML Foundation 7 Chapter 1: Sound HTML Foundations 9 Chapter 2: It’s All About Validation 19 Chapter 3: Choosing Your Tools 33 Chapter 4: Managing Information with Lists and Tables 51 Chapter 5: Making Connections with Links 67 Chapter 6: Adding Images, Sound, and Video 77 Chapter 7: Creating Forms 105 Part II: Styling with CSS 129 Chapter 1: Coloring Your World 131 Chapter 2: Styling Text 149 Chapter 3: Selectors: Coding with Class and Style 175 Chapter 4: Borders and Backgrounds 197 Chapter 5: Levels of CSS 225 Chapter 6: CSS Special Effects 245 Part III: Building Layouts with CSS 263 Chapter 1: Fun with the Fabulous Float 265 Chapter 2: Building Floating Page Layouts 285 Chapter 3: Styling Lists and Menus 309 Chapter 4: Using Alternative Positioning 327 Part IV: Client-Side Programming with JavaScript 353 Chapter 1: Getting Started with JavaScript 355 Chapter 2: Talking to the Page 375 Chapter 3: Decisions and Debugging 399 Chapter 4: Functions, Arrays, and Objects 429 Chapter 5: Getting Valid Input 459 Chapter 6: Drawing on the Canvas 483 Chapter 7: Animation with the Canvas 511 Part V: Server-Side Programming with PHP 527 Chapter 1: Getting Started on the Server 529 Chapter 2: PHP and HTML Forms 549 Chapter 3: Using Control Structures 569 Chapter 4: Working with Arrays 587 Chapter 5: Using Functions and Session Variables 605 Chapter 6: Working with Files and Directories 617 Chapter 7: Exceptions and Objects 639 Part VI: Managing Data with MySQL 653 Chapter 1: Getting Started with Data 655 Chapter 2: Managing Data with MySQL 679 Chapter 3: Normalizing Your Data 705 Chapter 4: Putting Data Together with Joins 719 Chapter 5: Connecting PHP to a MySQL Database 741 Part VII: Integrating the Client and Server with AJAX 759 Chapter 1: AJAX Essentials 761 Chapter 2: Improving JavaScript and AJAX with jQuery 775 Chapter 3: Animating jQuery 795 Chapter 4: Using the jQuery User Interface Toolkit 819 Chapter 5: Improving Usability with jQuery 841 Chapter 6: Working with AJAX Data 859 Chapter 7: Going Mobile 883 Part VIII: Moving from Pages to Sites 909 Chapter 1: Managing Your Servers 911 Chapter 2: Planning Your Sites 933 Chapter 3: Introducing Content Management Systems 953 Chapter 4: Editing Graphics 977 Chapter 5: Taking Control of Content 995 Index 1015

Read more less

Book Synopsis"HTML5 and JavaScript Web Apps" is about building web applications with HTML5 and W3C specifications that are widely supported across all devices and browsers - both mobile and desktop. It focuses on practical, real-world usage of HTML5 and JavaScript in everyday programming.

Read more less

Book SynopsisEverything you need to build websites with the newest versions of HTML and CSS If you develop websites, you know that the goal posts keep moving, especially now that your website must work on not only traditional desktops, but also on an ever-changing range of smartphones and tablets.Table of ContentsIntroduction xxxiii Chapter 1: Structuring Documents for the Web 1 A Web of Structured Documents 1 Introducing HTML5 2 Attribute Groups 9 Core Elements 13 Basic Text Formatting 17 Understanding Block and Inline Elements 24 Grouping Content 25 Working with Lists 30 Summary 35 Chapter 2: Fine-tuning Your Text 39 Elements That Describe Text-Level Semantics 39 Editing Text 49 Using Character Entities for Special Characters 51 Comments 51 Summary 52 Chapter 3: Links and Navigation 55 Basic Links 56 Understanding Directories and Directory Structures 60 Understanding URLs 61 Creating In-Page Links with the Element 65 Advanced E-mail Links 74 Summary 75 Chapter 4: Images, Audio, and Video 79 Adding Images Using the Element 80 Using Images as Links 84 Choosing the Right Image Format 85 Adding Flash, Video, and Audio to Your Web Pages 95 Summary 106 Chapter 5: Tables 111 Introducing Tables 111 Adding a Caption to a Table 122 Grouping Sections of a Table 123 Nested Tables 129 Accessible Tables 130 Summary 135 Chapter 6: Forms 139 Introducing Forms 140 Creating a Form with the Element 143 Form Controls 145 Creating a Contact Form 172 Creating Labels for Controls and the Element 174 Structuring Your Forms with and Elements 176 Focus 177 Disabled and Read-Only Controls 181 Sending Form Data to the Server 183 Creating More Usable Form Fields 185 Summary 187 Chapter 7: Cascading Style Sheets 191 Introducing CSS 192 Where You Can Add CSS Rules 197 CSS Properties 201 Controlling Text 203 Text Formatting 210 Text Pseudo-Classes 220 Styling Text 221 Selectors 224 Lengths 231 Introducing the Box Model 233 Creating a Style Sheet for Code 248 Summary 252 Chapter 8: More Cascading Style Sheets 257 Links 258 Backgrounds 259 Lists 267 Tables 271 Outlines 280 The :focus and :active Pseudo-Classes 282 Generated Content 283 Miscellaneous Properties 288 Additional Rules 291 Positioning and Layout with CSS 293 Summary 308 Chapter 9: Rounded Corners, Animations, Custom Fonts, and More with Css3 311 The Modular Approach of CSS 3 312 Mature CSS3 Modules 312 New and In-Development Modules 326 Summary 336 Chapter 10: Learning Javascript 339 What Is Programming About? 340 How to Add a Script to Your Pages 343 Create an External JavaScript 345 The Document Object Model 346 Starting to Program with JavaScript 347 Variables 349 Operators 351 Functions 354 Conditional Statements 357 Looping 360 Events 363 Built-in Objects 364 Writing JavaScript 377 Summary 380 Chapter 11: Working with Jquery 383 Why jQuery? 384 Adding jQuery to Your Page 384 jQuery Basics 386 jQuery and the DOM 387 Managing Events with jQuery 397 Summary 403 Chapter 12: JQuery: Beyond the Basics 407 Ajax with jQuery 407 jQuery UI 420 Summary 433 Chapter 13: Checklists 437 Search Engine Optimization Checklist 437 Accessibility Checklist 441 Appendix A: Answers to Exercises 447 Chapter 1 447 Chapter 2 448 Chapter 3 449 Chapter 4 451 Chapter 5 454 Chapter 6 455 Chapter 7 458 Chapter 8 463 Chapter 9 466 Chapter 10 468 Chapter 11 470 Chapter 12 472 Chapter 13 474 Appendix B: Html Element Reference 475 Appendix C: CSS Properties 515 Font Properties 515 Text Properties 518 Color and Background Properties 521 Border Properties 523 Dimensions 525 Margin Properties 528 Padding Properties 528 List Properties 529 Positioning Properties 531 Outline Properties 534 Table Properties 535 Classification Properties 537 Internationalization Properties 538 Selected CSS3 Properties 539 Lengths 548 Appendix D: Color Names and Values 551 Using Hex Codes to Specify Colors 551 Understanding Hex Codes 553 Using Color Names to Specify Colors 554 Color Name and Number Reference 555 Appendix E: Character Encodings 561 Appendix F: Special Characters 565 Character Entity References for ISO 8859-1 Characters 566 Character Entity References for Symbols, Mathematical Symbols, and Greek Letters 570 Character Entity References for Markup-Significant and Internationalization Characters 575 Appendix G: Language Codes 577 Appendix H: Mime Media Types 583 Text 584 Image 585 Multipart 586 Audio 586 Video 588 Message 589 Model 590 Application 590 Appendix I: Changes Between Html4 and Html5 595 New Elements 595 New Element Types 596 New Attributes 597 Global Attributes 598 Changed Attributes 598 Obsolete Elements 600 Obsolete Attributes 600 At-Risk Elements 602 Index 603

Read more less

Book SynopsisStart your journey towards becoming a JavaScript developer with the help of more than 100 fun exercises and projects.Purchase of the print or Kindle book includes a free eBook in the PDF format.Key Features Write eloquent JavaScript and employ fundamental and advanced features to create your own web apps Interact with the browser with HTML and JavaScript, and add dynamic images, shapes, and text with HTML5 Canvas Build a password checker, paint web app, hangman game, and many more fun projects Book DescriptionThis book demonstrates the capabilities of JavaScript for web application development by combining theoretical learning with code exercises and fun projects that you can challenge yourself with. The guiding principle of the book is to show how straightforward JavaScript techniques can be used to make web apps ranging from dynamic websites to simple browser-based games.JavaScript from Beginner to Professional focuses on key programming concepts and Document Object Model manipulations that are used to solve common problems in professional web applications. These include data validation, manipulating the appearance of web pages, working with asynchronous and concurrent code.The book uses project-based learning to provide context for the theoretical components in a series of code examples that can be used as modules of an application, such as input validators, games, and simple animations. This will be supplemented with a brief crash course on HTML and CSS to illustrate how JavaScript components fit into a complete web application.As you learn the concepts, you can try them in your own editor or browser console to get a solid understanding of how they work and what they do. By the end of this JavaScript book, you will feel confident writing core JavaScript code and be equipped to progress to more advanced libraries, frameworks, and environments such as React, Angular, and Node.js.What you will learn Use logic statements to make decisions within your code Save time with JavaScript loops by avoiding writing the same code repeatedly Use JavaScript functions and methods to selectively execute code Connect to HTML5 elements and bring your own web pages to life with interactive content Make your search patterns more effective with regular expressions Explore concurrency and asynchronous programming to process events efficiently and improve performance Get a head start on your next steps with primers on key libraries, frameworks, and APIs Who this book is forThis book is for people who are new to JavaScript (JS) or those looking to build up their skills in web development. Basic familiarity with HTML & CSS would be beneficial.Whether you are a junior or intermediate developer who needs an easy-to-understand practical guide for JS concepts, a developer who wants to transition into working with JS, or a student studying programming concepts using JS, this book will prove helpful.Table of ContentsTable of Contents Getting Started with JavaScript JavaScript Essentials JavaScript Multiple Values Logic Statements Loops Functions Classes Built-In JavaScript Methods The Document Object Model Dynamic Element Manipulation Using the DOM Interactive Content and Event Listeners Intermediate JavaScript Concurrency HTML5, Canvas, and JavaScript Next Steps Appendix – Practice Exercise, Project, and Self-Check Quiz Answers

Read more less

Book SynopsisHarness the latest capabilities of HTML5 and CSS to create a single UI that works flawlessly on mobile phones, tablets, and desktops — plus everything in-between – now with color images!Purchase of the print or Kindle book includes a free eBook in PDF format.Key Features Understand what responsive web design is and its significance for modern web development Explore the latest developments in responsive web design and CSS, including layout with Grid and Subgrid, CSS Cascade Layers, Wide Gamut colors, and CSS Functions Get to grips with the uses and benefits of new HTML elements and attributes Book DescriptionResponsive Web Design with HTML5 and CSS, Fourth Edition, is a fully revamped and extended version of one of the most comprehensive and bestselling books on the latest HTML5 and CSS techniques for responsive web design. It emphasizes pragmatic application, teaching you the approaches needed to build most real-life websites, with downloadable examples in every chapter.Written in the author's friendly and easy-to-follow style, this edition covers all the newest developments and improvements in responsive web design, including approaches for better accessibility, variable fonts and font loading, and the latest color manipulation tools making their way to browsers. You can enjoy coverage of bleeding-edge features such as CSS layers, container queries, nesting, and subgrid.The book concludes by exploring some exclusive tips and approaches for front-end development from the author.By the end of the book, you will not only have a comprehensive understanding of responsive web design and what is possible with the latest HTML5 and CSS, but also the knowledge of how to best implement each technique. Read through as a complete guide or dip in as a reference for each topic-focused chapter.What you will learn Use media queries, including detection for touch/mouse and color preference Learn HTML semantics and author accessible markup Facilitate different images depending on screen size or resolution Write the latest color functions, mix colors, and choose the most accessible ones Use SVGs in designs to provide resolution-independent images Create and use CSS custom properties, making use of new CSS functions including 'clamp', 'min', and 'max' Add validation and interface elements to HTML forms Enhance interface elements with filters, shadows, and animations Who this book is forAre you a full-stack or back-end developer who needs to improve their front-end skills? Perhaps you work on the front-end and you need a definitive overview of all modern HTML and CSS has to offer? Maybe you have done a little website building but you need a deep understanding of responsive web designs and how to achieve them? This is the book for you! All you need to take advantage of this book is a working understanding of HTML and CSS. No JavaScript knowledge is needed.Table of ContentsTable of Contents The Essentials of Responsive Web Design Writing HTML Markup Media Queries and Container Queries Fluid Layout and Flexbox Layout with CSS Grid CSS Selectors, Typography, and More CSS Colour Stunning Aesthetics with CSS Responsive Images SVG Transitions, Transformations, and Animations Custom Properties and CSS Functions Forms Cutting-Edge CSS Features Bonus Techniques and Parting Advice

Read more less

Book SynopsisDiscover the thorough instruction you need to build dynamic, interactive Web sites from scratch with NEW PERSPECTIVES ON HTML5, CSS3, AND JAVASCRIPT, 6E. This user-friendly book provides comprehensive coverage of HTML, CSS, and JavaScript with an inviting approach that starts with the basics and does not require any prior knowledge on the subject. Detailed explanations of key concepts and skills make even the most challenging topics clear and accessible. Case scenarios and case problems place the most complex concepts within an understandable and practical context. You develop important problem solving skills as you work through realistic exercises. Proven applications and an interesting approach help you retain the material and apply what you've learned in a professional environment.Table of ContentsTutorial 1. Getting Started with HTML5 Tutorial 2. Getting Started with CSS Tutorial 3. Designing a Page Layout Tutorial 4. Graphic Design with CSS Tutorial 5. Designing for the Mobile Web Tutorial 6. Working with Tables and Columns Tutorial 7. Designing a Web Form Tutorial 8. Enhancing a Website with Multimedia Tutorial 9. Getting Started with JavaScript Tutorial 10. Exploring Arrays, Loops, and Conditional Statements Tutorial 11. Working with Events and Styles Tutorial 12. Working with Document Nodes and Style Sheets Tutorial 13. Programming for Web Forms Tutorial 14. Exploring Object-Based Programming Appendix A. Color Names with Color Values, and HTML Character Entities Appendix B. HTML Elements and Attributes Appendix C Cascading Styles and Selectors Appendix D Making the Web More Accessible Appendix E: Designing for the Web Appendix F: Page Validation with XHTML

Read more less

Book SynopsisTable of Contents Chapter 1 What Are HTML and CSS? Chapter 2 Creating a Website on Your Computer Chapter 3 HTML Syntax Chapter 4 Basic HTML Elements Chapter 5 Links Chapter 6 Structure and Layout with HTML Chapter 7 Media Chapter 8 Tables and Other Structured Data Elements Chapter 9 Web Forms Chapter 10 Advanced and Experimental Features Chapter 11 Introduction to CSS Chapter 12 Targeting Elements Chapter 13 Styling Text Chapter 14 Color in CSS Chapter 15 Using CSS for Page Layout Chapter 16 Layouts with CSS Grid and Flexbox Chapter 17 Responsive Design and Media Queries Chapter 18 CSS Transformations and Animations Chapter 19 CSS Variables Chapter 20 CSS Preprocessors Chapter 21 Getting Your Website Online Chapter 22 Testing Your Website Chapter 23 Improving Website Performance Chapter 24 Web Accessibility Chapter 25 Going Beyond HTML & CSS

Read more less

Book SynopsisHTML, CSS y JavaScript son las tres tecnologías básicas en las que se sustenta el desarrollo de páginas web. Este libro le servirá de ayuda a la hora de adentrarse en el uso y aprendizaje de estas tecnologías.Con este libro aprenderá a usar HTML para generar contenido en su sitio web, agregando bloques de texto, párrafos, tablas, listas, formularios, imágenes o cualquier elemento multimedia de forma sencilla. Del mismo modo, comprenderá cómo el uso de CSS le permitirá gestionar el aspecto de todo el contenido adaptándolo a sus necesidades o preferencias personales. Y, finalmente, aprenderá a programar funcionalidades básicas con JavaScript para proveer a su sitio web del nivel de interactividad adecuado.En lo que al proceso de aprendizaje se refiere, partiremos de cero para estudiar los conceptos básicos de cada tecnología y seguidamente, de forma progresiva, iremos profundizando en las diferentes funcionalidades y características que cada tecnología nos ofrece.<

Read more less

Book SynopsisTable of ContentsIntroduction 1 Book 1: Getting Started 5 Chapter 1: Getting Acquainted with HTML, CSS, and JavaScript 7 Chapter 2: Getting Ready to Code 39 Chapter 3: Finding and Setting Up a Web Host 47 Chapter 4: Testing and Validating Your Code 59 Book 2: Learning HTML Basics 77 Chapter 1: Building Good Bones: Structuring the Page 79 Chapter 2: Adding Links, Lists, and Other Text Tidbits 97 Chapter 3: Working with Images, Video, and other Media 123 Chapter 4: Building Tables with Your Bare Hands 143 Chapter 5: Using Forms to Make a Page Interactive 163 Chapter 6: Making Your Web Pages Accessible 181 Book 3: Learning CSS Basics 203 Chapter 1: Figuring Out the CSS Box Model 205 Chapter 2: Getting to Know the CSS Selectors 235 Chapter 3: Pseudo School: Learning Pseudo-Classes and Pseudo-Elements 251 Chapter 4: Making CSS Make Sense 287 Chapter 5: Taking the Measure of CSS 321 Chapter 6: Fancifying Pages with Colors and Backgrounds 337 Chapter 7: Taking Your Text Up a Notch with Web Typography 363 Book 4: Building Dynamic Pages with JavaScript 397 Chapter 1: JavaScript: The Bird’s-Eye View 399 Chapter 2: Understanding Variables 411 Chapter 3: Building Expressions 427 Chapter 4: Controlling the Flow of JavaScript 457 Chapter 5: Harnessing the Power of Functions 481 Chapter 6: Playing with the Document Object Model 513 Chapter 7: Working with Arrays 553 Chapter 8: Manipulating Strings, Dates, and Numbers 583 Chapter 9: Storing User Data in the Browser 617 Chapter 10: Debugging Your Code 627 Chapter 11: Processing Form Data 649 Book 5: Looking Good with Layouts 673 Chapter 1: Exploring Some Layout Basics 675 Chapter 2: Getting Fancy with Flexbox 703 Chapter 3: Laying Out a Page with CSS Grid 737 Chapter 4: Creating Responsive Layouts 765 Index 801

Read more less

Book SynopsisCombining theory and practice, Website Design and Development with HTML5 and CSS3 is aimed at both beginners who want to design their first website, and experienced developers who want to consolidate their technical skills. This book addresses the theoretical aspects of HTML5 and CSS3, including: HTML elements, semantic containers, semantic text formatting, multimedia elements, forms, tables, definition and integration of CSS styles, text formatting, and container and box styles. It also encompasses a practical section which presents the process of creating a website, as well as the key rules to apply in order to not only achieve project success, but also to meet user needs. Illustrated by numerous examples, this book includes corrected practical work, structured according to an evolutionary logic ranging from the design of a simple HTML5 page to the creation of a professional website.Table of ContentsForeword xiTeddy PAYET Preface xiii Chapter 1 The Web and its Future 1 1.1 Background 1 1.2 Phases of evolution of the Web 3 1.3 Web application architecture 7 Chapter 2 The Language of the Web: HTML5 13 2.1 Overview 13 2.2 Structure of an HTML5 document 18 2.3 Structuring the content of a web page 21 2.4 Text organization 28 2.5 Creating hyperlinks 52 2.6 Inserting images and multimedia objects 58 2.7 Tables 65 2.8 Forms 70 Chapter 3 Style Sheets: CSS3 101 3.1 Overview 101 3.2 Text formatting 121 3.3 List formatting 131 3.4 Backgrounds, borders and shadows 133 3.5 Table formatting 144 3.6 Layout of the site 148 Chapter 4 Design and Creation of a Website 167 4.1 Process of creating a website 167 4.2 Ergonomics of the website 175 4.3 Different website types 181 Chapter 5 Practical Exercises 185 5.1 PE1: structure of an HTML5 web page 185 5.2 PE2: simple forms 195 5.3 PE3: table formatting 211 5.4 TP 4: media (image, video and audio) 240 5.5 PE: element positioning 270 5.6 PE6: creating a template model 296 5.7 PE7: creating a website from A to Z 313 References 323 Index 325

Read more less

Book SynopsisUntil now, my websites looked great but have been coded with what seems like duct-tape and bubble-gum methods, just for appearances and not for professionalism or compliance. This book taught me all that is possible with HTML and CSS coding. What a game changer! That''s what one web designer posted about a previous edition of Murach''s HTML5 and CSS3. Now, this 4th Edition updates and improves all the HTML and CSS content in the book...and it adds coverage of Flexible Box and Grid Layout, two new CSS3 ways to implement page layouts. So whether you''re a web designer, a JavaScript programmer, a server-side programmer, or a rookie, this book delivers all the HTML and CSS skills that you need on the job. This book begins with an 8-chapter hands-on course that teaches you HTML and CSS from scratch, including the latest HTML5 and CSS3 features. This short course ends with a chapter that teaches you how to use fluid design and media queries to implement Responsive Web Design so your pages will look good and work right on any screen, from phone to tablet to desktop. After that, the unique design of this book lets you go on to any other chapter to learn new skills whenever you need them. For example, chapters 9 and 10 show you how to use Flexible Box and Grid Layout. Chapter 13 shows you how to work with forms and data validation. Chapter 14 shows you how to enhance a site with video clips. Chapter 16 shows you how to use CSS3 transitions, transforms, and animations. Chapters 17 and 18 show you how to design and deploy a website. Chapters 19 and 20 introduce other professional skills like how to use JavaScript and jQuery and how to use development tools like Bootstrap, SASS, and Emmet. And after youve learned all the skills that you need, this book becomes the best on-the-job reference youve ever used.

Read more less

Book Synopsis

Read more less

Book SynopsisA full-color introduction to the basics of HTML and CSS from the publishers of Wrox! Every day, more and more people want to learn some HTML and CSS.Table of ContentsIntroduction 2 Chapter 1: Structure 12 Chapter 2: Text 40 Chapter 3: Lists 62 Chapter 4: Links 74 Chapter 5: Images 94 Chapter 6: Tables 126 Chapter 7: Forms 144 Chapter 8: Extra Markup 176 Chapter 9: Flash, Video & Audio 200 Chapter 10: Introducing CSS 226 Chapter 11: Color 246 Chapter 12: Text 264 Chapter 13: Boxes 300 Chapter 14: Lists, Tables & Forms 330 Chapter 15: Layout 358 Chapter 16: Images 406 Chapter 17: HTML5 Layout 428 Chapter 18: Process & Design 452 Chapter 19: Practical Information 476 Index 493

Read more less

Book SynopsisEl gran libro de HTML5, CSS3 y JavaScript guía al lector paso a paso en el desarrollo de sitios y aplicaciones web. Después de leer este libro sabrá cómo estructurar sus documentos con HTML, cómo otorgarles estilos con CSS y cómo trabajar con las más poderosas APIs de JavaScript.Este libro es un curso completo que le enseñará cómo construir sitios webs adaptables y aplicaciones revolucionarias desde cero. Cada capítulo explora conceptos básicos y complejos de HTML, CSS y JavaScript. La información viene acompañada por ejemplos funcionales que guían al recién iniciado y también al programador experto a través de cada etiqueta, estilo y función incluidos en estos lenguajes.Este libro incluye:Introducción a HTML, CSS y JavaScript Modelos de Caja Tradicional y Flexible Diseño Web Adaptable Vídeo y Audio API Formularios API Canvas API WebGL API Web Audio API IndexedDB API Web Storage API File API WebSocket API WebRTC API Stream API Fullscreen Ajax Level 2 API Web Workers AP

Read more less

Book SynopsisActualmente son millones y millones las aplicaciones que, siendo o no creadas por profesionales, son utilizadas por usuarios en sus dispositivos móviles. La mayoría de las aplicaciones han sido creadas utilizando HTML5, CSS y JavaScript. El lenguaje de programación HTML 5 permite crear la estructura y el contenido de la aplicación; los estilos CSS proporcionan el formato, el aspecto visual de las pantallas de la aplicación, y JavaScript se ocupa de asignar la interactividad a cada uno de los elementos que la conforman. Con este libro: Conocerá y utilizará el entorno de desarrollo Eclipse y las herramientas Android SDK. Creará desde cero una aplicación para dispositivos Android. Aprenderá a desarrollar estructuras de documentos para pantallas con HTML5. Utilizará hojas de estilo CSS para dar formato al contenido de las distintas pantallas. Conocerá múltiples funciones de JavaScript para proporcionar interactividad a la aplicación.

Read more less

Book SynopsisMove beyond simple site creation and build web applications with HTML5 that can compete with desktop apps and run on mobile devices. This practical guide shows you how HTML5's JavaScript APIs give you the power to take web development into many fields that used to require more platform-specific development-particularly mobile deployment.

Read more less

Book Synopsis

Read more less

Book SynopsisRob Miles spent more than 30 years teaching programming at the University of Hull in the United Kingdom. He now runs a company promoting community uptake of computer technology. He's a Microsoft MVP with a passion for programming and creating new things. If he had any spare time, he'd spend it writing even more code. He loves building devices and then switching them on to see what they do. He reckons that programming is the most creative thing you can learn how to do. He claims to know a lot of really good jokes, but nobody has ever heard him tell one. If you want an insight into the Wacky WorldTM of Rob Miles, you can read his blog at www.robmiles. com and follow him on Twitter via @RobMiles.Table of ContentsPart 1: The world of JavaScript Chapter 1 Running JavaScript Chapter 2 Hypertext Markup Language (HTML) Chapter 3 Cascading Style Sheets (CSS) Part 2: Coding with JavaScript Chapter 4 Working with data Chapter 5 Making decisions in programs Chapter 6 Repeating actions in programs Chapter 7 Creating functions Chapter 8 Storing data Chapter 9 Objects Part 3: Useful JavaScript Chapter 10 Advanced JavaScript Chapter 11 Creating applications Chapter 12 Creating games

Read more less

Book SynopsisBuilding rich JavaScript applications that bring the desktop experience to the Web is now possible, thanks to powerful JavaScript engines and the CSS3 and HTML5 specifications. The key is moving state to the client side, but that's no simple task.

Read more less

Book SynopsisNow in its sixth edition, JAVASCRIPT guides beginning programmers through web application development using the JavaScript programming language. As with previous editions of the book, the authors introduce key web authoring techniques with a strong focus on industry application. New coverage includes developing for touchscreen and mobile devices, and using the jQuery library. A real-world project, similar to what students would encounter in a professional setting, is developed chapter by chapter. Because professional web development jobs often require programmers to add features to existing sites, each chapter project uses a professionally designed web site. After completing a course using this textbook, students will be able to use JavaScript to build professional quality, dynamic web sites.

Read more less

Book SynopsisWeb developers - this is your all-in-one guide to HTML and CSS! Learn to use HTML to format text and structure web pages. Understand the HTML document skeleton before creating forms, referencing hyperlinks, embedding active content, and more. Then style your pages with CSS.

Read more less

Book SynopsisYour full-color, friendly guide to getting started with HTML5 and CSS3! HTML and CSS are essential tools for creating dynamic websites and help make your websites even more effective and unique. This friendly-but-straightforward guide gets you started with the basics of the latest versions of HTML and CSS: HTML5 and CSS3. Introducing you to the syntax and structure of the languages, this helpful guide shows you how to create and view a web page, explains ideal usage of HTML5 and CSS3, walks you through the CSS3 rules and style sheets, addresses common mistakes and explains how to fix them, and explores interesting HTML5 tools. Serves as an ideal introduction to HTML5 and CSS3 for beginners with little to no web development experience Details the capabilities of HTML5 and CSS3 and how to use both to create responsive, practical, and well-designed websites Helps you understand how HTML5 and CSS3 are the foundation upon which hundreds of milTable of ContentsIntroduction 1 About this Book 2 Foolish Assumptions 3 Icons Used in This Book 4 Beyond the Book 4 Where to Go from Here 5 Part I: Getting Started with HTML and CSS on the Web 7 Chapter 1: An Overview of HTML and CSS on the Web 9 How and Where Web Pages Come to Life Online 10 HyperText 10 Content versus presentation 14 Web browsers 14 Getting to know Internet protocols 16 Understanding HTML and Its Versions 17 Different versions of HTML 17 Creating HTML markup 18 Building HTML documents 19 Understanding the Role of CSS 20 Different versions here, too 20 Creating CSS markup 21 Dissecting a Simple Markup Example 22 Where’s the HTML? 22 Where’s the CSS? 23 A partnership of equals 23 Chapter 2: Meeting the Structure and Components of HTML 25 Like Any Language: Syntax and Rules 25 Color-coding the markup 26 Breaking down the elements 27 Adding Attributes to Your HTML 29 Examining Entities in Markup 30 Non-ASCII characters 30 Character codes 31 (Special) tag characters 32 Organizing Web Pages 32 Organizing HTML text 34 Complementing and enhancing text 36 Chapter 3: Creating and Viewing a Web Page 37 Before You Get Started 37 Creating a Page from Scratch 39 Step 0: Gather your tools 39 Step 1: Planning a simple design 40 Step 2: Writing some HTML 41 Step 3: Saving your page 44 Step 4: Viewing your page 46 Editing an Existing Web Page 47 Posting Your Page Online 49 Part II: Getting the Structure and Text Right 51 Chapter 4: HTML Documents Need Good Structure 53 Establishing a Document Structure 53 HTML Document Organization Revisited 54 HTML DOCTYPE Starts Things Off 55 The Element 56 Anatomy of the 56 Meeting the himself 57 Handling metadata with 57 Redirecting users to another page 58 Naming your page with a

Read more less

Book SynopsisProviding an introduction to programming on the Internet, this book covers the basics of Internet programming. In addition to core fundamentals, readers are introduced to web page construction using HTML, managing an account on a web server, client-server model, and JavaScript programming.Trade Review"overall this is a good place to start in HTML & JavaScript." (M2 Communications, 15 March 2001)Table of ContentsThe Internet and World Wide Web. Transactions on the Web. Text Markup. Controlling Text Markup. Hypertext Markup and Web Sites. Image Markup. HTML Lists and Tables. HTML Frames. What is Javascript? Processing User Input. Making Decisions. Objects. Introduction to Processing HTML Forms. Options in HTML Forms. Loops for Repetition. More on Arrays. More on Functions. Javascript Security and Submitting Form Data. Appendices. Index.

Read more less

Book Synopsis

Read more less

Book SynopsisLearn to use JavaScript, the popular scripting language that allows web page authors to develop interactive web pages and sites. Carey/Vodnik's JAVASCRIPT FOR WEB WARRIORS, Seventh Edition introduces a variety of techniques that focus on what you need to know to begin using JavaScript right away. Step-by-step tasks within each chapter highlight particular techniques essential for building actual JavaScript programs. Guided activities reinforce skills and build in complexity as you progress. You also study debugging techniques. Using accompanying MindTap digital resources, you read and immediately practice with embedded JavaScript coding exercises in an authentic integrated development environment (IDE). Learning objectives, summaries, review and key terms highlight major concepts while reinforcement exercises let you further practice new techniques. After completing your course, you will able to use JavaScript to build professional quality web applications.Table of Contents1. Introduction to JavaScript 2. Working with Functions, Data Types, and Operators 3. Building Arrays and Controlling Flow 4. Debugging and Error Handling 5. Creating a Web App Using the Document Object Model 6. Enhancing and Validating Forms 7. Manipulating Data In Strings Arrays, and Other Objects 8. Creating Customized Objects, Properties, and Methods 9. Managing State Information and Security 10. Programming for Touchscreens and Mobile Devices 11. Updating Web Pages with Ajax 12. Working with Frameworks Appendix A. Installing and Configuring a Testing Server Appendix B. Working with HTML and CSS Appendix C. Solutions to Quick Checks

Read more less

Book Synopsis Lee Donahoe is cofounder of Learn Enough and is an entrepreneur, designer, and front-end developer. At the age of 16 his late father handed him a tutorial on HTML, and for more than 25 years since then he has been creating things for the Web. In addition to doing the design and front-end development for Learn Enough, Softcover, and the Ruby on Rails Tutorial, he is also a cofounder and front-end developer for Coveralls, a leading test coverage analysis service, and is tech cofounder and front-end developer for Buck Mason, a Los Angeles based clothing company once featured on ABC's Shark Tank. Lee is a graduate of USC, where he studied economics as well as multimedia and creative technologies. Michael Hartl created the legendary Ruby on Rails Tutorial that helped jumpstart thousands of web development careers. A cofounder and principal author at Learn Enough, Hartl previously earned a Ph.D. in physics at the CTable of ContentsPreface xvii About the Authors xxiii Part I: Hypertext Markup Language 1 Chapter 1: Basic HTML 3 1.1 Introduction 6 1.2 HTML Tags 8 1.3 Starting the Project 12 1.4 The First Tag 17 1.5 An HTML Skeleton 20 Chapter 2: Filling in the Index Page 29 2.1 Headings 29 2.2 Text Formatting 31 2.3 Links 35 2.4 Adding Images 41 Chapter 3: More Pages, More Tags 51 3.1 An HTML Page About HTML 51 3.2 Tables 54 3.3 Divs and Spans 62 3.4 Lists 66 3.5 A Navigation Menu 68 Chapter 4: Inline Styling 73 4.1 Text Styling 74 4.2 Floats 79 4.3 Applying a Margin 82 4.4 More Margin Tricks 85 4.5 Box Styling 88 4.6 Navigation Styling 90 4.7 A Taste of CSS 93 4.8 Conclusion 98 Part II: Cascading Style Sheets and Page Layout 101 Chapter 5: Introduction to CSS 103 5.1 You're a Front-End Developer 106 5.2 CSS Overview and History 109 5.3 Sample Site Setup 116 5.4 Start Stylin' 121 5.5 CSS Selectors 128 Chapter 6: The Style of Style 133 6.1 Naming Things 134 6.2 When and Why 137 6.3 Priority and Specificity 140 6.4 How to Be a Good Styling Citizen 145 Chapter 7: CSS Values: Color and Sizing 157 7.1 CSS Color 157 7.2 Introduction to Sizing 163 7.3 Pixels (and Their Less-Used Cousin, the Point) 164 7.3.1 Exercise 168 7.4 Percentages 169 7.4.1 Percentage Fonts 174 7.4.2 Exercises 174 7.5 em 175 7.6 rem Isn't Just for Dreaming 181 7.7 vh, vw: The New(er) Kids on the Block 184 7.8 Just Make It Look Nice 190 Chapter 8: The Box Model 193 8.1 Inline vs. Block 193 8.2 Margins, Padding, and Borders 199 8.3 Floats 206 8.4 A Little More About the overflow Style 214 8.5 Inline Block 219 8.6 Margins for Boxes 223 8.7 Padding . . . Not Just for Chairs 234 8.8 Fun with Borders 235 Chapter 9: Laying It All Out 251 9.1 Layout Basics 251 9.2 Jekyll 253 9.3 Layouts, Includes, and Pages (Oh My!) 259 9.4 The Layout File 261 9.5 CSS File and Reset 264 9.6 Includes Intro: Head and Header 275 9.7 Advanced Selectors 284 9.8 Positioning 291 9.9 Fixed Header 309 9.10 A Footer, and Includes in Includes 312 Chapter 10: Page Templates and Frontmatter 327 10.1 Template Content 327 10.2 There's No Place Like Home 330 10.3 More Advanced Selectors 342 10.4 Other Pages, Other Folders 356 Chapter 11: Specialty Page Layouts with Flexbox 361 11.1 Having Content Fill a Container 363 11.2 Vertical Flex Centering 371 11.3 Flexbox Style Options and Shorthand 375 11.4 Three-Column Page Layout 381 11.5 A Gallery Stub 386 Chapter 12: Adding a Blog 397 12.1 Adding Blog Posts 398 12.2 Blog Index Content Loop 412 12.3 A Blog Post Page 419 Chapter 13: Mobile Media Queries 429 13.1 Getting Started with Mobile Designs 429 13.2 Mobile Adaptation 438 13.3 Mobile Viewport 449 13.4 Dropdown Menu 453 13.5 Mobile Dropdown Menu 463 Chapter 14: Adding More Little Touches 475 14.1 Custom Fonts 475 14.2 Favicons 488 14.3 Custom Title and Meta Description 490 14.4 Next Steps 497 Chapter 15: CSS Grid 499 15.1 CSS Grid at a High Level 501 15.2 A Simple Grid of Content 504 15.3 minmax, auto-fit, and auto-fill 515 15.4 Grid Lines, Areas, and Layouts 527 15.5 Grid on the Inside 556 15.6 Conclusion 589 Part III: Custom Domains 591 Chapter 16: A Name of Our Own 593 16.1 Custom Domain Registration 594 16.2 Cloudflare Setup 599 16.3 Custom Domains at GitHub Pages 606 Chapter 17: Custom Email 619 17.1 Google Mail 619 17.2 MX Records 622 17.3 Site Analytics 626 17.4 Conclusion 630 Index 635

Read more less

Book SynopsisLearn to implement web designs using HTML5 and CSS3. This book focuses on the need for responsive web design and how you can leverage HTML5 and CSS3 to create interactive websites that work in the real world. You do not need be a technology expert or have a prior coding background to benefit from this book. All you need is a want to learn and a curious mind to explore the full spectrum of features HTML5 and CSS3have to offer. You'll see how to migrate legacy websites to responsive websites in a very easy-to-understand, step-by-step, manner. Additionally, you will learn to use supportive software to create, run, and debug any issues that may arise during the development process. This book will also show you how to implement websites that work on multiple devices, and on various browsers such as Opera, Chrome, internet Explorer, or Edge. All this will be explored with supporting files, open-source software, as well as a practical guide to creating your demo website along with learning Table of ContentsChapter 1 Introduction to Web Development.- Chapter 2 HTML5 and Responsive Web Design.- Chapter 3 Cascading Style Sheets & Layouts.- Chapter 4 Media Queries.- Chapter 5 CSS Selectors, Color Modes & More.- Chapter 6 Animations & Transitions in CSS3.- Chapter 7 Background and Shadows in CSS.- Chapter 8 Forms with HTML.- Chapter 9 Cross Browser Challenges and How to resolve it.

Read more less

Book SynopsisThe indispensable introductory reference guide to HTML, XHTML and CSS Even though new technologies enable people to do much more with the Web, in the end HTML, XHTML and CSS are still at the root of any Web site.Trade ReviewThis is the perfect book for beginners in web development and will show you everything you need to know to get started (YoctoCon.com, July 2012)Table of ContentsForeword xix Introduction 1 Part I: Getting to Know (X)HTML and CSS 7 Chapter 1: The Least You Need to Know about HTML, CSS, and the Web 9 Chapter 2: Creating and Viewing a Web Page 31 Chapter 3: Proper Planning Prevents Poor Page Performance 43 Part II: Formatting Web Pages with (X)HTML 61 Chapter 4: Creating (X)HTML Document Structure 63 Chapter 5: Text and Lists 73 Chapter 6: Linking to Online Resources 91 Chapter 7: Finding and Using Images 105 Part III: Taking Precise Control over Web Pages and Styles 119 Chapter 8: Deprecated (X)HTML Markup 121 Chapter 9: Introducing Cascading Style Sheets 129 Chapter 10: Using Cascading Style Sheets 147 Chapter 11: Getting Creative with Colors and Fonts 169 Part IV: Scripting and (X)HTML 189 Chapter 12: Top 20 CSS Properties191 Chapter 13: Scripting Web Pages 211 Chapter 14: Working with Forms 221 Chapter 15: Bring the Best of the Web to Your Web Site 251 Chapter 16: Fun with Client-Side Scripts265 Chapter 17: Content Management Systems 279 Part V: The Future of (X)HTML 291 Chapter 18: Mobile Web Design 293 Chapter 19: Party On with HTML5 305 Chapter 20: CSS3 325 Part VI: The Part of Tens 343 Chapter 21: Ten HTML Do's and Don'ts 345 Chapter 22: Ten Ways to Exterminate Web Bugs 353 Chapter 23: Ten Cool HTML Tools and Technologies 361 Appendix A: Twitter Supporters 373 Index 377

Read more less

Book SynopsisThis book will teach you how to take advantage of the JavaScript language to process data provided on the Internet. Much attention is given to the main JavaScript backbone: prototype based objects, and functional capabilities, while common features (loops, etc.) are summarized in a few cheat-sheets. Only operational features are detailed through the coding of several applications -the second and largest part of the book-, on free-access datasets (e.g. World Bank). It includes: cartography (SVG or API's based), data-sheets access (via Ajax or Jsonp), video data and post-synchronization, and animation examples.Table of ContentsIntroduction xiii Part 1. Core JavaScript 1 Introduction to Part 1 3 Chapter 1. Variables: Declaration, Definition and Type 5 1.1. Declarations of functions and variables 6 1.1.1. The different declaration keywords 6 1.1.2. Lexical scope and definition of a variable according to declaration mode: var, let, const 9 1.1.3. Comments (important improvements carried over by ES6) 11 1.1.4. General conclusion about the variable declarations in JavaScript 11 1.1.5. Naming variables and functions: best practices 14 1.2. Variable definition, initialization and typing in JavaScript 15 1.2.1. Variables initialization and definition 15 1.2.2. Types 15 1.2.3. How to use the type “undefined” and the value undefined 17 Chapter 2. Controls: Booleans, Branch and Loops 19 2.1. Truth values and boolean operators 19 2.1.1. Boolean operators: “!” (not), “&&” (and), “||” (or) 19 2.1.2. Relational operators: >, <, >=, <= 20 2.1.3. Comparison operators: = =, != (simple) or = = =, != = (strict) 20 2.2. Conditional instructions: branch test, loop test 21 2.2.1. Conditional instructions: if ... else, if ... else if ... else 21 2.2.2. Ternary conditional operator 21 2.2.3. Instruction “switch” 22 2.2.4. Classical iteration loop: instruction “for” 22 2.2.5. Repeat under condition: instructions “while”, and “do..while” 23 2.2.6. Implicit casting of values “undefined” and “null” in boolean context 23 2.2.7. Short-cut evaluation: tips for the uncertain definitions 24 2.2.8. Exception handling 24 Chapter 3. Data: Numbers and Strings 27 3.1. Handling numbers 28 3.1.1. Literal notation of type “number” variables 28 3.1.2. Arithmetic operators 29 3.1.3. Math operations using the methods of the object Math 30 3.1.4. Evaluation in the “numerical context” versus “boolean context” 32 3.2. Handling character strings 32 3.2.1. Literal notation of strings 32 3.2.2. Backtick syntax, or template syntax, introduced by ES6 33 3.2.3. Concatenation operator 34 3.2.4. Resolving polymorphism issues with operator + in numerical or string context 34 3.2.5. Behavior of the relational and equality operators 35 3.2.6. Various facets of string-related issues in a sample application 35 3.3. The String.prototype methods 37 3.3.1. The need for preprocessing before comparison 37 3.3.2. Handling partial comparisons 38 3.3.3. Methods for handling strings 39 3.3.4. Regular expressions 41 3.3.5. Evaluation and uses 42 3.3.6. Some examples of useful patterns 42 3.3.7. General syntax of a regular expression 43 3.3.8. Combining RegExp and String.prototype methods 44 Chapter 4. Objects and Prototypes 45 4.1. Introduction 45 4.2. The objects: concepts versus named entities 46 4.3. Object literal notation in JavaScript 47 4.3.1. Syntax for “object literal”: 47 4.3.2. Important warnings about writing JavaScript object notation 48 4.3.3. The object literal first use: to define an object type variable 49 4.3.4. The object literal second use: data notation in JSON format 49 4.3.5. Accessing the individual properties of an object 50 4.3.6. Notation syntax evolution with ES6 51 4.4. The builtin methods of Object and Object.prototype 51 4.4.1. The methods of Object, Object.prototype, and JSON 51 4.4.2. Create an object and specify its properties 53 4.4.3. Syntax and usage of the “descriptor” property 53 4.4.4. Listing the properties of an object, analyzing a literal 54 4.5. Basics of the “prototypal approach” in JavaScript 56 4.5.1. JavaScript object's fundamental relation: “has prototype” 57 4.5.2. Role of the prototypes and inheritance mechanism 58 4.5.3. Object construction: the “literal approach” 60 4.5.4. Object construction: the “prototypal approach” 61 4.5.5. The pattern “assign/create” 62 4.5.6. Object construction: the “classical approach” 63 4.6. Comparing “prototypal” and “classical” approaches 64 4.6.1. Simulating a class hierarchy in JavaScript 65 4.6.2. Summing up what we learned so far 68 Chapter 5. Arrays 71 5.1. Handling arrays: creation and access to its elements 72 5.1.1. Creating an array with the array literal notation 72 5.1.2. Checking if a variable is an array 72 5.1.3. The length property, the index count 73 5.1.4. Accessing individual values in an array: the indices 74 5.2. Methods of the object Array and Array.prototype 74 5.2.1. The “Mutators” family 75 5.2.2. The “Accessors” family 77 5.2.3. The “Iteration” family 78 5.2.4. Iterating over the elements of an array 78 5.2.5. Iteration without a loop, with Array/Array.prototype methods 79 5.2.6. Chaining array methods 81 5.2.7. Arrays and the arrow function syntax 82 5.2.8. The “Iterables” 83 5.3. Array of arrays (multidimensional array) 83 5.3.1. Frameworks proposing an “augmented Array.prototype” 85 Chapter 6. Functions 87 6.1. General syntax of a JavaScript function 88 6.1.1. Name 88 6.1.2. Parameters 88 6.1.3. Return 89 6.1.4. Function code block and scope 89 6.1.5. Creating functions 89 6.2. Invoking a function with operator (.) 90 6.2.1. The three facets of the “parentheses operator” in a function context 91 6.3. Choosing function declaration versus function expression 92 6.4. Arguments 93 6.4.1. The arguments are passed by value 93 6.4.2. The inner object “arguments” 94 6.5. Scope: global scope, function scopes and block scopes 94 6.5.1. Vocabulary: lexical scope and “namespace” 94 6.5.2. Wrapping-up and warnings 98 6.6. Function “closures” 101 6.6.1. Saving the value of a free variable in a given context 102 6.6.2. Creating a list of functions linked to an array of data 103 6.6.3. Currying”: breaking down a function into 1-parameter functions 106 6.6.4. Compositing functions from an array of functions 107 6.7. Immediately invocable functions: IIFE 109 6.7.1. Creating a “namespace”, or a named library, with an IIFE 109 6.8. The methods of Function.prototype 110 6.8.1. Function.prototype.call() and .apply(), and pronoun 'this' 112 6.8.2. Function.prototype.bind() 112 6.9. Built-in functions 113 6.10. Closure and IIFE cheat-sheet 114 Chapter 7. From Signs to Patterns 117 7.1. Reserved words 118 7.2. The pronoun “this” 119 7.2.1. The many ways to link the pronoun “this” 119 7.2.2. How to explicitly bind the pronoun? 121 7.3. Operator: new 121 7.4. Punctuation signs 122 7.5. JavaScript usual design patterns 123 7.5.1. Programming idioms 124 7.5.2. Creational pattern: “Assign/Create Combo” 125 7.5.3. Structural pattern: singleton or namespace pattern 127 7.5.4. Another structural pattern: the Decorator pattern 128 7.5.5. Behavioral pattern: the observer or publish/subscribe pattern 130 7.6. Metaprogramming with ES6 131 7.6.1. “Reflection” by “Symbols” 131 7.6.2. New tool for measuring code performance 131 Part 2. Client-Side JavaScript 133 Introduction to Part 2 135 Chapter 8. JavaScript in the Web Page 137 8.1. Ecosystem of the web page: the HTML sequence 137 8.1.1. Structure and semantics/layout and presentation 137 8.1.2. Reminder about HTML5 tags 138 8.2. Building the web page DOM: the layout engine 140 8.2.1. DOM tree built by the layout engine: selecting nodes via CSS 141 8.2.2. CSS rules and relationship with JavaScript selection methods 142 8.3. Dynamic behavior of the web page: the script engine 143 8.4. Interface with the DOM 145 8.4.1. DOM interface 1: selecting elements 145 8.4.2. DOM interface 2: reading/writing/creating an element 146 8.4.3. Methods for HTML DOM document and element prototypes 148 8.5. The events in client side JavaScript 150 8.5.1. The browser event loop 150 8.5.2. Handling DOM events 151 8.6. Interacting with the DOM: to link elements/events 153 8.6.1. Waiting for the DOM 153 8.6.2. Example: to build an HTML list 153 8.6.3. Using events: modifying attributes and class names of an element. 154 8.6.4. Dispatching events, creating a CustomEvent 155 Chapter 9. Graphic and Multimedia Tools 157 9.1. To draw in the web page 157 9.1.1. The elements and 158 9.1.2. 2D curve plot 158 9.2. SVG language 161 9.3. Handling time in graphics animation 163 9.3.1. Methods setTimeout, setInterval, requestAnimationFrame 163 9.3.2. Performance considerations, generator functions 165 9.4. Data persistence between client sessions 166 9.4.1. Http cookies 166 9.4.2. Local storages 167 9.5. Note about “JavaScript frameworks” (jQuery, d3, etc.) 168 9.5.1. A few words about jQuery 168 9.5.2. Recommendation 169 Chapter 10. AJAX Technology (Asynchrony) 171 10.1. Architecture for client–server data exchange 171 10.1.1. The object XMLHttpRequest 172 10.1.2. Using XMLHttpRequest: several steps 172 10.2. Remarks about HTTP 173 10.3. “Promises” and asynchronous programming 173 10.3.1. Example: promisifying XMLHttpRequest 174 10.3.2. Chaining promises 175 10.3.3. Parallel processing of several promises 175 10.3.4. Fetch: the promise to fetch AJAX 176 10.3.5. About the “Same Origin Policy” 177 10.4. The exchange format: JSON 177 10.4.1. A very useful application of JSON: converting data from a spreadsheet 178 10.4.2. Exporting spreadsheet data into JSON format 179 10.4.3. Differences between JSON and the Javascript object Notation 182 10.5. JavaScript Object Notation with Padding 184 10.6. A parallel JavaScript: the “worker” 185 Part 3. Applications 187 Introduction to Part 3 189 Chapter 11. Chronological Data 191 11.1. Accessing a JSON file via Ajax 191 11.1.1. Quick presentation of the Quandl API 191 11.1.2. Processing an example with promises 192 11.2. Using open source graphic libraries 195 11.2.1. Plot multiple data series against the same time axis 195 11.2.2. Dynamic plot: simulating time evolution 197 Chapter 12. Relational Data 199 12.1. Aggregating tabulated JSON data 199 12.1.1. lectoral data: administrative breakdown, political breakdown 200 12.1.2. Aggregating data along the spatial dimension: votes by circonscription 203 12.1.3. Aggregating data along the affiliations dimension: labels by candidate 205 12.2. Joining data: multiple JSON files 207 12.2.1. Advantage of the flexibility brought by the prototypal approach 207 12.2.2. Coding the join on the electoral application 208 12.3. Postprocessing: analysis 210 12.3.1. Analyzing the affiliations 210 12.4. The role of promises 211 12.4.1. Performance considerations with the electoral application 213 12.5. Using Google Gantt chart for a graphic visualization 214 Chapter 13. Cartographic Data 217 13.1. Cartographic application: using cartographic libraries 217 13.1.1. Preparation of the map 219 13.1.2. Creating a layer of markers 220 13.1.3. Interacting and selecting features 222 13.2. SVG-based cartography 222 13.2.1. Description of the application 223 13.2.2. Embedding the whole SVG document by direct copy 224 13.2.3. Embedding the SVG code, element by element 225 13.2.4. Joining relational data and SVG data 225 13.2.5. Processing the combined information 226 13.3. Getting coordinates from Wikipedia pages 227 Chapter 14. Data Served by JSONP 229 14.1. Serving RSS feeds through Yahoo Query Language 229 14.2. Serving shared spreadsheets through Google spreadsheets 231 14.2.1. Client-side code: HTML and script of the callback function 231 14.2.2. Server-side code under the GoogleScript global object 232 14.3. Serving images and their metadata through the Flickr API 233 Bibliography 235 Index 239

Read more less

Book SynopsisThe bestselling JavaScript guide, updated with current features and best practices Beginning JavaScript 5th Edition shows you how to work effectively with JavaScript frameworks, functions, and modern browsers, and teaches more effective coding practices using HTML5. This new edition has been extensively updated to reflect the way JavaScript is most commonly used today, introducing you to the latest tools and techniques available to JavaScript developers. Coverage includes modern coding practices using HTML5 markup, the JSON data format, DOM APIs, the jQuery framework, and more. Exercises with solutions provide plenty of opportunity to practice, and the companion website offers downloadable code for all examples given in the book. Learn JavaScript using the most up to date coding style Understand JSON, functions, events, and feature detection Utilize the new HTML5 elements and the related API Explore new features includingTable of ContentsIntroduction xix Chapter 1: Introduction to Javascript and the Web 1 Introduction to JavaScript 1 What is JavaScript? 2 JavaScript and the Web 3 What Can JavaScript Do for Me? 4 Tools Needed to Create JavaScript Web Applications 4 Development Tools 4 Web Browsers 5 Where Do My Scripts Go? 7 Linking to an External JavaScript File 7 Advantages of Using an External File 8 Your First Simple JavaScript Program 9 Writing More JavaScript 10 A Brief Look at Browsers and Compatibility Problems 15 Summary 16 Chapter 2: Data Types and Variables 17 Types of Data in JavaScript 18 Numerical Data 18 Text Data 19 Boolean Data 20 Variables—Storing Data in Memory 20 Creating Variables and Giving Them Values 22 Assigning Variables with the Value of Other Variables 24 Using Data—Calculations and Basic String Manipulation 26 Numerical Calculations 26 Increment and Decrement Operators 29 Operator Precedence 30 Basic String Operations 35 Mixing Numbers and Strings 37 Data Type Conversion 38 Dealing with Strings That Won’t Convert 41 Arrays 43 A Multi‐Dimensional Array 47 Summary 52 Chapter 3: Decisions and Loops 55 Decision Making—The if and switch Statements 56 Comparison Operators 56 Precedence 57 Assignment versus Comparison 57 Assigning the Results of Comparisons 58 The if Statement 58 Logical Operators 62 AND 63 OR 64 NOT 64 Multiple Conditions Inside an if Statement 65 else and else if 69 Comparing Strings 70 The switch Statement 71 Executing the Same Code for Different Cases 75 Looping—The for and while Statements 76 The for Loop 76 The for…in Loop 80 The while Loop 80 The do…while loop 82 The break and continue Statements 83 Summary 84 Chapter 4: Functions and Scope 87 Creating Your Own Functions 88 Scope and Lifetime 92 Global Scope 92 Functional Scope 93 Identifier Lookup 93 Functions as Values 94 Summary 97 Chapter 5: Javascript—An Object‐Based Language 99 Object‐Based Programming 100 What are Objects? 100 Objects in JavaScript 100 Using JavaScript Objects 101 Creating an Object 102 Using an Object’s Properties 103 Calling an Object’s Methods 104 Primitives and Objects 104 JavaScript’s Native Object Types 105 String Objects 105 The length Property 106 Finding a String Inside Another String—The indexOf() and lastIndexOf() Methods 106 Copying Part of a String—The substr() and substring() Methods 109 Converting Case—The toLowerCase() and toUpperCase() Methods 110 Selecting a Single Character from a String—The charAt() and charCodeAt() Methods 111 Converting Character Codes to a String—The fromCharCode() Method 115 Removing Leading and Trailing Whitespace—The trim() Method 115 Array Objects 116 Finding Out How Many Elements are in an Array—The length Property 116 Adding Elements—The push() Method 117 Joining Arrays—The concat() Method 117 Copying Part of an Array—The slice() Method 118 Converting an Array into a Single String—The join() Method 119 Putting Your Array in Order—The sort() Method 119 Putting Your Array into Reverse Order—The reverse() Method 121 Finding Array Elements—The indexOf() and lastIndexOf() Methods 122 Iterating through an Array without Loops 123 The Math Object 126 The abs() Method 127 Finding the Largest and Smallest Numbers—The min() and max() Methods 127 Rounding Numbers 127 The random() Method 131 The pow() Method 132 Number Objects 134 The toFixed() Method 134 Date Objects 135 Creating a Date Object 135 Getting Date Values 136 Setting Date Values 139 Calculations and Dates 140 Getting Time Values 140 Setting Time Values 143 Creating Your Own Custom Objects 144 Creating New Types of Objects (Reference Types) 148 Defining a Reference Type 149 Creating and Using Reference Type Instances 150 Summary 151 Chapter 6: String Manipulation 153 Additional String Methods 154 The split() Method 154 The replace() Method 156 The search() Method 157 The match() Method 157 Regular Expressions 158 Simple Regular Expressions 159 Regular Expressions: Special Characters 162 Text, Numbers, and Punctuation 162 Repetition Characters 165 Position Characters 166 Covering All Eventualities 170 Grouping Regular Expressions 171 Reusing Groups of Characters 173 The String Object 175 The split() Method 175 The replace() Method 177 The search() Method 179 The match() Method 180 Using the RegExp Object’s Constructor 183 Telephone Number Validation 185 Validating a Postal Code 187 Validating an E‐mail Address 189 Validating a Domain Name 189 Validating a Person’s Address 190 Validating the Complete Address 190 Summary 191 Chapter 7: Date, Time, and Timers 193 World Time 194 Setting and Getting a Date Object’s UTC Date and Time 197 Timers in a Web Page 200 One‐Shot Timer 200 Setting a Timer that Fires at Regular Intervals 202 Summary 203 Chapter 8: Programming the Browser 205 Introduction to the Browser’s Objects 206 The window Object 207 The history Object 208 The location Object 209 The navigator Object 210 The geolocation Object 210 The screen Object 213 The document Object 213 Using the document Object 214 The images Collection 216 The links Collection 218 Determining the User’s Browser 218 Feature Detection 218 Browser Sniffing 221 Summary 225 Chapter 9: DOM Scripting 229 The Web Standards 231 HTML 232 ECMAScript 233 The Document Object Model 234 The DOM Standard 234 Level 0 234 Level 1 234 Level 2 235 Level 3 235 Level 4 235 Browser Compliance with the Standards 235 Differences between the DOM and the BOM 236 Representing the HTML Document as a Tree Structure 236 What is a Tree Structure? 236 An Example HTML Page 237 The Core DOM Objects 238 Base DOM Objects 238 High‐Level DOM Objects 239 DOM Objects and Their Properties and Methods 240 The Document Object and its Methods 240 The Element Object 246 The Node Object 250 Manipulating the DOM 259 Accessing Elements 259 Changing Appearances 259 Using the style Property 259 Changing the class Attribute 262 Positioning and Moving Content 263 Example: Animated Advertisement 264 Are We There Yet? 264 Performing the Animation 265 Summary 268 Chapter 10: Events 271 Types of Events 272 Connecting Code to Events 273 Handling Events via HTML Attributes 273 Handling Events via Object Properties 280 The Standard Event Model 283 Connecting Code to Events—The Standard Way 283 Using Event Data 289 Event Handling in Old Versions of Internet Explorer 298 Accessing the event Object 298 Using Event Data 300 Writing Cross‐Browser Code 307 Native Drag and Drop 317 Making Content Draggable 318 Creating a Drop Target 319 Transferring Data 325 Summary 333 Chapter 11: HTML Forms: Interacting With the User 335 HTML Forms 336 Traditional Form Object Properties and Methods 338 HTML Elements in Forms 339 Common Properties and Methods 340 The name Property 340 The value Property 340 The form Property 340 The type Property 340 The focus() and blur() Methods 340 Button Elements 341 Text Elements 345 The Text Box 345 Problems with Firefox and the blur Event 350 The Password Text Box 351 The Hidden Text Box 351 The textarea Element 351 Check Boxes and Radio Buttons 355 Selection Boxes 364 Adding and Removing Options 365 Adding New Options with Standard Methods 369 Select Element Events 370 HTML5 Form Object Properties and Methods 375 New Input Types 376 New Elements 380 The Element 380 The and Elements 382 Summary 386 Chapter 12: JSON 391 XML 392 JSON 393 Simple Values 394 Objects 394 Arrays 395 Serializing Into JSON 396 Parsing JSON 396 Summary 400 Chapter 13: Data Storage 403 Baking Your First Cookie 404 A Fresh‐Baked Cookie 404 Viewing Cookies in Internet Explorer 404 Viewing Cookies in Firefox 409 Viewing Cookies in Chrome 411 The Cookie String 413 name and value 413 expires 413 path 414 domain 415 secure 416 Creating a Cookie 416 Getting a Cookie’s Value 419 Cookie Limitations 424 A User May Disable Cookies 424 Number and Information Limitation 425 Cookie Security and IE 425 Web Storage 426 Setting Data 427 Getting Data 428 Removing Data 428 Storing Data as Strings 428 Viewing Web Storage Content 431 Summary 432 Chapter 14: Ajax 435 What is Ajax? 436 What Can It Do? 436 Google Maps 436 Google Suggest 436 Browser Support 436 Using the XMLHttpRequest Object 438 Creating an XMLHttpRequest Object 438 Using the XMLHttpRequest Object 438 Asynchronous Requests 440 Creating a Simple Ajax Module 441 Planning the HttpRequest Module 441 The HttpRequest Constructor 442 Creating the send() Method 443 The Full Code 443 Validating Form Fields with Ajax 444 Requesting Information 445 The Received Data 445 Before You Begin 446 A Web Server 446 PHP 447 Things to Watch Out For 453 Security Issues 454 The Same‐Origin Policy 454 CORS 454 Usability Concerns 455 The Browser’s Back Button 455 Creating a Back/Forward‐Capable Form with an IFrame 455 The Server Response 456 Dealing with Delays 460 Degrade Gracefully When Ajax Fails 461 Summary 462 Chapter 15: HTML5 Media 463 A Primer 464 Scripting Media 467 Methods 468 Properties 471 Events 477 Summary 481 Chapter 16: jQuery 483 Getting jQuery 484 jQuery’s API 485 Selecting Elements 485 Changing Style 487 Adding and Removing CSS Classes 488 Toggling Classes 489 Checking if a Class Exists 490 Creating, Appending, and Removing Elements 490 Creating Elements 491 Appending Elements 491 Removing Elements 492 Handling Events 492 The jQuery Event Object 493 Rewriting the Tab Strip with jQuery 494 Using jQuery for Ajax 497 Understanding the jQuery Function 497 Automatically Parsing JSON Data 498 The jqXHR Object 498 Summary 504 Chapter 17: Other Javascript Libraries 505 Digging into Modernizr 506 Getting Modernizr 507 Modernizr’s API 508 Custom Tests 509 Loading Resources 510 Diving into Prototype 515 Getting Prototype 515 Testing Your Prototype Installation 516 Retrieving Elements 517 Selecting Elements with CSS Selectors 518 Performing an Operation on Elements Selected with $$() 519 Manipulating Style 519 Creating, Inserting, and Removing Elements 520 Creating an Element 520 Adding Content 520 Removing an Element 521 Using Events 521 Rewriting the Tab Strip with Prototype 522 Using Ajax Support 525 Delving into MooTools 531 Getting MooTools 531 Testing Your MooTools Installation 531 Finding Elements 533 Selecting Elements with CSS Selectors 533 Performing Operations on Elements 533 Changing Style 534 Creating, Inserting, and Removing Elements 535 Using Events 536 Rewriting the Tab Strip with MooTools 537 Ajax Support in MooTools 540 Summary 546 Chapter 18: Common Mistakes, Debugging, and Error Handling 549 D’oh! I Can’t Believe I Just Did That: Some Common Mistakes 550 Undefi ned Variables 550 Case Sensitivity 551 Incorrect Number of Closing Braces 552 Incorrect Number of Closing Parentheses 553 Using Equals (=) Rather than Equality (==) 553 Using a Method as a Property and Vice Versa 554 Missing Plus Signs during Concatenation 554 Error Handling 555 Preventing Errors 555 The try…catch Statements 556 Throwing Errors 557 Nested try…catch Statements 562 finally Clauses 562 Debugging 563 Debugging in Chrome (and Opera) 564 Setting Breakpoints 566 Scope Variables and Watches 566 Stepping through Code 567 The Console 571 Call Stack Window 573 Debugging in Internet Explorer 574 Setting Breakpoints 576 Adding Watches 576 Stepping through Code 576 The Console 577 Debugging in Firefox with Firebug 578 Setting Breakpoints 578 Watches 579 Stepping through Code 580 The Console 580 Debugging in Safari 580 Setting Breakpoints 583 Adding Watches 583 Stepping through Code 583 The Console 583 Summary 583 Appendix A: Answers to Exercises 587 Appendix B: Javascript Core Reference 653 Appendix C: W3C DOM Reference 683 Appendix D: Latin‐1 Character Set 715 Index 723

Read more less

Book SynopsisExplore JavaScript y lleve sus páginas web al siguiente nivel Si conoce HTML y CSS, ya habrá experimentado la satisfacción de poder desarrollar sus propias páginas web. Pero también se habrá dado cuenta de la limitación que conlleva trabajar únicamente con contenido estático. La necesidad de superar esta restricción fue precisamente la que motivó el nacimiento de JavaScript, cuya principal fortaleza es su capacidad para generar contenido de forma dinámica durante la interacción con el usuario. En este libro encontrará la descripción del lenguaje JavaScript desde cero, por lo que partirá de los conceptos de programación más básicos, como los tipos de datos primitivos, y llegará a otros más avanzados, como los objetos, que le llevarán al conocimiento de los modelos DOM (Document Object Model, modelo de objetos del documento) y BOM (Browser Object Model, modelo de objetos del navegador). Gracias a esta lectura podrá: ' Crear y modificar páginas web de forma dinámica. Las etiquetas HTML se convertirán en piezas de LEGO que le permitirán construir la estructura que luego rellenará con el texto y las imágenes, a las que finalmente aplicará el estilo deseado. ' Generar animaciones y juegos en los que existan objetos o personajes capaces de relacionarse entre sí o con el usuario. ' Compartir datos entre páginas o almacenarlos en el propio dispositivo para recuperarlos posteriormente. ' Desarrollar aplicaciones web que puedan ser manejadas tanto con un teclado y un ratón como a través de pantallas táctiles. ' Utilizar sensores presentes en la mayoría de los teléfonos móviles, como el giroscopio o el acelerómetro, para controlar una aplicación web en base a su posición. Todos los conceptos introducidos en cada capítulo van seguidos de ejemplos que muestran cómo llevarlos a la práctica. Su código, ya sea HTML, CSS o JavaScript, se explica línea a línea para aclarar cualquier interrogante sobre su funcionamiento. No lo dude y adéntrese en el mundo de las aplicaciones web con JavaScript para dar un paso más allá como desarrollador de páginas HTML. Tomás Domínguez es ingeniero de telecomunicación y doctorado en inteligencia artificial. Su labor profesional se ha desarrollado en una multinacional de telecomunicaciones, donde ha ocupado diversos cargos relacionados con la tecnología. Asimismo, ha ejercido como profesor universitario de ingeniería informática en la Universidad Alfonso X el Sabio de Madrid.

Read more less

Book SynopsisHave big dreams? Kick start them with JavaScript! If we've learned one thing from the Millennial generation, it's that no one is too young to make history online.Table of ContentsIntroduction 1 Part I: What Is JavaScript? Alert! JavaScript Is Awesome! 5 Chapter 1: Programming the Web 7 Chapter 2: Understanding Syntax 22 Chapter 3: Giving and Receiving Data 33 Chapter 4: Fiddling with Web Applications 51 Part II: Animating the Web 69 Chapter 5: JavaScript and HTML 71 Chapter 6: JavaScript and CSS 89 Chapter 7: Building an Animated Robot 104 Part III: Getting Operations 123 Chapter 8: Building Your Dream Car with Operands 125 Chapter 9: Putting It Together with Operators 136 Chapter 10: Creating Your Own JavaScript Word Game 153 Part IV: Arrays and Functions 171 Chapter 11: Creating and Changing Arrays 173 Chapter 12: Making It Functional 190 Chapter 13: Creating a Wish List Program 206 Part V: Freedom of Choice 231 Chapter 14: Making Decisions with the If...Else Statement 233 Chapter 15: Doing Different Things with Switch 252 Chapter 16: Choose Your Own Adventure 267 Part VI: Loops 293 Chapter 17: What’s This Loop For? 295 Chapter 18: Using While Loops 309 Chapter 19: Building a Lemonade Stand 326 Index 355

Read more less

Book SynopsisNew to programming and JavaScript? Look no further! With this beginner?s guide, learn the language ABCs and start developing applications. Walk through the programming basics: branches, functions, methods, objects, and more. Then create forms and events; use the Document Object Model (DOM); and work with large data sets, processing strings, mathematics, time, and other data structures. Design your web and mobile applications using tools like Ajax, CSS, jQuery, and Onsen UI. Follow code examples and expert tips, and you?ll be developing in no time!In this book, you?ll learn about:a. Language Basics Master the building blocks of JavaScript programming. From performing calculations to finding and avoiding errors, you?ll learn the essential skills you need for web application development. b. JavaScript in Practice Start developing with JavaScript! Learn how to work with standard and custom objects, forms and events, and the DOM. Design with CSS, add 2D and 3D graphics with SVG and Three.js, simplify your tasks with jQuery, and much more!c. Example ExercisesReinforce your knowledge with programming exercises. For each core concept, follow along with code examples that are available for download. Get insight into professional development with JavaScript through sample projects! Highlights include:1) Programming basics2) Web application development3) Forms and events4) Document Object Model (DOM)5) Ajax6) XML and JSON7) CSS and HTML properties8) Graphics and animations9) jQuery10) Mobile apps with Onsen UI11) Media files12) Example projects

Read more less

Book SynopsisJavaScript is a complicated language with a lot of misinformation surrounding how it works. This book provides a comprehensive introduction to JavaScript, from how it works at a technical level to how it is used to create websites and applications. Everything you need to know to start a career in JavaScript development is covered here. How JavaScript Worksbeginswith a practical introduction of the basics before moving into the technical underpinnings of JavaScript, detailing everything you need to know, including variables, memory storage, functions, classes, types, maps, sets and APIs.Once you've fully absorbed these key topics. author Jonathan Simpson will show you how to put them into practice, demonstrating how they are employed for modern web development. You'll learn how to use JavaScript with HTML and CSS to construct web pages and applications, how to change CSS with JavaScript, and how to utilize Fetch and asynchronous operations. Uponcompleting this book, you will have thTable of ContentsCh1 Introduction to JavaScript.- Ch2 Variables, Comments, and Logical Statements.- Ch3 Introduction to Objects, Arrays.- Ch4 Loops and Iterables.- Ch5 References, Values, and Memory Management.- Ch6 Functions and Classes.- Ch7 Types.- Ch8 Manipulating and Interacting with HTML.- Ch9 Maps and Sets.- Ch10 Fetching Data, APIs and Promises.- Ch11 Errors and the Console.- Ch12 Maps and Sets.- Ch13 Websockets.- Conclusion.- Appendix.

Read more less

Book SynopsisBuilding Hypermedia APIs with HTML5 and Node shows how to build stable, flexible Web APIs using JavaScript on both client and server. It's practical examples demonstrate best practices for writing and maintaining Web APIs and provide clear coverage of general principles of hypermedia that appeal to Web architects.

Read more less