TECHNOLOGY TRACK

BECOME A FRONT-END DEVELOPER IN 8 WEEKS

Apply Now

Overview

The Technology Track is an intense 8-week program that provides first-time entrepreneurs and career changers with a solid foundation for coding in HTML, CSS and Javascript. You will discover the building blocks to design and build your own website- from layout and positioning, to responsive design. Through hands-on exercises, you will take a concept or design and turn it into a fully functional HTML/CSS site that will help you validate your startup hypothesis.

Learning Outcomes

  • Design and code beautiful, interactive websites
  • Program websites in HTML, CSS and JavaScript
  • Gain in-depth knowledge of the latest front-end development technologies

Schedule

The lectures will run from October 19 to December 7th on Saturdays from 10:00-5:00pm at Launch Academy, 300-128 W. Hastings, Vancouver.

Tuition

Tuition is $1500 (Early Bird) or $2000 (Regular) and will include:
  • 8 weeks of office space at Launch Academy
  • 16 sessions with Vincent Chu, Full-Stack Ruby on Rails Developer with both startup and corporate experience (Weeve, Battlefy, KarmaHire, IBM, SAP, Amazon)
  • Tonnes of startup perks like $1000 worth of Amazon Web Services credits and $5820 in Windows Azure credits
  • The Ultimate Startup Kit
  • Access to our partners’ events for free or at a discounted price
  • Access to Launch Academy mentors
  • Access to Launch Academy’s monthly social events
  • *Only 21 spots available

    *The deadline for Early Bird Pricing is October 4th, 2013

    • Intro to Web Development

      • Define how DNS servers, web servers and web browsers work together to deliver interactive web pages
      • Describe a typical web production workflow and name the responsibilities designated to each of the various roles
      • Manage files using a sublime text 2
      • Understand HTML4/HTML5, CSS2/CSS3, and Doctype
      • Implement basic HTML elements and CSS properties
      • Differentiate between the use of HTML and CSS.
      • Understand best practices such as including CSS in a separate file, and avoid using both embedded and inline CSS styles

      HTML/CSS tags, colors, and best practices

      • Apply HTML tags: <head>, <link>, <script>, <style>, <meta> to web pages
      • Apply tags to HTML document to effectively section content
      • Differentiate between the various image file types, and understand the difference between color values, RGB and hex
      • Experiment with basic CSS properties such as: background, fonts & text to style a web page
      • Identify deprecated HTML and practice the use of more flexible alternatives with CSS using w3schools
    • Advanced CSS

      • Define CSS Box Model, and demonstrate the ability to properly manipulate elements using width, height, padding, margin, and border
      • Ability to use the browser web inspector to view page source, and debug code
      • Differentiate between classes and IDs and choose the best selector
      • Explain CSS “cascade” including: importance, specificity and inheritance, referring to w3.org

      Page Layout and SEO

      • Describe SEO best-practices related to HTML markup, and content optimization
      • Ability to develop a web page using the following regions: header, footer, sidebar, and multi-column layouts
      • Apply the following regions: header, footer, sidebar, and multi-column layouts to develop a web page
      • Experiment and predict effects of floats and clearing CSS positioning
    • Layouts, Typography, and Code Improvement

      • Apply HTML and CSS to anchor tag
      • Explain the benefits of using image sprites, and apply techniques and tools to implement them
      • Evaluate and improve carelessly written legacy code
      • Explain fundamental principles of web typography, and operate non-web-safe typography into a project

      Grid Based Design

      • Draws the benefits of grid based design and experiment using a grid system to develop a web page
      • Explain fundamental principles of web typography, and operate non-web-safe typography into a project
    • Design for any device - Media Queries and Responsive Design

      • Discuss benefits of developing for handheld devices
      • Experiment with media queries to adapt content for different screen sizes using CSS

      HTML5/CSS3 Review

      • Apply HTML5/CSS3 specific tags to a webpage
      • Assess and evaluate HTML/CSS code quality of peers
      • Support others in improving their code
    • Introduction to JavaScript

      • Define the uses of Javascript in a web site
      • Identify JavaScript in a web page (via link and embed code)

      Javascript Basics: Variables and Conditional Logic

      • Create and assign values to 4 different types of data (Strings, Numbers, Arrays, Booleans)
      • Differentiate between null and undefined variables
      • Apply functions to convert data types
      • Perform basic arithmetic using JS code (add/subtract/multiply/divide)
      • Define computational thinking and translate instruction into basic pseudo code
      • Experiment with web developer tools to debug JavaScript source code
      • Identify when to use conditional logic, and practice correct syntax to produce different outcomes
    • Loops and Arrays

      • Apply a loop to JavaScript file that affects the front-end of a web page
      • Differentiate between types of loops

      Functions and JavaScript Objects

      • Differentiate between anonymous and named functions
      • Implement a self-executing function
      • Identify and create objects in JavaScript
      • Recognize and create JSON strings in addition to translate objects into JSON strings
    • The DOM and Intro to jQuery

      • Define Document Object Model (DOM)
      • Demonstrate how to manipulate the DOM using jQuery
      • Intro to jQuery functions

      Basic jQuery methods

      • Apply the following jQuery methods to manipulate the DOM: (hide, remove, css, attr, addClass, removeClass, toggleClass, hasClass, text, html, wrap, before, after, append, prepend)
      • Ability to navigate through jQuery API documentation (jquery.com)
    • jQuery events and Useful Javascript Plugins

      • Define events and describe why they are useful
      • Differentiate between events and event listeners
      • Apply the "ready", form, mouse, and keyboard event and their bindings effectively
      • Demonstrate the use of the "this" keyword and describe why it's useful
      • Create and reset timers
      • Define and implement a JS library

      Front End Frameworks & Term Project Presentations

      • Introduction to different front-end frameworks: Bootstrap, Foundation, Boilerplate for grid based, SASS & Compass, MVC, AngularJS
      • Compare and explain the pros and cons of different front-end frameworks
      • Discuss different use cases of using front-end frameworks
      • Present term project

    More of a business person? Click here to view our Business Track.

    300 - 128 W.Hastings Street, Vancouver, BC, V6B 1G8 | info@launchacademy.ca