Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Front-end Web Dev (HK) Info Session

1,931 views

Published on

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

Published in: Technology

Front-end Web Dev (HK) Info Session

  1. 1. FRONT-END WEBDEVELOPMENT
  2. 2. INTRODUCTIONSWELCOME TOGENERALASSEMBLY
  3. 3. FRONT-END WEB DEVELOPMENT INFO SESSION 3AGENDA‣  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. 4. INTRODUCTIONSABOUT GENERAL ASSEMBLY
  5. 5. INTRODUCTIONSOUR CORE VALUES
  6. 6. CORE VALUESPEOPLE BEFORE THEMACHINE.While we value powerful ideas and innovative startups, the lifeblood ofany community is the individuals involved. We believe in empathy andreciprocity — and that community can enable individual pursuits.
  7. 7. CORE VALUESLEARNING BY DOING.We believe that self-actualization is gained through applied, hands- onexperience. We are here not to seek or to hope for the future, butactively construct it with our hands. If we get it wrong, we modify andtry again; real progress only comes through reflection and relentlessiteration.
  8. 8. CORE VALUESJOURNEY OVER DESTINATION.General Assembly is about the shared experience of fellow builderstaking risks — about embracing failure as much as success. When greatcompanies fail, they’re gone forever. When great people fail, they learnfrom their experiences and go on to pursue new ventures with a greaterchance of success.
  9. 9. INTRODUCTIONSMEET YOUR INSTRUCTORS
  10. 10. INTRODUCTIONS 11YING KIT YUEN, INSTRUCTOR‣  Founder of QPon‣  Freelancer‣  Best practice engineer‣  Travelers
  11. 11. INTRODUCTIONS 12MART VAN DE VEN, INSTRUCTOR‣  Data Architect‣  MSc Information Design‣  Facebook Apps‣  G.U.I.D.E.‣  Analytics Dashboard
  12. 12. INTRODUCTIONSWHAT IS WEBDEVELOPMENT?
  13. 13. WHAT IS WEB DEVELOPMENT? 14
  14. 14. WHAT IS WEB DEVELOPMENT? 15Basic 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
  15. 15. WHAT IS WEB DEVELOPMENT? 16Web development also requires• A web server ‣  A computer which serves your website to the public through internet
  16. 16. WHAT IS WEB DEVELOPMENT? 17BUILDING A WEB APPLICATION• Server side scripting language ‣  PHP ‣  Ruby ‣  Python ‣  … etc• GA offers ‣  Backend web development ‣  Intro to Rails
  17. 17. INTRODUCTIONSPOWERED BY WEBDEVELOPMENT
  18. 18. 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.
  19. 19. WHY LEARN WEB DEVELOPMENT? 20Top languages
  20. 20. INTRODUCTIONSWHY LEARN WEBDEVELOPMENT?
  21. 21. WHY LEARN WEB DEVELOPMENT? 22JavaScript 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  
  22. 22. FRONT-END WEB DEVELOPMENTWHAT CAN I EXPECT TOLEARN?
  23. 23. FRONT-END WEB DEVELOPMENT 24STOP TALKING, START MAKING.‣  Theory‣  Hands-on exercises‣  Assessments‣  Quizzes‣  Final Projects‣  Homework‣  Office Hours‣  Private instruction
  24. 24. THE SYLLABUS 25UNIT 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
  25. 25. THE SYLLABUS 26UNIT 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
  26. 26. THE SYLLABUS 27YOU’LL BE ABLE TO….Ø  HTML5 Ø  SEOØ  CSS3 Ø  FTPØ  JavaScript Ø  Version control using GitHubØ  jQuery Ø  Best PracticesØ  JSON Ø  Project Planning Ø  Professional Workflow
  27. 27. FRONT-END WEB DEVELOPMENTWHAT WILLWE CREATE?
  28. 28. 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#
  29. 29. INTRODUCTIONSWHAT DOES IT MEAN TOBE A GA STUDENT?
  30. 30. GA STUDENT PERKS 31COMMUNITY •  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
  31. 31. FRONT-END WEB DEVELOPMENT 32THE 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
  32. 32. FRONT-END WEB DEVELOPMENT 33SYSTEM REQUIREMENTS‣  Laptops are required.‣  Mac is preferred, PC is also OK.‣  Chrome Browser‣  Text Editor
  33. 33. THE EARLY BIRD…
  34. 34. FRONT-END WEB DEVELOPMENT 35Q&A

×