web-development.html

---
layout: course
title: Web Development (remote)
course: true
permalink: /courses/webdev-remote/
---
<div class="banner" style="background-image: url('/assets/images/webdev-bg.jpg');">
  <div class="banner-gradient"></div>
  <div class="banner-content">
    <h2>Learn to be a <strong>web developer</strong></h2>
    <p class="caption">
      Want to be a web developer, but don't know where to start? Our one-to-one remote course is designed to keep you moving in the right direction. You'll have one or two sessions per week, pairing with one of our instructors. This is our most flexible course.
    </p>
    {% include mailchimp-course.html %}
  </div>
</div>

<div class="main-content">
  <section class="left-column">
    <h3>Who's it for?</h3>
    <p>Motivated people who blah...</p>
  </section>
  <section class="right-column">
    <h3>Pre-requisites</h3>
    <p>Lorem ipsum</p>
  </section>

  <h3 class="clearfix">Programme</h3>
  <div class="programme">
    <div class="module">
      <h5>Module 1</h5>
      <div class="module-contents">
        <h5>Intro to Web Technology</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>Intro Session - tool setup/pairing</li>
          <li>The Command Line</li>
          <li>Git and GitHub</li>
          <li>The SDLC and Software Testing</li>
          <li>Intro to Web Technology - Basics</li>
          <li>Intro to Web Technology - HTTP &amp; REST</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 2</h5>
      <div class="module-contents">
        <h5>Intro to Web Design</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>HTML, Semantics and Accessibility</li>
          <li>HTML Forms</li>
          <li>Intro to CSS</li>
          <li>CSS Colours and Dimensions, Typography</li>
          <li>CSS - Display and Positioning</li>
          <li>CSS Layout</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 3</h5>
      <div class="module-contents">
        <h5>Advanced Web Design</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>More Git and GitHub</li>
          <li>RWD</li>
          <li>FlexBox</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 4</h5>
      <div class="module-contents">
        <h5>Introduction to Ruby</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>The Basics incl Condudtionals</li>
          <li>Arrays and Iterators</li>
          <li>Hashes and symbols</li>
          <li>Methods</li>
          <li>TDD</li>
          <li>OOP - Encapsulation</li>
          <li>OOP - Recap and Polymorphism</li>
          <li>OOP - Inheritance</li>
          <li>Bundler and External Data</li>
          <li>Sinatra</li>
          <li>Regular Expressions &amp; Something Else</li>
          <li>Project Review</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 5</h5>
      <div class="module-contents">
        <h5>Agile Software Engineering</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>Agile Overview</li>
          <li>User Stories and Acceptance Criteria</li>
          <li>Scrum</li>
          <li>Kanban</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 6</h5>
      <div class="module-contents">
        <h5>DevOps and Deployment</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>Continuous Delivery</li>
          <li>Software Craftsmanship/DevOps</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 7</h5>
      <div class="module-contents">
        <h5>JavaScript</h5>
        <p class="caption">Lorem ipsum</p>
        <ul>
          <li>Intro and Functions</li>
          <li>The Basics</li>
          <li>Loops, Scope and Closure</li>
          <li>The DOM and DOM Events</li>
          <li>Objects</li>
          <li>Ajax &amp; REST</li>
        </ul>
      </div>
    </div>

    <div class="module">
      <h5>Module 8</h5>
      <div class="module-contents">
        <h5>Next Steps</h5>
        <p class="caption">At this point in the course, you'll have all the tools you need to take your own learning further. Depending on how you're doing, we can continue your coaching sessions. If we do, we'll focus on either Ruby on Rails or Node.js.</p>
      </div>
    </div>
  </div>
</div>