Here's what you missed at our free info session for our upcoming Front-end Web Development course in HK!

1. FRONT-END WEB
DEVELOPMENT

2. INTRODUCTIONS
WELCOME TO
GENERAL
ASSEMBLY

3. FRONT-END WEB DEVELOPMENT INFO SESSION 3
AGENDA
‣ About GA
‣ Meet the Instructor(s)
‣ What is Web Development?
‣ What can I expect to learn?
‣ What will we create?
‣ Student Experience
‣ Q&A

4. INTRODUCTIONS
ABOUT GENERAL ASSEMBLY

6. INTRODUCTIONS
OUR CORE VALUES

7. CORE VALUES
PEOPLE BEFORE THE
MACHINE.
While we value powerful ideas and innovative startups, the lifeblood of
any community is the individuals involved. We believe in empathy and
reciprocity — and that community can enable individual pursuits.

8. CORE VALUES
LEARNING BY DOING.
We believe that self-actualization is gained through applied, hands- on
experience. We are here not to seek or to hope for the future, but
actively construct it with our hands. If we get it wrong, we modify and
try again; real progress only comes through reflection and relentless
iteration.

9. CORE VALUES
JOURNEY OVER DESTINATION.
General Assembly is about the shared experience of fellow builders
taking risks — about embracing failure as much as success. When great
companies fail, they’re gone forever. When great people fail, they learn
from their experiences and go on to pursue new ventures with a greater
chance of success.

10. INTRODUCTIONS
MEET YOUR INSTRUCTORS

11. INTRODUCTIONS 11
YING KIT YUEN, INSTRUCTOR
‣ Founder of QPon
‣ Freelancer
‣ Best practice engineer
‣ Travelers

12. INTRODUCTIONS 12
MART VAN DE VEN, INSTRUCTOR
‣ Data Architect
‣ MSc Information Design
‣ Facebook Apps
‣ G.U.I.D.E.
‣ Analytics Dashboard

13. INTRODUCTIONS
WHAT IS WEB
DEVELOPMENT?

14. WHAT IS WEB DEVELOPMENT? 14

15. WHAT IS WEB DEVELOPMENT? 15
Basic components of web development (Building a website)
• HTML - The code of a webpage
• CSS - The style of a webpage
• Javasctipt - Make you webpage more dynamic
• CodePen

16. WHAT IS WEB DEVELOPMENT? 16
Web development also requires
• A web server
‣ A computer which serves your website to the public through internet

17. WHAT IS WEB DEVELOPMENT? 17
BUILDING A WEB APPLICATION
• Server side scripting language
‣ PHP
‣ Ruby
‣ Python
‣ … etc
• GA offers
‣ Backend web development
‣ Intro to Rails

18. INTRODUCTIONS
POWERED BY WEB
DEVELOPMENT

19. WHY LEARN WEB DEVELOPMENT? 19
• Liberty to work, to work at liberty
‣ Global employability
‣ Many multinationals, NGOs and Governments have their own
web departments
• Transforming from a thinker to a creator
• Lead the charge for any initiative with a web strategy.
• Learn from and collaborate with the open source community.

20. WHY LEARN WEB DEVELOPMENT?
20
Top languages

21. INTRODUCTIONS
WHY LEARN WEB
DEVELOPMENT?

22. WHY LEARN WEB DEVELOPMENT? 22
JavaScript is the programming lingua franca.
• FutureProof
• Transferable Programming Concepts / Syntax
• Interact just about any third-party API
• Customise the applications of the future
• Build native apps for Windows 8 / Windows Phone 8
• Apps for Android and Iphone
• Server-side language : Node.JS

23. FRONT-END WEB DEVELOPMENT
WHAT CAN I EXPECT TO
LEARN?

24. FRONT-END WEB DEVELOPMENT 24
STOP TALKING, START MAKING.
‣ Theory
‣ Hands-on exercises
‣ Assessments
‣ Quizzes
‣ Final Projects
‣ Homework
‣ Office Hours
‣ Private instruction

25. THE SYLLABUS 25
UNIT 1: HTML & CSS
‣ Lecture 1: Overview and HTML
‣ Lecture 2: HTML Basics & CSS
‣ Lecture 3: Advanced CSS
‣ Lecture 4: Page Layout
‣ Lecture 5: Page Layout
‣ Lecture 6: Navigation & Sprites
‣ Lecture 7: Lab Project: Busy Hands
‣ Lecture 8: Grid Based Design / Typography
‣ Lecture 9: HTML5 & CSS3
‣ Lecture 10: Responsive Design & Midterm Project Code Review

26. THE SYLLABUS 26
UNIT 2: JAVASCRIPT
‣ Lecture 11: Variables and Data Types
‣ Lecture 12: Conditional Logic
‣ Lecture 13: JavaScript Objects
‣ Lecture 14: Functions
‣ Lecture 15: The DOM and Selectors
‣ Lecture 16: jQuery
‣ Lecture 17: Events
‣ Lecture 18: External Services
‣ Lecture 19: Final Project Lab
‣ Lecture 20: Final Project Lab & Review

27. THE SYLLABUS 27
YOU’LL BE ABLE TO….
Ø HTML5 Ø SEO
Ø CSS3 Ø FTP
Ø JavaScript Ø Version control using GitHub
Ø jQuery Ø Best Practices
Ø JSON Ø Project Planning
Ø Professional Workflow

28. FRONT-END WEB DEVELOPMENT
WHAT WILL
WE CREATE?

29. PREVIOUS GRADUATES’ CREATIONS 29
‣ Useful
‣ The Reddit Edit - http://www.redditedit.com/#
‣ Beautiful
‣ The Dressing Room -
https://dl.dropbox.com/u/5800749/Flipp/index.html
‣ Technical
‣ CSSettlers of Catan -
http://lenli.github.com/CSSettlers/index.html#

30. INTRODUCTIONS
WHAT DOES IT MEAN TO
BE A GA STUDENT?

31. GA STUDENT PERKS 31
COMMUNITY
• Outcome focused: build a website from scratch
• Practical, dynamic content
• Strong, diverse community of makers
• Personalized instruction and support
• 3 free classes to supplement your coursework
• Permanent access to all course resources

32. FRONT-END WEB DEVELOPMENT 32
THE DETAILS
‣ April 8th – June 12th, 2013
‣ Meets Mondays and Wednesdays from 7-10pm at CoCoon
‣ Tuition is $25,000HKD
‣ Payment plans are available
‣ No pre-requisites
‣ Maximum class size of 20 people
‣ Registration ends April 1st

33. FRONT-END WEB DEVELOPMENT 33
SYSTEM REQUIREMENTS
‣ Laptops are required.
‣ Mac is preferred, PC is also OK.
‣ Chrome Browser
‣ Text Editor

34. THE EARLY BIRD…

35. FRONT-END WEB DEVELOPMENT 35
Q&A