How much can you learn in 10 days?

A day-by-day breakdown of The Institute of Code's 10 day web development bootcamp

<h1> Hello Code </h1>

This is a zero-to-hero program, where our students join us with little to no previous experience in coding.

Our immersive retreat model means that you learn really fast and build tangible skills quickly. Thinking of attending the course? This is what you can expect to learn in only 10 days.

Core Units

These are the topics we'll cover over the 10 days.

HTML

The language that creates structure in a website by adding paragraphs, headings, links, images and more. 

CSS

CSS is the language that adds style to your website. It controls the colors, fonts, layout and design of your site. 

JQUERY

We'll learn the basics of jQuery to add interactivity to our site (like sliders, pop-outs, galleries and hamburger menus).

JEKYLL

With the static site generator Jekyll you'll be able to build a blazing fast and very stable blog or portfolio website. 

ANIMATIONS & TRANSITIONS

Smooth scrolling, fading in and out. These are the little touches that make a big impact. 

ECOMMERCE WITH SNIPCART

Want to be able to sell something on your website? Integrate Snipcart for simple ecommerce

ADVANCE LAYOUTS WITH FLEXBOX

Flexbox is the latest CSS layout property that enables you to build stunning designs quickly. 

SEARCH ENGINE OPTIMISATION

We'll look at how to  to optimise your site so that it shows up in search results on Google or Yahoo. 

PERFORMANCE OPTIMISATION

How do you get your website to load quickly? Optimise images? Make sure it looks good across all browsers? 

HOSTING

You've built your site, now you need to get it online. We provide 12 months hosting so that you can hit the ground running. 

DOMAIN NAME

If you have a custom domain name (like www.myname.com), we'll show you how to connect it to your website. 

BEST PRACTICES 

Learn from mentors who are actively working in the industry what the common best practices are.

Ready?

DAY 1

Basics of HTML & CSS

We'll review everything you learned in the pre-coursework and hit the ground running building a landing page from scratch. We'll learn how to add custom fonts with google fonts, how to add icons, begin to create layouts with structural HTML, and how to style your page with CSS.

DAY 2

Styling with CSS

We'll learn more advanced css selectors so that we can target individual elements or groups of elements. We'll learn how to diagnose and solve CSS specificity issues when we have conflicting styles and how to troubleshoot

DAY 3

Getting Fancy with Layouts

We'll learn the CSS box model, flexbox and positioning so that we can create custom layouts and grids on our site and position our content exactly the way we want. We'll also spend the afternoon building our first portfolio site — a personal resume site.

DAY 4

Responsive Design

We all know how important mobile is, so we'll spend today learning responsive design and how to use media queries to make your site look good on every size device. We'll also build responsive contact forms, with fields like drop downs, multi-choice, etc.

DAY 5

Portfolio Time!

It's time to start building our portfolios, so we'll learn the process for building a project from scratch and start coding our sites. We'll learn how to fast-track development by using a grid framework. You're mentors will be checking in regularly to help you solve any bugs, overcome any hurdles and keep you moving forward quickly.

DAY 6

Let's get interactive!

We'll learn how to use jQuery (a form of javascript) to add interactivity to your site and integrate jQuery plugins. Now we can add cool effects (like the smooth scrolling in this website), create a dynamic hamburger menu, and learn how to create an accordion, slider or box gallery.

DAY 7

Blogging & CMS

We'll learn how to create blazingly fast blogs and custom build sites using the static site generator Jekyll (link to article on static site generators) and how to integrate our sites into a content management system so that non-technical users can easily edit and update their sites. Your portfolio pieces will be really starting to come together now!

DAY 8

Advanced Portfolio Features

We'll learn how to embed gifs, videos and google maps into your site, as well as integrate custom functionality or plugins. This might be a map on a travel blog that shows all the places you have travelled, a pop-up newsletter subscribe form or a filterable portfolio gallery.

DAY 9

Optimisation & Hosting

We'll learn how to optimise your site for search engines like google (SEO), how to boost performance (ie by optimising your images) and make your site look great on all browsers. Then you'll learn how to upload your site to a hosting provider and connect your unique domain name.

DAY 10

Portfolio Presentations

You'll have built a a kickass responsive portfolio website and a custom built responsive website (or blog)... just like this site which was built for us by one of our students Alicia!

Examples of Past Student Work

Here are a few sites that our students have built

Samantha

Sam built this responsive site for her new company Well Traveled.

View Project

Ben

Ben built this portfolio website to showcase our Co-Founder Emile's photography during his session in November.

View Project

Bronte

Bronte built this site for an amazing non-profit in California called dream camps.

View Project