Video description
Now that new tools have blurred the line between the Web’s front and back ends, full stack engineers are in great demand—and for many, that means becoming more comfortable with user interface development. That’s where this hands-on video course comes in. Web designer and host Mike Kivikoski shows you how to use basic design principles to mold your code into something beautiful. By the time you complete this course, you’ll be able to create UI design mockups and then make them real.
- Create a UI pattern with HTML5 and CSS, and refactor and expand it with HAML and SASS
- Learn how to build grid systems of different sizes with CSS and SASS
- Pick up basic typography skills, and learn how to improve your text and display fonts
- Understand color theory, and learn strategies for building a color library
- Dive into production-ready UI patterns that include a button library, a headline library, and content sections
- Get the basics for building (and updating) a single codebase for multiple smartphones and tablets
- Learn about various UI frameworks and their benefits, including Bootstrap, Compass, and Bourbon Neat
Mike Kivikoski runs Atedrake, a web design studio in Somerville, Massachusetts. He has also served as an Adjunct Professor at Endicott College, teaching Intro to Web Development and Intro to Web Design.
Publisher resources
Table of contents
- Introduction
- Learn the Basics of HTML
- Learn the Basics of CSS
- Writing the Basics of CSS
- Creating a UI Pattern
- Expanding on a UI Pattern
- What is HAML and SASS?
- How to Install HAML and SASS
- How to Write in HAML
- Refactoring Our UI Pattern
- Using SASS
- Expanding on Our UI Pattern with SASS
- Learning About Grid Systems
- Grid Systems with HTML CSS
- Grid Systems with HAML and SASS
- Typography for the Web
- Applications of Typography
- Learn Color Theory for the Web
- Building More UI Patterns
- Build for Mulitple Devices
- UI Frameworks
Product information
- Title: UI Development for Engineers
- Author(s):
- Release date: October 2014
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781491913628
You might also like
book
Designing Data-Intensive Applications
Data is at the center of many challenges in system design today. Difficult issues need to …
book
Hands-On Machine Learning with Scikit-Learn, Keras, and TensorFlow, 2nd Edition
Through a series of recent breakthroughs, deep learning has boosted the entire field of machine learning. …
video
How Slack rearchitected its system to achieve zero downtime and improve latency, reliability and availability
In 2016, Slack faced a problem: the load on its backend servers had increased by 1,000x. …
book
Hands-On Machine Learning with Scikit-Learn, Keras, and TensorFlow, 3rd Edition
Through a recent series of breakthroughs, deep learning has boosted the entire field of machine learning. …