Length: 11 Weeks, 2 Nights a Week

Cost: $3400

Time: 9am - 4pm

Free Retakes: 8 Months

Upcoming Dates:

Register

Front End Web Development 11 Week Bootcamp

Class Description

This 11 week course gets students up and running creating dynamic, interactive, seamless websites for desktop and mobile. HTML, CSS and JavaScript are building blocks of website development, and will teach students to build functional, responsive websites. Students will learn the process of conception to deployment and be prepared for a career in web developoment.

SECTION 1 : INTRO TO THE WEB, MODERN NEEDS

  • Goals of the course
  • Principles of evaluating a quality website/app
  • Common pitfalls and traps in web development
  • Student contributions and case studies
  • Exploring usability concept
  • The power of the target audience
  • Intro to agile process and UX principles

SECTION 2 : HTML AND THE SEMANTIC WEB

  • Set up: ide, git/gitflow/github account
  • Client/server paradigm
  • Protocols: http, ftp
  • Separation of concerns: content/structure/presentation/behavior
  • HTML fundamentals
  • Elements/tags, hyperlinks, attributes, images, accessibility
  • Document object model: block and inline behavior
  • Site relative paths & document relative paths vs absolute paths

SECTION 3 : INTRO TO CSS

  • Intro to CSS
  • Anatomy of a rule
  • CSS selectors
  • CSS principles: cascade,specificity and inheritance
  • Layout: floats, clears, display, overflow
  • Advanced CSS: Positioning: absolute, relative, fixed, z-:index
  • Responsive design: concepts, media queries and fluid grids
  • Intro to CSS grids with bootstrap
  • ooCSS : CSS compilers/pre:processors: sass/less

SECTION 4 : INTRO TO PROGRAMMING WITH JAVASCRIPT

  • Pseudo-code writing: solving problems
  • Programming fundamentals with javascript
  • Variables, arrays, objects, branching/logic flow
  • Browser dev tools review
  • Javascript functions
  • Named and anonymous functions
  • Arguments & parameters
  • return keyword, value of "this"
  • recursive functions and closures

SECTION 5 : INTRO TO JQUERY

  • Intro to jQuery
  • Core api
  • Cross-browser implementation
  • Consistent access and manipulation of dom elements
  • traversing the dom
  • DOM manipulation
  • Events : bubbling, callback functions
  • Utility functions, jquery plugins, IIFEs
  • working with data: xml, ajax, json, jsonp
  • Common js libraries/tools: requirejs, browserify, commonjs

SECTION 6 : FRONT END FRAMEWORKS: MVC

  • Intro to mvc: model, viewer, controller
  • Example frameworks: angularjs
  • Intro to unix command line and package managers
  • Project progress
  • Agile process
  • Revisit git
  • Unit testing with Jasmine
  • project progress
  • Review/critique by professional peers and leading developers

SHOWCASE at AUG MEETING: Members, recruiters, head hunters