• Programs
  • About
  • Contact
Become a Web Developer
Become a Designer

Here’s our Web Developer Track Syllabus!

You'll also receive a copy of the syllabus in your email. Check out the next steps for starting our Web Developer Track program.

You'll also receive a copy of the syllabus in your email.
Check out the next steps for starting our Web Developer Track program.

Watch our Info Session

Our quick info session gives you an overview of our Web Developer Track program and Bloc's approach to mentorship.

Explore the Web Developer Track Syllabus

Prerequisites

  • No prior coding experience required
  • A Mac or PC that is less than two years old
  • A high-speed internet connection
  • Ability to speak, read, and write in English
  • Flexibility in your schedule to dedicate the requisite amount of time, based on your pace

Onboarding

  • Introduction to your Mentor
  • Introduction to Bloc’s approach to learning
  • Join Bloc's Student Slack community

Curriculum

There are four modules in the Web Developer Track, each one is detailed below:

Module One: Programming Fundamentals

Learn HTML, CSS, the Command Line, Git, GitHub, and JavaScript. You'll use all of these tools extensively throughout Bloc as you build projects.

  • Build and style web pages with HTML and CSS
  • Master your terminal and file system with Command Line operations in Unix
  • Manage your code with Git and GitHub
  • Code frontend programs with JavaScript
  • Master object-oriented programming techniques and best-practices with JavaScript

Module Two: Frontend Foundations

Apply your programming skills to web development as you build three projects.

Frontend Web Development

Apply HTML and CSS to Web Applications

  • Use the latest HTML5 semantic tags
  • Leverage Material Design principles to achieve a professional design aesthetic
  • Use best-practice CSS architecture
  • Analyze and extend an existing codebase
  • Include external assets like images and fonts
  • Create responsive websites with media queries
  • Use CSS transitions to build graceful user experiences

Write Web Applications in JavaScript

  • Use JavaScript primitives, operators, arrays, and conditionals
  • Apply object-oriented JavaScript with classes and modules
  • Use functions, scopes, and closures for maintainable and efficient code
  • Use the latest ES6 JavaScript language features, including arrow functions and block-scoped variables

Master the DOM

  • Write a to-do app with standalone JavaScript and HTML
  • Learn about the Document Object Model (DOM) and its capabilities
  • Use different types of DOM nodes and selectors
  • Add and remove content with DOM Scripting
  • Use DOM event listeners to execute code in response to user actions
  • Understand the concept of state as it relates to web application architecture
  • Use jQuery to write clean, concise, cross-browser compatible code

Build a Portfolio

  • Create a unique Portfolio site that showcases your personality, projects, and writing
  • Include images and links for your projects
  • Make your site stand out with a stunning design

Frontend Project: Bloc Jams

  • Build an interactive music player app
  • Explore React, one of the most popular JavaScript frontend libraries
  • Learn about uni-directional data flow and React best-practices
  • Write multiple React components that share data and behavior
  • Incorporate React Router into a React project to facilitate building a single-page application (SPA)
  • Use WebPack to automate the packaging of JavaScript and CSS for deployment

Frontend Project: Bloc Chat

  • Build a real-time chat application
  • Learn Firebase, a backend as a service (BaaS) to sync messages in real-time
  • Learn how to use an external API with React
  • Use Firebase Authentication to facilitate user login via email, Google, Facebook, or Twitter
  • Create multiple chat rooms for different subjects

Module Three: Backend Foundations

Apply your programming skills to web development as you build three projects.

Backend Web Development

  • Use the Ruby on Rails framework to build full-stack web applications
  • Employ test-driven development to write bug-resistant code
  • Build Ruby gem libraries for other developers to use in their applications

Ruby Command Line Project: Build an Address Book

  • Build a command line address book application using Test-Driven Development
  • Learn how to run a command line application
  • Build data models with Ruby classes
  • Build a menu system to process user input
  • Import data from text files
  • Learn about algorithms by building a binary search feature

Rails Project: Build a Replica of Reddit

Master the basics:

  • Learn the fundamentals of web development with Rails
  • Learn the fundamentals of frontend markup with HTML and CSS
  • Leverage Rails' API, including ActiveRecord, ActionView, ActionController, and ActionMailer
  • Use gems for authentication and authorization

Learn intermediate programming techniques:

  • Learn how to integrate packaged solutions for markdown rendering, pagination, and image management
  • Learn how to create complex routes and associations

Build advanced features:

  • Write a time-decay algorithm for voting and ranking
  • Build a "Favoriting" feature using after-action callbacks and automatic emails
  • Authorize private topics and public profiles

Backend Project: Build a Ruby Gem using an API

  • Ruby Gems are plug-ins that you can add to an existing Rails app. This project will teach you to build a Ruby Gem of your own
  • Explore authorization and understand the reasons to call an API using a client
  • Explain how to update resources via an API

Backend Project: Software-as-a-Service Wiki Collaboration Tool

  • Build an application to allow users to create, collaborate, and share wikis
  • Integrate Stripe to charge users for premium accounts with additional features

Module Four: Specialization

You'll work with your mentor and our Outcomes team to select at least two more projects based on your outcome goal. These projects will stand out in your portfolio and position you for interviews with companies.

  • Use new JavaScript frameworks
  • Experiment with different database technologies
  • Build voice-activated software using Amazon's Alexa platform
  • Implement payment systems for software-as-a-service (SaaS) applications
  • Build or contribute to open-source projects
  • Create game applications
  • Bring your own idea to life with the Capstone project

Here are some examples of projects that students have built in the Specialization Module:

Self-Destructing To-do List

  • Build a to-do list application that deletes items automatically after a given amount of time
  • Learn how to code and schedule automated tasks with Rake
  • Implement robust authentication and authorization for different types of users

Social Bookmarking Tool - Build an application to allow users to share their favorite links - Learn how to send and receive email automatically

API Analytics Service - Build an analytics service for tracking application users and their activity - Use JavaScript, jQuery, JSON, and AJAX to send tracking events - Build a server-side API to persist tracked events - Create a dashboard report for viewing user activity

To-Do List as-a-Service - Build an open API for a to-do list application - Use Rails Serializers to format data into API-friendly JSON - Learn best practices for designing RESTful APIs - Learn about internet security, CSRF, and how you can use Rails to protect your users

Analytics as a Service

  • Learn how to build an Analytics API that tracks metrics like most popular songs in your application
  • Visualize the Data using D3 or ChartJS
  • Learn about the powerful HTML5 Canvas element for visualizing your data
  • Create a full-featured dashboard that tracks your events in real-time

Pong

  • Create the game logic using JavaScript functions and objects, then create the visualization
  • Use JavaScript's requestAnimationFrame to create seamless animation graphics
  • Explore another use-case for the HTML5 Canvas Element
  • Learn how to use physics in your motion graphics by adjusting things like speed and x, y positioning (we promise, not too much math!)

BlocTime

  • BlocTime loosely emulates the Pomodoro time management technique to manage day-to-day tasks
  • Use Grunt to build and serve your assets
  • Use the Firebase API for persistent storage of the tasks you've completed

Capstone

  • Bring your product idea to life. Use your capstone project as an opportunity to hone your skills in a particular area of interest, or as a springboard to launch a new product
  • Build your idea from scratch, while learning best practices for application scoping, design, and architecture
  • Deploy your application, and we'll help you promote it

Career Support

Bloc's Career Services is a holistic collection of curriculum and services designed to prepare students for the technical recruiting process and conduct a successful job search.

The Part-Time Web Developer Track roadmap includes dedicated material to review in preparation for the recruiting process. Programming Reinforcement exercises challenge you to problem-solving with data structure and algorithms to help you master the whiteboard interview.

  • Bloc Web Developer Track students receive dedicated support prior to and throughout their first technical job search, including resume and portfolio critique and a review of LinkedIn and GitHub profiles to ensure the best possible presentation to prospective employers.
  • Mentors lead mock technical interviews so students can handle real technical interviews with confidence.
  • Define criteria to guide their job search, and implement a process and cadence for managing the search.

Our Alumni Prove Bloc Works

Alumni Projects
Our students graduate job-ready with a robust portfolio of personal projects. Browse alumni stories
Over 120 student reviews on CourseReport, the #1 site for bootcamp reviews. Read the reviews
Alumni Projects
Hundreds of our alumni now work worldwide as designers and developer. Connect with our network

Still have questions?

Check out FAQ

Ready to enroll?

Programs start every Monday.

Enroll now