Build Responsive Web Designs With No Code Using Macaw

Learn how to easily turn your design ideas into real useable HTML and CSS code without writing a single line

4.50 (26 reviews)
Udemy
platform
English
language
Web Design
category
instructor
2,098
students
4 hours
content
Mar 2016
last update
$19.99
regular price

What you will learn

Build real Web sites with no code

Fully understand the Macaw tools and interface

Necessary skills to build real-world websites: professional, beautiful and truly responsive websites

Downloadable lectures, code and design assets for the entire project

Access to an active community where I will personally answer any of your questions

Description

Have you always wanted to build dazzling and responsive Websites from the ideas you have imagined but didn't have or want to devote the time to dig into HTML and CSS code? Or maybe you are a designer that is tired of paying a coder to mock up your designs to present to your customers. Or perhaps you are a seasoned coder who wants to be able to mock up a design quickly and then manipulate the code later on.

If any of this sounds familiar to you, then Macaw may be the answer. In this course, I will lead you through the tools and user interface of Macaw and show you how to build a real world Web design that could actually be put into production with very little extra effort.

Did you know that mobile devices have outpaced the desktop market. This means that you have to make your Web presence responsive to these smaller screens. This course will teach you how to take your design and make it "Responsive" to all sizes including the mobile market which as of July of 2015 represents over 51% of all Internet users.


Build a strong foundation in Web Design using Macaw

  • Learn about the Macaw tool
  • Learn the basics of the interface
  • Create some real-world examples


Content and Overview

The good folks that built Macaw have delivered a wonderful tool that allows you to draw your Web ideas instead of coding them but as with all new tools, there is a learning curve. I help you navigate the uncharted waters and get you up to speed quickly so you can enjoy bringing your design ideas to life.

This course will give you the necessary skills to start designing Web content today and realize the dream of turning ideas into reality.

Content

Getting Started

Course Introduction
What is Macaw?
Get Macaw

Macaw Basics

Macaw Interface
Inspector
Grid and Page Settings
Basic Layout Resources
Basic Layout
Global Styles
Basic Responsive

JavaJive Website Design

JavaJive - Intro
JavaJive Resources
JavaJive - Setup
JavaJive - Header Part 1
JavaJive - Header Part 2
JavaJive - Menu Bar
JavaJive - Tagline and Description
JavaJive - Breakpoints and Preview
JavaJive - Callout Boxes Part 1
JavaJive - Callout Boxes Part 2
JavaJive - Hours and Address
JavaJive - Footer
JavaJive - Responsive Header
JavaJive - Responsive Part 2
JavaJive - Links
JavaJive - Adding Pages
JavaJive - Menu Page Part 1
JavaJive - Menu Page Part 2
JavaJive - Events Page Part 1
JavaJive - Events Page Part 2
JavaJive - Contact Page Part 1
JavaJive - Contact Page Part 2
JavaJive - Final QA

Macaw Quick Tips

Quick Tips Introduction
Quick Tips - Keyboard Shortcuts
Quick Tips - Down and Dirty Positioning
Quick Tips - Using Visual Properties
Quick Tips - Embed a YouTube Video
Quick Tips - Add JavaScript Dropdown Menu
Quick Tips - Make Responsive Menu

Screenshots

Build Responsive Web Designs With No Code Using Macaw - Screenshot_01Build Responsive Web Designs With No Code Using Macaw - Screenshot_02Build Responsive Web Designs With No Code Using Macaw - Screenshot_03Build Responsive Web Designs With No Code Using Macaw - Screenshot_04

Reviews

Will
March 13, 2017
A great course. I enjoyed it and learned a lot about Macaw, how to use it and also it reinforced what I knew about HTML and CSS. My only challenge was with Macaw itself, which tends to run slowly and crash when I do nudge and pudge actions!
Apil
May 14, 2016
This is a good and informative course on the tool. I wish though, that he'd give more explanations on why he chose to do things a certain way, e.g. why absolute positioning the header etc.
Ramy
March 16, 2016
actually i bought this course only to understand how to make a responsive Mobile mneu like we do in bootstrap, but i did not find any responsive navegation menus :(

Charts

Price

Build Responsive Web Designs With No Code Using Macaw - Price chart

Rating

Build Responsive Web Designs With No Code Using Macaw - Ratings chart

Enrollment distribution

Build Responsive Web Designs With No Code Using Macaw - Distribution chart

Related Topics

711406
udemy ID
12/31/2015
course created date
2/19/2020
course indexed date
Bot
course submited by