, ,

HTML, CSS, and JavaScript All in One

Covering HTML5, CSS3, and ES6, Sams Teach Yourself

Paperback Engels 2019 9780672338083
Verwachte levertijd ongeveer 9 werkdagen

Samenvatting

A solid understanding of HTML, CSS, and JavaScript -- and how they work together -- is vital to any kind of contemporary web development. And these core technologies are only growing in importance as contemporary web development moves away from a reliance on proprietary technologies like Flash for rich interface and mobile applications.

Teach Yourself HTML, CSS, and JavaScript All in One combines these three fundamental web development technologies into one clearly written, carefully organised, step-by-step tutorial that expertly guides the beginner through these three interconnected technologies.

By the end of this book the reader will understand how these technologies work, and more importantly, how they work together to create modern web pages and sites. After completing the book's lessons the reader will be able to confidently create basic but professional-looking interactive web sites.

Coverage of the HTML5, CSS3, and ECMAScript 6 standards is thoughtfully integrated into every chapter of the book, mentioning new features or tools within context of the task or topic at hand.

Specificaties

ISBN13:9780672338083
Taal:Engels
Bindwijze:Paperback

Lezersrecensies

Wees de eerste die een lezersrecensie schrijft!

Inhoudsopgave

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

Managementboek Top 100

Rubrieken

    Personen

      Trefwoorden

        HTML, CSS, and JavaScript All in One