Web Design Bootcamp: Hand-Coding Websites With HTML & CSS (Practical Exercises)

You want to learn how to hand-code your own websites with HTML & CSS? Then this is the right study book for you!

Practice is the most important ingredient to learning. Therefore, this ebook provides plenty of opportunities for you to build real-world web projects from the ground up—with a huge focus on beautiful design!

No matter your initial skill level, by the time you complete this course, you’ll be able to create your very own stylish, professional-looking websites using HTML and CSS.

The practical coding exercises in this book are comprehensive and cover all levels from beginner, to intermediate, to advanced. You don’t need any prior knowledge of programming languages or web design. Even if you have zero programming experience, the 10 practical assignments in this book will take you from beginner to mastery, making this course is one of the most hands-on web development course you can get.

 

How does it work?

The complex assignments are designed in a way that prepares you to build websites on your own right from the get-go. For that purpose, all complex assignments contain individual programming instructions that tell you what to create and you are to choose the adequate HTML code.

The 10 coding assignments build upon one another and continuously prepare you to become a confident and independent web developer, capable of building your own websites in the future.

At the beginning of each assignment, you’ll find a screenshot of the final website so that you know what the result is supposed to look like. Then you simply follow the programming instructions.

To check if your code is correct, you can compare it to the final HTML code that is included in the book for each practical assignment.

Additionally, you can download all design assets you’ll need for the coding projects (i.e. images, icons, and website text) via the download link included in the book. The download also contains the final HTML files so you can view all website demos directly in your browser and open the code in your editor.

 

How do I know that it works?

I have extensive in-person teaching experience and have been sharing my knowledge in classrooms full of students for many years. The HTML & CSS class I am teaching here was originally designed for students from the Arts & Humanities department.

I used to teach the exact same course at a Middle Eastern university for half a decade with great success, enabling students with no technical background to acquire the skillset necessary to build websites from the ground up on a professional level.

Plus, I’ve been selling my coding assignments on Teachers Pay Teachers, a platform where teachers can share teaching materials with other teachers, and my HTML study materials got stellar 5-star reviews. Instead of buying each assignment individually over there, you can get all of them right here bundled in a book at a special price!

 

If you prefer a more guided approach, you can check out the related Web Design Bootcamp Video Course. The video course guides you one-on-one through the ins and outs of hand-coding your website with HTML and CSS. Besides guided programming exercises, you’ll also be provided with in-depth videos helping you get your head around all the theoretical nitty-gritty.

Sneak a peek at the sample programming videos that are available as free preview on the Curriculum page to get an idea of what the course looks like.

 

What you will learn in a nutshell:

• HTML and Web Design Fundamentals: You’ll start with the basic text markup features, headings, paragraphs, images and hyperlinks.
• Tables, Margins, Borders & Lists: After mastering the basics, you’ll learn how to use more complex features like tables, margins, paddings, borders and different types of lists.
• Complex Page Layouts: You’ll build complex multi-column web pages, positioning elements and images pixel-perfect to create sophisticated, advanced web layouts.
• CSS Fundamentals: You’ll use modern CSS (CSS3) to format HTML elements, both in your local HTML file and in a central style sheet that will allow you to change the look of your pages throughout your entire website at just a couple of clicks.
• HTML5 Elements: You’ll get familiar with modern HTML 5 elements to write well-structured and semantic HTML documents.

 

What you will create yourself:

The book includes 10 guided coding assignments (with step-by-step programming instructions) providing you with the opportunity to put your HTML skills to practice and create real-life web page demos from the ground up.

The assignments—ranging from beginner, to intermediate, to advanced—build upon one another and gradually endow you with all the tools and techniques you need to build professional websites with HTML and CSS. 

Below you can see the screenshots of all 10 website projects you are going to create. Click on the thumbnails to enlarge the images. Additionally, you can view real-life demonstrations of some of the programming exercises here.

Programming Assignment #1	Programming Assignment #2	Programming Assignment #3	Programming Assignment #4	Programming Assignment #5
Programming Assignment #6	Programming Assignment #7	Programming Assignment #8	Programming Assignment #9	Programming Assignment #10

 

What you will get to help you succeed:

• 10 coding exercises with programming instructions for abundant practice
• Screenshots of the final web projects as programming aid
• Downloadable design assets and final HTML code for each exercise (download link included in the book)

 

Who this course is for:

• Anyone who wants to learn how to create their own stunning, professional websites.
• Complete beginners with no idea of how to build a website and no prior coding and web design experience.
• Students with some HTML & CSS experience who still struggle to put together a good-looking complete website and want to level up their skills.
• Designers who want to expand their skill set into web development with HTML and CSS.
• If you want to learn to code through building fun and useful real-world projects for your portfolio from the ground up!

 

Legal

The e-book is available for download immediately upon checkout. For more information about downloading virtual files please refer to the FAQs.
This e-book is sold under a Personal Use License that allows you to use it for personal purposes only. Any form of replication, redistribution, and resale is prohibited. Please make sure to read the agreement carefully and only proceed to checkout if you consent to the license terms.
If you have any question, feel free to contact me!