Heidi

Heidi Brebels

76 badges unlockedMember since Feb 23, 2011

  • Newbie

    Newbie

    Welcome to the exciting world of web professionals! We're happy you decided to join us. Isn't it exciting being a Newbie?

    Unlocked Nov 7, 2011

  • Old School

    Old School

    You were a part of Treehouse back in old days when it was called Think Vitamin Membership. You're Old School. You're awesome.

    Unlocked Nov 7, 2011

  • Introduction

    Introduction

    Design Foundations HTML Introduction

    This introduction is a broad overview of the Internet, the web, and markup languages.

    Unlocked Nov 7, 2011

  • Text

    Text

    Design Foundations HTML Text

    Text in HTML can be structured many different ways. Utilizing text elements can add semantic structure to web pages.

    Unlocked Nov 7, 2011

  • Lists

    Lists

    Design Foundations HTML Lists

    Lists in HTML can be used to create an ordered or unordered grouping of list items, such as a grocery list or your top five favorite movies.

    Unlocked Nov 7, 2011

  • Lists Challenge

    List Challenge

    Design Foundations HTML Lists Challenge

    Test your HTML list skills in this Code Challenge! Good luck!

    Unlocked Nov 7, 2011

  • Tables Challenge

    Tables Challenge

    Design Foundations HTML Tables Challenge

    Challenge your knowledge of tables!

    Unlocked Nov 7, 2011

  • Mastery Challenge

    HTML Master

    Design Foundations HTML Mastery Challenge

    Bring it all together in this HTML Code Challenge!

    Unlocked Nov 7, 2011

  • Introduction

    Introduction

    Design Foundations CSS Foundations Introduction

    This introduction is a broad overview of cascading stylesheets.

    Unlocked Nov 7, 2011

  • Selectors

    Selectors

    Design Foundations CSS Foundations Selectors

    Selectors allow for styling to be applied to particular page elements. This critical concept makes it easy to choose a specific page element and assign CSS properties to it.

    Unlocked Nov 7, 2011

  • Selectors Challenge

    Selector Code Challenge

    Design Foundations CSS Foundations Selectors Challenge

    Test your knowledge of CSS Selectors in the code challenge.

    Unlocked Nov 7, 2011

  • Data Types

    Data Types

    Design Foundations CSS Foundations Data Types

    Data types are different classes of information that can be used with CSS properties. Data Types include integers and floating point values (numbers), strings (pieces of text), colors, and more.

    Unlocked Nov 7, 2011

  • Text

    Text

    Design Foundations CSS Foundations Text

    In addition to the font property, there are several more properties that allow for text elements to be further manipulated. Examples include the word-spacing, letter-spacing, and line-height properties.

    Unlocked Nov 7, 2011

  • Text Challenge

    Text Code Challenge

    Design Foundations CSS Foundations Text Challenge

    Test your knowledge of CSS text manipulations in this Code Challenge.

    Unlocked Nov 7, 2011

  • The Box Model

    Box Model

    Design Foundations CSS Foundations The Box Model

    The CSS box model describes rectangular elements on a web page. Each box has a content area which is surrounded by padding, border, and margin areas.

    Unlocked Nov 7, 2011

  • Page Layout

    Page Layout

    Design Foundations CSS Foundations Page Layout

    The visual formatting model in CSS governs the layout of page elements based on several CSS properties and concepts, such as the size of an element and its position.

    Unlocked Nov 7, 2011

  • Printing

    Printing

    Design Foundations CSS Foundations Printing

    When a user attempts to make a hard copy of a webpage, special CSS styles can be applied to enhance the printing experience. Users will appreciate this, because in most cases it increases the focus on the page content and decreases the amount of printer ink they have to use.

    Unlocked Nov 7, 2011

  • Framework Foundations

    Framework Foundations

    Design Foundations CSS Foundations Framework Foundations

    The CSS specification created by the W3C is already very powerful by itself. However, there are pieces of CSS code that most web professionals will have to create repeatedly. This development friction can be eased by using a CSS framework, which is a set of reusable CSS code that is general enough to be applied to just about any project.

    Unlocked Nov 7, 2011

  • CSS Foundations

    CSS

    Design Foundations CSS Foundations

    Cascading Style Sheets (CSS) is a language used to describe the visual look of a web page. Using CSS, it is possible to change colors, margin, padding, fonts, and much more.

    Unlocked Nov 7, 2011

  • Mastery Challenge

    Mastery Challenge

    Design Foundations CSS Foundations Mastery Challenge

    Pass this Code Challenge to prove you've mastered CSS.

    Unlocked Nov 7, 2011

  • Xcode 4

    Xcode 4

    Deleted Xcode 4

    Xcode is a suite of tools used to design and develop iOS and Mac OSX applications. It contains the main integrated development environment (IDE), Interface Builder used to construct graphical user interface, Instruments used to measure performance, test and debug your app.

    Unlocked Nov 7, 2011

  • Objective-C

    Objective-C

    iOS 4 Foundations Objective-C

    Objective-C is an object-oriented programming language that is an extension of the C language. It is the primary language that gives access to libraries and frameworks to help build an iOS app.

    Unlocked Nov 7, 2011

  • Foundation Framework

    Foundation Framework

    iOS 4 Foundations Foundation Framework

    The Foundation framework some basic Objective-C classes that include: classes representing basic data types such as strings and byte arrays, collection classes for storing other key/value pairs such as a dictionary and classes representing system information such as dates.

    Unlocked Nov 7, 2011

  • Basics

    Basics

    Introduction to Programming Basics

    Computer programming can be intimidating at first, but this gentle introduction to the subject will make the learning curve a bit easier to climb.

    Unlocked Nov 17, 2011

  • Links

    Links

    Design Foundations HTML Links

    Hyperlinks are the fundamental idea that makes the web great. They allow pages to be linked together so that it's easy to navigate through the sea of information.

    Unlocked Nov 17, 2011

  • HTML

    HTML

    Design Foundations HTML

    This HTML Tutorial helps you master HTML. HTML or "Hyper Text Markup Language" describes the basic structure and content of a web page. Mastering HTML and its many elements is critical for any type of web professional.

    Unlocked Nov 17, 2011

  • Objects

    Objects

    Design Foundations HTML Objects

    Objects in HTML include elements like images and multimedia plugins. This class of elements essentially allows for the addition of content that is not text-based.

    Unlocked Nov 17, 2011

  • Tables

    Tables

    Design Foundations HTML Tables

    Tables in HTML can be used for structuring and formatting tabular data, similar to the display capabilities of spreadsheet software. Tables are useful for organizing and relating quantitative and qualitative data sets.

    Unlocked Nov 17, 2011

  • Forms

    Forms

    Design Foundations HTML Forms

    Forms are a special class of HTML elements that can be combined together to create pages that accept user input. The user input generated by forms can then be processed by software that runs on the server-side.

    Unlocked Nov 17, 2011

  • Website Basics

    Website Basics

    Technology Foundations Website Basics

    Beyond HTML and CSS, there are several basic technology skills that every web professional should know. Some of these include uploading files to the web via FTP or purchasing domains and hosting.

    Unlocked Nov 17, 2011

  • Media Queries

    Media Queries

    Design Foundations CSS3 Media Queries

    Media Queries are a unique addition to CSS3 that allows designers to apply CSS declarations dynamically based on client conditions. For example, if the width of the browser window drops below a predetermined value, alternative CSS can be applied dynamically.

    Unlocked Nov 17, 2011

  • Fundamentals

    Fundamentals

    Design Foundations Responsive Web Design Foundations Fundamentals

    Responsive Web Design enables web pages to make layout adjustments based on the width of the browser. This technique is powered by a new feature of CSS3 called media queries.

    Unlocked Nov 17, 2011

  • Responsive Web Design Foundations

    Responsive Web Design

    Design Foundations Responsive Web Design Foundations

    Responsive Web Design (RWD) is a fresh take on a growing problem. RWD allows a single design to work across the ever widening spectrum of screen resolutions, as opposed to the more traditional method of designing separate sites for various mobile devices.

    Unlocked Nov 17, 2011

  • Mobile

    Mobile

    Design Foundations Responsive Web Design Foundations Mobile

    Responsive Web Design allows a single code base to work across multiple screen resolutions. However, on mobile devices, there are special design considerations that need to be taken into account.

    Unlocked Nov 17, 2011

  • App Lifecycle & View Controllers

    App Lifecycle & View Controllers

    iOS 4 Foundations App Lifecycle & View Controllers

    The app lifecycle constitutes of the sequence of events that occurs between the launch and termination of an application and how it relates to the application delegate. In addition, the basics of view controllers, how they manage the loading and unloading of views and adapt to changes in device orientation.

    Unlocked Dec 8, 2011

  • App Distribution

    App Distribution

    iOS 4 Foundations App Distribution

    Prior to submitting an app to the app store it must be tested on an actual device and then checked for memory leaks. Once ready there are several steps to be taken to deploy it to the app store such as: provisioning profiles, iTunes connect setup, archival and submission of binaries to the App store.

    Unlocked Dec 8, 2011

  • TableViewController

    TableViewController

    iOS 4 Foundations TableViewController

    A UITableViewController is a convenience class to manage a table view and it's underlying data. A table view is made of table view cells which visually appears as a scrollable list that uses a datasource and delegate to manage its look and functionality.

    Unlocked Dec 8, 2011

  • Tab Bar

    Tab bar

    iOS 4 Foundations Tab Bar

    A tab bar interface is made up of several components such as: the tab bar along the bottom, tab bar items and the tab bar controller. The key component is the tab bar which is used to navigate between different modes or views of your application. The tab bar is visually divided into individual tab bar items. The tab bar controller creates and manages the tab bar views and the view controllers associated with them.

    Unlocked Dec 8, 2011

  • Controls

    Controls

    iOS 4 Foundations Controls

    Part of the user interface is made up of controls such as buttons, textfields or sliders that convey user intent to the application. Most controls follow a Target-Action design pattern that allows any implementation of a control to send messages to a target when an action occurs.

    Unlocked Dec 14, 2011

  • Views

    Views

    iOS 4 Foundations Views

    The user interface is made up of views and controls that determine the look and behavior of an application. A base view class called UIView is made up of several subviews and has subclasses that provide specific views such as: UIImageView displays an image or animates multiple images or UIScrollView displays scrollable content.

    Unlocked Dec 14, 2011

  • Your First App

    Your First App

    iOS 4 Foundations Your First App

    A simple Hello World application gets you acquainted to the two main tools you will need: Xcode and Interface Builder. Xcode is the integrated development environment or IDE used to build your iOS app and Interface Builder is the graphical user interface layout tool.

    Unlocked Dec 14, 2011

  • iOS 4 Foundations

    iOS 4

    iOS 4 Foundations

    Learn the fundamentals to become an iOS app developer such as: Objective-C, Xcode 4, App Lifecycle, Views, Controllers and much more. The only requirement is that you know how to program in an object-oriented language.

    Unlocked Dec 14, 2011

  • Control Structures

    Control Structures

    Introduction to Programming Control Structures

    Control structures determine the flow of execution within an application. A conditional statement can fork the execution down several paths or a loop can execute the same code several times until a condition is met.

    Unlocked Dec 14, 2011

  • Objects and Arrays

    Objects and Arrays

    Introduction to Programming Objects and Arrays

    An array is a way of storing multiple items and each item is associated to a number called the index. Each item can be accessed using the index value. Objects are usually associated to meaningful pieces of data which it can hold and manipulate.

    Unlocked Dec 14, 2011

  • Functions

    Functions

    Introduction to Programming Functions

    A function contains a piece of code that needs to be executed several times from different parts of your application

    Unlocked Dec 14, 2011

  • Introduction to Programming

    Introduction to Programming

    Introduction to Programming

    Basic programming skills are essential for all web professionals, including designers. High level programming concepts learned here are applicable to most computer languages.

    Unlocked Dec 14, 2011

  • Basics

    Basics

    HTML5 Foundations Basics

    The basics of HTML5 provides a broad overview of how it's being developed and how to use some of the new tags.

    Unlocked Dec 15, 2011

  • HTML5 Foundations

    HTML5

    HTML5 Foundations

    HTML5 is a collection of new open web technologies that builds upon established W3C standards. The HTML5 specification includes new semantic page elements, multimedia features, and more.

    Unlocked Dec 15, 2011

  • Video

    Video

    HTML5 Foundations Video

    The HTML5 video element was included in the draft specification with the specific purpose of playing videos or movies. This essentially replaces the need for the object element and browser plugins that handle video multimedia.

    Unlocked Dec 15, 2011

  • Workspace Basics

    Workspace Basics

    Photoshop Foundations Workspace Basics

    An introduction to the menus, toolbar, windows and panels that make up the Adobe Photoshop workspace.

    Unlocked Jan 1, 2012

  • Elements

    Elements

    Design Foundations Aesthetic Foundations Elements

    The elements of art form the basic visual building blocks. With elements like line, shape, and form, it is possible to approach design from an objective and analytical perspective.

    Unlocked Jan 18, 2012

  • Principles

    Principles

    Design Foundations Aesthetic Foundations Principles

    The principles of art are a set of rules or guidelines that utilize the elements of art to create patterns. By leveraging principles like harmony, contrast, and emphasis, the elements of art can be manipulated to bring forth emotional depth and dynamic visuals.

    Unlocked Jan 18, 2012

  • Color Theory

    Color Theory

    Design Foundations Aesthetic Foundations Color Theory

    Color theory is the study of mixing colors together and the visual effects of various combinations. Color has been studied for many centuries, but the advent of computer graphics has made this area even more interesting.

    Unlocked Jan 18, 2012

  • Aesthetic Foundations

    Aesthetic Foundations

    Design Foundations Aesthetic Foundations

    Aesthetic Foundations will cover the elements and principles of art, along with color theory. This basic knowledge will provide a design language that enables more effective communication amongst designers and other team members.

    Unlocked Jan 18, 2012

  • Code Racer

    Code Racer

    Code Racer is a multi-player live coding game that teaches newbies how to code a basic website using HTML and CSS, and tests intermediate and advanced users on their coding speed and agility. Players race against each other and the clock to complete coding challenges, unlocking weapons and rewards along the way.

    Unlocked Jan 25, 2012

  • Variables

    Introduction Variables

    JavaScript Foundations Variables

    Introduction Variables

    Unlocked Feb 1, 2012

  • Introduction

    Introduction

    Design Foundations Accessibility Introduction

    A broad definition of accessibility could include mobile devices, software machines, and people with disabilities. However, the more traditional definition of accessibility focuses exclusively on people that access the web in atypical ways.

    Unlocked Feb 2, 2012

  • Selectors

    Selectors

    Design Foundations CSS3 Selectors

    Selectors have been available since the advent of CSS, but there are several new CSS3 selectors. These selectors allow web professionals to apply properties to page elements that were previously more difficult to access.

    Unlocked Feb 2, 2012

  • Automatic Reference Counting

    Automatic Reference Counting

    iOS 5 Foundations Automatic Reference Counting

    Automatic Reference Counting is an exciting new addition to iOS 5 that makes manual reference counting obsolete. It is a compiler level feature that removes all the hassle out of memory management and makes iOS development easier.

    Unlocked Mar 20, 2012

  • Storyboards

    Storyboards

    iOS 5 Foundations Storyboards

    A storyboard is a visual representation of the user interface for an iOS application. A storyboard is composed of a sequence of scenes, each of which represented by a view controller and its views; scenes are connected by a segue, which represents the transition between two view controllers.

    Unlocked Mar 20, 2012

  • Web View

    Web View

    iOS 5 Foundations Web View

    The UIWebView class uses the WebKit rendering engine to embed web content in your application. It can also be used displayed documents such as: PDF, Excel, Keynote, Numbers, etc. In addition, you can add browser navigation functionality such as moving forward and back in the history stack and intercept browser events.

    Unlocked Mar 21, 2012

  • Ruby Basics

    Ruby Basics

    Ruby Foundations Ruby Basics

    Ruby Basics

    Unlocked Apr 4, 2012

  • Objects, Classes, and Variables

    Objects, Classes, and Variables

    Ruby Foundations Objects, Classes, and Variables

    The Objects, Classes, and Variables badge gets you familiar with the Ruby language. You'll learn about how to tell the Ruby interpreter what to do, set variables, and create and instantiate classes.

    Unlocked Apr 4, 2012

  • Strings

    Ruby Strings

    Ruby Foundations Strings

    The Ruby Strings badge teaches you how to create and work with strings, learn about special characters and escape, and learn about common and useful methods available when working with strings.

    Unlocked Apr 4, 2012

  • Numbers

    Ruby Numbers

    Ruby Foundations Numbers

    The Ruby Numbers badge will get you comfortable working with numbers in Ruby. This badge teaches you about integers, floating point numbers, math, and more. You'll learn how to create and work with numbers, compare numbers, and work with currency.

    Unlocked Apr 4, 2012

  • Strings

    JS Strings

    JavaScript Foundations Strings

    JS Strings

    Unlocked Apr 4, 2012

  • Numbers

    JavaScript Numbers

    JavaScript Foundations Numbers

    JavaScript Numbers

    Unlocked Apr 4, 2012

  • Chair Yoga

    Chair Yoga

    Archive Treehouse Lifestyles Chair Yoga

    The Chair Yoga badge teaches you how to comfortably exercise at work!

    Unlocked Apr 4, 2012

  • Taking The Perfect Profile Picture

    Taking The Perfect Profile Picture

    Archive Treehouse Lifestyles Taking The Perfect Profile Picture

    Level up your social networking skills with the taking the perfect profile picture badge!

    Unlocked Apr 4, 2012

  • Online Dating

    Online Dating

    Archive Treehouse Lifestyles Online Dating

    In this badge, Nick shows us how to use an online dating website to start a real-life romance.

    Unlocked Apr 4, 2012

  • Arrays

    Ruby Arrays

    Ruby Foundations Arrays

    An array is container for different kinds data. The Ruby arrays badge will teach you what arrays are and get you comfortable with creating and working with arrays.

    Unlocked Apr 10, 2012

  • Websites

    Websites

    Design Foundations Accessibility Websites

    Accessibility on a static website has a lot to do with creating semantic markup. However, creating an aesthetic with CSS is equally important and can help users with various types of vision and motor impairments.

    Unlocked Apr 10, 2012

  • Web Apps

    Web Apps

    Design Foundations Accessibility Web Apps

    Interactive web applications are slightly different than static websites, and can present some unique challenges in regards to accessibility.

    Unlocked Apr 10, 2012

  • Accessibility

    Accessibility

    Design Foundations Accessibility

    Accessibility is the practice of making websites available to all people, regardless of their abilities or disabilities.

    Unlocked Apr 10, 2012

  • Appearance

    Appearance

    iOS 5 Foundations Appearance

    iOS 5 has a new capabilities to help customize the appearance of UIKit views and controls giving your application a unique look and feel. In addition, the appearance proxy helps you consolidate customization while providing a consistent look and feel.

    Unlocked Apr 10, 2012

  • Layer Basics

    Layer Basics

    Photoshop Foundations Layer Basics

    Layer Basics

    Unlocked May 8, 2012