Web Design Using Sketch, Flexbox, and JQuery Complete
Web Design Using Sketch, Flexbox, and JQuery Complete
Styling a Bare-Bones Web (Rails) Application
About the Book
Web Design Using Sketch, Flexbox, and JQuery takes a boot camp/peer coding approach, combining creative, design, and technical "over the shoulder" training that not only tells you how to build—but shows you. After completing this course, you will have the skills to tackle front-end work—both UX design and UI development.
Do you want to start a new career in front-end design and or UI development? Do want to level up and add UI development to your resume? Do you want to learn to code? Then, this is the course for you. Using this course you can upskill—you’re creative and smart, but your skills aren't inadequate for the current job market—with this course, you can learn those skills. I teach you to design a web application prototype using Sketch 3, and then build it using HTML5 and CSS3. Sketch, with CSS Flexbox is very powerful. I'll show you how to use Flexbox to make the prototype layout responsive—displaying on desktops, tablet, and smartphones. A bare-bones Rails application is our starting point. I'll show you how to style the Rails application's home page using Sketch 3, Flexbox, and JQuery—using my Rock-n-Roll inspired ACDC methodology.
I cover everything in just 113 pages, 11 videos (2.5 hours of instruction), and source code—no need for a 300-page book. Just the knowledge you need to be successful in a 2-hour read. I won't bog you down with Git, namespacing, and web frameworks. This crash course includes Sketch 3, HTML5, and CSS3 Flexbox example source code (Sketch 3 design files, icons, HTML, and CSS code). I show you how to design and build for the web—simply and concisely. After completing this course, you will be able to build a web application prototype with confidence.
Table of Contents
Tools: HTML5, CSS3, JavaScript, and SVG
Powerage: The ACDC Method
High Fidelity Prototyping
Assessing: Web Application Breakdown
Conceptualizing: Mockup and Wireframe the Application
Conceptualizing and Designing: Design Considerations
Designing: Design Breakdown
Designing: Bohemian Coding Sketch 3
Designing: Building the Leftbar Section
Designing: Building the Footer Section
Designing: Building the Rightbar Section
Designing: Building the Category Section
Designing: Final Design
Coding: Building the Prototype in HTML5, CSS3 Flexbox, and JQuery
Coding: Working with the HTML5 DOM
Coding: Styling with CSS3 and Flexbox
Coding: Building the JavaScript/JQuery Preloader
Coding: The JavaScript/JQuery Preloader Experience
Coding: The Final Web Application Prototype
Going Forward
_________________________________________________________
Instructional Video - Course Introduction - Hello - (02:22)
Instructional Video - Course Web Resources - Code and Errata - (01:01)
Instructional Video - ACDC Method - Assessing - Bare-Bones Web Application - (02:51)
Instructional Video - ACDC Method - Conceptualizing - Mockups and Wireframes - (06:07)
Instructional Video - ACDC Method - Designing - Sketch 3 - Leftbar - (21:10)
Instructional Video - ACDC Method - Designing - Sketch 3 - Categories - (23:07)
Instructional Video - ACDC Method - Designing - Sketch 3 - Rightbar and Footer - (25:57)
Instructional Video - ACDC Method - Coding - HTML5 - (13:28)
Instructional Video - ACDC Method - Coding - CSS3 & Flexbox - (15:36)
Instructional Video - ACDC Method - Coding - jQuery - (13:44)
Instructional Video - ACDC Method - Coding - Final Web Application Prototype - (24:54)
_________________________________________________________
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them