CREATE A WEBSITE TEMPLATE WITHIN ONE HOUR

HIGHLIGHTS

• History of Web Design

• Difference between Front-end Development & Back-End Development

• What is responsive?

• Responsive CSS Frameworks: Foundation, Bootstrap, …

• Practical Project

• Resources

History of Web Design

THE FIRST WEB PAGE (WWW) IN 1992

THE WHITE HOUSE IN 1994

YAHOO! IN 1996

GOOGLE IN 1998

CNET IN 1996

APPLE'S WEBSITE 1996 - 2011

Front-end development

HTML, CSS, JavaScript

Back-end development

C++, C#, Java another high-level

programming language : PHP, Python, Perl, .NET, Ruby, etc.

WHAT IS RESPONSIVE?

RESPONSIVE? Desktop View

FTW!

Mobile View

RESPONSIVE? Desktop View

HOW?

Mobile View

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

http://getbootstrap.com/

LET’S CODE!

RESOURCES

• http://bootstrapbay.com/blog/bootstrap-resources/

• http://startbootstrap.com/bootstrap-resources/

• http://designshack.net/articles/css/20-awesome-resources-for-twitter-bootstrap-lovers/

Thank You! Good Luck in your exams.

See you second term.

www.fb.com/ucsycsclub

www.fb.com/groups/ucsycsclub/