Front-end Web Dev (HK) Info Session
4 likes2,126 views
The document outlines a front-end web development info session hosted by General Assembly, covering topics such as what web development is, expected learning outcomes, and instructor introductions. It emphasizes hands-on experience, collaboration, and the importance of community in learning. The session includes details about the syllabus, class structure, student perks, and registration information.
Front-end Web Dev (HK) Info Session
- 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
- 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.
- 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
- 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
- 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
- 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