Practical Web Design: Learn the fundamentals of web design with HTML5, CSS3, Bootstrap, jQuery, and Vue.js (實用網頁設計：掌握 HTML5、CSS3、Bootstrap、jQuery 和 Vue.js 的基礎知識)

A step by step guide for beginners to create interactive and dynamic websites from scratch.

Key Features

• A fun-filled book with incrementing projects that would help you learn and adapt the fundamentals of web development
• Bring your web design to life with the help of HTML, CSS, JQuery, and learn to kick-start your future projects with Bootstrap
• Explore popular web development techniques such as responsive, adaptive, and material design and initiate yourself with Vue.js

Book Description

Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design. This book offers you everything you need to know to build your websites.

The book starts off by explaining the importance of web design and the basic design components used in website development. It'll show you insider tips to work quickly and efficiently with web technologies such as HTML5, CSS3, and JavaScript, concluding with a project on creating a static site with good layout. Once you've got that locked down, we'll get our hands dirty by diving straight into learning JavaScript and JQuery, ending with a project on creating dynamic content for your website. After getting our basic website up and running with the dynamic functionalities you'll move on to building your own responsive websites using more advanced techniques such as Bootstrap. Later you will learn smart ways to add dynamic content, and modern UI techniques such as Adaptive UI and Material Design. This will help you understand important concepts such as server-side rendering and UI components. Finally we take a look at various developer tools to ease your web development process.

What you will learn

• Understand the importance of web design and the basic design components
• Learn HTML5 and CSS3
• Difference between adaptive and responsive web design
• Learn how to create your first website
• Add interaction and dynamic content to your website with JavaScript and JQuery
• Implement Bootstrap Framework in your project
• Get familiar with server-side rendering

Who This Book Is For

This book is for anyone who wants to learn about web development regardless of previous experience. It's perfect for complete beginners with zero experience; it's also great for anyone who does have some experience in a few technologies (such as HTML and CSS) but not all of them.

Table of Contents

1. Evolution of Web Design
2. Web Design and its Components
3. Website Designing Workflow
4. Responsive Versus Adaptive Design
5. Learning HTML5
6. Learning CSS3
7. Project on Building Our Own Website
8. Making Our Website Responsive
9. Adding Interaction and Dynamic Contents
10. Optimizing and Launching Our Website
11. What Is Bootstrap?
12. Building a Website with Bootstrap
13. Introduction to Client-Side Rendering
14. Tools to Help Your Workflow