What do you think?
Rate this book
Build Your First Website: A Crash Course in HTML and CSS
A beginners guide to building your first landing page. Learn HTML, CSS, animations, a popular boilerplate called Skeleton, and how to publish your landing page online using Github Pages.
Intro to HTML and CSS
You'll go from a beginner with zero developer experience to advanced-beginner, having developed and deployed your first website online. Explore frontend programming's two essential languages: HTML and CSS.
Development Environment
You'll learn how to use a popular code editor, Git and Github as you build your first website.
Using the Skeleton Framework
You'll be introduced to Skeleton, an elegantly-simple and Bootstrap-like framework. Skeleton uses a grid system that allows you to quickly lay out page elements, organize them with minimal styling, and makes it easy to scale-down the website for displaying on mobile devices.
Styling with CSS
While functionality is important, great design can set you apart. You will learn to add external CSS libraries, become familiar with how to style many page elements at once using classes, learn how to customize forms and buttons, and integrate custom web fonts from Google.
Adding Animations
One of the best and fastest ways to set your landing page apart from others is to add tasteful animation. Rather than loading all site elements at once, you'll learn to use CSS animation to give the page-load a smooth fade-in transition.
Deploy to Github Pages
Learn to use Git, the ubiquitous version control system. Use Git and Github Pages to publish your new website online for free.
Learn More at the website: https://www.bloc.io/build-your-first-...
Intro to HTML and CSS
You'll go from a beginner with zero developer experience to advanced-beginner, having developed and deployed your first website online. Explore frontend programming's two essential languages: HTML and CSS.
Development Environment
You'll learn how to use a popular code editor, Git and Github as you build your first website.
Using the Skeleton Framework
You'll be introduced to Skeleton, an elegantly-simple and Bootstrap-like framework. Skeleton uses a grid system that allows you to quickly lay out page elements, organize them with minimal styling, and makes it easy to scale-down the website for displaying on mobile devices.
Styling with CSS
While functionality is important, great design can set you apart. You will learn to add external CSS libraries, become familiar with how to style many page elements at once using classes, learn how to customize forms and buttons, and integrate custom web fonts from Google.
Adding Animations
One of the best and fastest ways to set your landing page apart from others is to add tasteful animation. Rather than loading all site elements at once, you'll learn to use CSS animation to give the page-load a smooth fade-in transition.
Deploy to Github Pages
Learn to use Git, the ubiquitous version control system. Use Git and Github Pages to publish your new website online for free.
Learn More at the website: https://www.bloc.io/build-your-first-...
- GenresProgramming
23 pages, ebook
First published July 9, 2014
60 people want to read
Ratings & Reviews
Friends & Following
Create a free account to discover what your friends think of this book!
Community Reviews
Displaying 1 of 1 review
July 10, 2014
As someone who was asked to review the book before launch, I felt like it came a long way from the time that I first read it until now. The progression is now much better for a beginner like me. I was able to quickly grasp HTML and CSS.
Most importantly, as someone who has tried Code Academy in the past, I was thrilled that this resource actually taught me how to get my code online so I could show my website to the world. I had spent months on Code Academy learning without getting this crucial experience.
I also enjoyed learning about intermediate CSS and custom CSS. I was also really thrilled to be using animations as a beginner.
Furthermore, whereas Codecademy and many other resources are browser-based - meaning you never learn real-world tools - this book was entirely focused on using the tools that real hackers use.
Most importantly, as someone who has tried Code Academy in the past, I was thrilled that this resource actually taught me how to get my code online so I could show my website to the world. I had spent months on Code Academy learning without getting this crucial experience.
I also enjoyed learning about intermediate CSS and custom CSS. I was also really thrilled to be using animations as a beginner.
Furthermore, whereas Codecademy and many other resources are browser-based - meaning you never learn real-world tools - this book was entirely focused on using the tools that real hackers use.
Displaying 1 of 1 review