Intro To Web Development

Get started on web development by learning modern web development tools: HTML/CSS, Bootstrap, Javascript and jQuery. Beyond that, the Intro Web Development course addresses areas that elude many beginners such as CSS pre-processors (LESS, SASS), optimization with Gulp, static asset delivery and more.

  1. Modern UI & Design

    Elegant and intuitive design is the cornerstone of a good user experience - and returning users. In this unit, we will cover the industry standard tools & libraries used for creating sophisticated websites.

  2. Javascript, jQuery, AJAX

    Beyond design, nice animations and user interactivity bring websites to life. Much of this is done using Javascript, jQuery and AJAX. In this unit, we will implement these tools to capture user input, animate UI changes, and more.

  3. Site Clone: Instagram

    The best way to learn is to build actual sites. Starting with unit 3, the remainder of the course will focus on building simple versions of actual sites starting with Instagram. We will use the Instagram API to create a user feed as it is shown on the current Instagram website.

  4. Site Clone: Huffington Post

    In this unit, we will create a full content-driven website following the Huffington Post UI patterns. We will also manage the backend architecture and deploy a full stack project.

  5. Site Clone: Etsy

    E-Commerce applications are a substantial component of the web development industry and developing these types of sites is considered essential for professional web developers. In this unit, we will use Stripe to connect an Etsy-style app to a payment platform for processing payments.

  6. Introductory React

    React JS is the fastest-growing front end library in modern web development. Considered an intermediate-to-advanced skill, React redefined the paradigm upon which data is managed on the front end. In this unit, we will cover the basics of React and its underlying principles.

  7. Site Clone: Foursquare

    Using React, we will create a basic venue search app by querying the Foursquare API for venue data (based on location coordinates). This will also include Google Maps for the search UI and will be fully implemented in React.

  8. Final Project: Live Chat

    For our final project, we will create a live-chat application with Firebase. The app will be a basic feed based on topics (sports, politics, etc) similar to a Reddit-style format but the comments will be loaded in real time.


Syllabus

Complete the form below to download the syllabus

Register

Dec 5th - Dec 28th (8 sessions)
Tuesdays / Thursdays, 6pm - 9pm
$1,200 / $500 deposit
Submit Deposit Full Tution ($200 Discount)

React Redux Deep Dive

The React Redux Deep Dive is an 8-week course that covers backend and frontend development using the most up-to-date frameworks and libraries. Covering React, Redux, Node, ES6, Express, we will create fully functional websites with user registration, image uploading, email notifications, real-time chat, and more. By the end, you will be able to build full stack web applications with the modern stack that is in demand in today's tech economy.

  1. Components, Containers

    The building blocks of React apps are components. In this unit, we will cover the basics of components and examine main types: containers and presentation. We will build simple, static interfaces with components and convert basic HTML pages in to React apps to learn the nuances of component structure.

  2. Redux (2 Sessions)

    Redux is the industry standard for state management in React applications and in this unit, we will dive into the fundamentals of Redux architecture. We will convert our static sites from the first unit into Redux apps in order to build complete projects from the bottom up.

  3. Node / REST API

    Delivering data from the backend to the React front end is best done through a traditional REST API. In this unit, we will create a REST API using Node and the Express web framework. Our API will serve data from our Turbo backend which will be rendered on our components.

  4. Site Clone: Instagram

    In this unit, we create a basic Instagram replica which renders a photo feed based on the username entered in the url. Instagram itself is built on React so this is a great way to see a React app as it is structured in a real site.

  5. Site Clone: Reddit

    In this unit, we will build a site with more user interaction. Specifically, our site will mimic Reddit-style posting to topic "sub" threads. Users will be able to create a sub then post comments to it or any other sub.

  6. Site Clone: Airbnb

    Our Airbnb app will build upon more user interaction in a React/Redux project. Users will be able to create profiles, add bios, upload images etc. Finally, we will add a basic search UI with Google Maps for finding places to rent.

  7. Final Project: Live Chat

    To cap off the course, we will create a live-chat application with Firebase. Users will be able to enter "rooms" on the app based on topic and chat with other users in the room. All comment data will be maintained in Redux using the Firebase real-time feed.


Syllabus

Complete the form below to download the syllabus

Register

Dec 5th - Dec 28th (8 sessions)
Tuesdays / Thursdays, 6pm - 9pm
$1,200 / $500 deposit
Submit Deposit Full Tution ($200 Discount)