HTML is a written language that displays, categorizes and organizes content, while CSS makes the content look good. In addition we use Sass (code that helps better organize and structure CSS code) and basic Javascript functionality and libraries to create memorable user experiences and interfaces. HTML and most CSS can appear in almost any sort of internet-browsing device including computers, mobile phones, tablets, smart televisions, and smart watches.

HISTORY

HTML and CSS are the backbone of most of what we see on the web. HTML has grown to be a language where the code labels the content with how it should be interpreted by cell phone and computer browsers, voice commands, and screen readers for the visually impaired.

CSS has grown to be a language that helps create delight on applications and websites through design, effects and animations.. Both languages continue to evolve and allow us to test and use experimental and exciting tags and properties within them.

Course-Photo

See our upcoming courses

Jump down to the schedule to see when and where this course is offered.


Location:
Start Date
Location
Format
  • Please select a location above.
  • Coming Soon
    Nashville, TN
    12 Week Immersive
  • Coming Soon
    Nashville, TN
    12 Week Immersive

12-WEEK IMMERSIVE CURRICULUM

Here's what you'll learn

At the end of the course, you’ll be equipped with a portfolio of beautiful, functional and user-focused projects built from the ground up. With a working knowledge of modern design processes and tools, you’ll graduate with a deep understanding of what it takes to be a successful UI designer in the industry today.

Just knowing punctuation doesn’t make you a great writer. In the same sense, just knowing CSS hacks and Photoshop effects doesn’t make you great at crafting interfaces; that’s the easy part of design. The emphasis in all of our classes is on helping you think like a designer. Design is a lifelong study that constantly evolves, and our goal is for you to learn how to learn so you remain highly valuable for the rest of your career.

Each instructor and class stays agile so that the curriculum can adapt as tools and languages evolve with demand in local markets, but we ensure that each student graduates with the same core design skill set.

Course-Photo

A student in Greenville shows off the features of their final project

Get the syllabus
Enter your email and we will send you a printable version of our Design with User Interface Design syllabus.

Programming Fundamentals

  • HTML and CSS

    We’ll go from HTML foundations and structure to experimental HTML5 audio and video. In CSS, we’ll cover layouts, typography, color theory, and CSS3 animations. Tools you may see: Sublime Text, CodePen, AnimateCSS

  • Design foundations

    We’ll learn strong fundamentals in layout, typography, color theory, user interface and user experience, and so we can build out well-planned and well-crafted visuals. Tools you may see: InVision, Typekit

  • UX

    Every student will learn how to create user-centered design, creating prototypes, wireframes, and thumbnails as well as how to research user interaction, behavior and accessibility. Tools you may see: Balsamiq

  • JavaScript for interaction and accessibility

    We tinker with industry-recommended libraries for interactions and animations that improve user experience thoughtfully. Tools you may see: jQuery, Modernizr

  • CSS preprocessors

    We’ll use advanced CSS interpreters that super charge our code to get all the latest & greatest features without leaving any users behind. Tools you may see: Sass, Compass, Bourbon/Neat, Bootstrap

  • Design process

    Students learn about design history, design as a language, branding, style guides, templating and how these elements form a cohesive system. Tools you may see: Pixate, Frontify

  • Responsive Web Design

    We’ll learn about media queries and responsive design early and require almost all assignments to be fully functional across all screen sizes. Tools you may see: Adobe Inspect, BrowserStack

Tools & Teamwork

  • Industry-supported software

    We’ll teach you how to produce images and assets for interfaces that look great and load quickly on computers or handheld devices. Tools you may see: Adobe Photoshop, Adobe Illustrator, Sketch

  • Version control

    Master version control for personal and team workflows. All of your code will live online from day one. Tools you may see: Git, Github

  • Front-end tools

    We use local build tools & package managers to speed up your development process and collaborate more consistently. Tools you may see: Gulp, Grunt, Yeoman, Bower

Beyond the Terminal

  • Learn from the pros

    Guest speakers and more! Our students get real world exposure early and often during class.

  • Getting hired

    We do mock interviews, resume writing and portfolio building. Grads have weekly meetings with our team to help find exciting jobs and projects.

  • Freelance fundamentals

    Seasoned contractors show you how to find good work, write contracts, set expectations, price well and communicate with clients.

REQUIREMENTS

Is this right for you?

Before we get into specifics, we need to let you know that this class is going to be very challenging. The material gets really hard, really fast. All of the work is very do-able, but if you think you’re going to develop professional level skills in a cushy 40 hour week, this isn’t the place for you. (The average student puts in about 60 hours per week, minimum). We don’t require you to know code to start with, but you need to have tried it and enjoyed it. If that’s you, go ahead and apply now. If not, try a few exercises to see.

We’re family people, so our goal is for you to work as hard as possible in class so you can find joy in a great job, freelance work, or starting your own company when you’re done. We’re proud of all of the different types of people who have come through The Iron Yard, and we don’t have stereotypes of what a programmer is like. We’ve taught students from 18 to 50 years old, from different countries and all sorts of backgrounds.


UI Design impacts all parts of the website and app design with the end user in mind. Not only do the interfaces need to look great, but the user’s experience also plays a part in design. We focus on the seamless intersection of design and code, and empower our students with a higher level understanding of the design process from the first idea to the final user’s interaction on their browser or device. Here’s an overview of the skills our students learn in our Design courses:

• Take a deep dive into building websites with HTML and CSS
• Evolve ideas thoroughly from sketching to high-fidelity prototypes
• Master principles of design and learn critical thinking
• Produce cohesive interfaces and design systems that work on multiple devices
• Build a portfolio of professional-looking design work
• Most importantly, learn how to learn

How much does it cost?

You can read about tuition, financing and scholarships on our Tuition Page. We offer great financing options, have significant discounts for enlisted military personnel/veterans, and sponsor a Women in Tech Scholarship.

To ensure students are prepared for the web design industry, we highly recommend that you sign up for an Adobe Creative Cloud subscription, which includes every Adobe application, including Photoshop, Illustrator, and Typekit (which we will use the most). These are industry standard applications. Depending on which subscription model you choose, the price can vary from $80 a month to $600 a year, and we recommend taking advantage of the 30-day free trial, like we did! There are discounts for recent college grads and upgrades. If you have earlier versions of these programs, that’s okay with us, too, as long as they are CS4 or newer.

What we look for:

  • Hard Worker

    Like we said above, this won’t be a walk in the park. Prepare for a rigorous course.

  • Self Motivated

    If you need to be micro-managed, this isn’t the place for you.

  • Works Well With Others

    You’ll be assigned to groups for projects, and each person’s role will be crucial.

  • Interested in Learning

    Even if you know basics (or more), you might have to unlearn some things. We’ll start from the ground up as a team, and there won’t be room for egos.

  • Ready to Have Fun

    We work hard, play hard, and laugh every single day. We do the best work we possibly can, but we make sure not to take ourselves too seriously.


QUESTIONS?

Let's talk.

Whether you're thinking about starting a new career, interested in learning more about our programs for individuals or businesses, or just want to chat, we're here and we'd love to connect with you. Shoot us an email or your phone number and we'll get back to you soon, or you can chat with us right away using the chat icon below.

We'll call you
Enter your phone number below and we'll give you a ring in the next few days.

We'll email you
Enter your email below and we'll be in touch shortly.



You've made it this far down the page! If you're hungry for info, here's even more:

Learn UI Design with our 12-week course

Our UI Design course will not only teach you the basics of user interface design, but will teach you to think like a web designer. Students will learn concepts of foundational design, user experience and product design. UI Designers design and develop responsive websites using industry-approved design programs, testing them on multiple devices and iterating to always cater to the end user.

Remember: learning UI design doesn’t just make you great at building beautiful sites - that’s the easy part. The emphasis in our 12-week immersive UI Design course is to teach you to think like a designer. Design is a lifelong study, and our goal is for you to learn how to learn so you remain highly valuable for the rest of your career.