web design Tag Archives - General Assembly Blog

Mentors Matter When Learning Online: The Circuits Difference at GA

By

Online Mentorship Image

The online education space is growing fast. But how do you deliver a high-quality, engaging experience online? As we have built our five Circuit courses — HTML, CSS & Web DesignJavaScript DevelopmentData Analysis, User Experience Design, and Digital Marketing — we believe the answer is simple: a dedicated mentor to hold you accountable through every stage of your learning.

When we put together our first Web Design Circuit in July 2014, we made a conscious choice to build in the sense of community and personalization that an instructor provides. This experience is a key part of General Assembly’s classroom programs. Continue reading

New To Front-End Web Development? Here Are The Basics of HTML and CSS

By

The Basics ImageWhen you’re crafting content for the web, how does the browser know to place a break between paragraphs? For that matter, how does it know to make a page’s background one color, and the navigation bar another color? HTML and CSS are the answer: Browsers read HTML, a markup language, to determine what shows up on the page, and where. CSS, or cascading style sheets, determines how content appears throughout a website. That is to say, HTML will tell the browser “this is a header” and CSS will say “all headers should be green.”

Related Story: 4 Reasons to Code Your Own Website, Even Though There’s Squarespace

Continue reading

Market Hack: How much do Web Developers earn in Sydney?

By

Fundamentals_of_Sales_Skills

When starting your career as a Web Developer, it’s difficult to know your value in the marketplace. One of the biggest questions we get is ‘How much do Web Developers earn in Sydney?’

Three Great Tools

The following tools allow you to hack the market for yourself and get a good idea of where you can be situated in a role:

Continue reading

Gamification: The Importance of Motivation in Web Design

By

Julie is a Digital Marketing Instructor at GA in San Francisco. This piece originally appeared on her blog

What motivates humans to perform certain actions? Well, for one it may be money, status, or maybe passion. The list goes on and on.

Why is it so important that your website or app motivates users? Well simply put, there will really be no reason for someone to use it otherwise. I recently went to a website that asked me to download their app to give feedback. What is in it for me? What will I get in return for my efforts? Why would I take the time to go to the app
store, input my password, and waste storage on my iPhone for your app?

Continue reading

A Website is like a House. Here’s Why

By

Website House Metaphor

Metaphors are great ways to bridge the knowledge gap between technical and non-technical team members. But instead of bombarding non-technical folks with acronyms and jargon, it helps to first establish a baseline understanding of how different technologies work together. One way I like to do this is by comparing a website to a house.

1. The Frame: HTML (HyperText Markup Language)

A house has rooms, and each room contains furniture and electric appliances. Similarly, a webpage has sections (e.g. header, body, footer), and each section contains images and text. HTML organizes and presents elements of a webpage in a structured hierarchy. Here’s an example of pseudo-HTML describing the elements in our house:

[code language=”html”]
<house>
<second_floor>
<bedroom>
<bed />
</bedroom>
</second_floor>
<first_floor>
<living_room>
<television />
</living_room>
<kitchen>
<fridge />
</kitchen>
<entrance>
<front_door>
<door_bell>
</front_door>
</entrance>
</first_floor>
</house>
[/code]

2. The Look: CSS (Cascading Style Sheets)

Not all rooms, tables, and chairs look the same, nor do words or images on a page. That’s where CSS comes in – CSS defines how elements look, describing their color, size, position, shape, and more. Here’s an example of how we’d use pseudo-CSS to style a bedroom in our house:

[code language=”css”]
bedroom {
width: 12ft;
height: 8ft;
walls: 1mm wallpaper matte;
floor: carpet
}
[/code]

Continue reading