Web Development


 

Purpose

To teach students the fundamentals of building websites and web-based applications from start to finish.

A typical class day

1.   Our classes will generally start with a group review of the concepts covered in the previous session.

2.   The class will then spend some time learning core programming concepts and skills relevant to our daily project. This will sometimes involve small coding & logic challenges, encouraging students to implement what they’ve just learned.

3.   An instructor will explain the goals associated with our daily project. These projects will build on one another, guiding students through the process of building a website from start to finish.

4.   Students will then be given an opportunity to follow along as an instructor demonstrates how the daily project might be completed.

5.   During the remainder of the session, students will build the daily project. Our instructors will be available to answer questions and provide one-on-one direction.

Course Timeline

Week 1

Focus: Introduction to programming. Understanding HTML and CSS.

Day 1 – Introduction to programming and basic logic. We will spend our time familiarizing our students with the things they need to know before they write their first lines of code.

Challenge: Exploring basic logic through truth tables. As a group, the students will implement some of the logical principles we’ve discussed so far.

Guided Project: Hello World! In this project, we will cover the very first steps of building a website.

Day 2 – Learning programming through pseudocode. This session will focus on practicing some of the concepts we learned in Day 1. Additionally, students will begin to learn how a webpage takes shape.

Challenge: Starting as a group, students will learn to solve programming challenges using pseudocode. After becoming more familiar with the puzzles solved so far, students will be given the opportunity to work individually.

Guided Project: In this project, we will use the basic elements learned in the previous session to start putting together a website.

Day 3 –  Review of what we’ve covered so far and additional page styling tips. This session will be an opportunity to ask questions and resolve any confusion.

Guided Project: Continue to improve our pages. Students will be given an opportunity to ask specific questions. Additionally, time will be spent refining page styles and layouts.

Week 2

Focus: Coding with JavaScript. Refining websites.

Day 1 – Expanding webpages through JavaScript. In this session, students will learn how to translate their pseudocode into JavaScript and use it on their pages.

Challenge: Writing JavaScript. In this challenge, students will learn to take pseudocode and translate it into JavaScript as a group. After a few examples, students will be given the opportunity to practice writing JavaScript individually.

Guided Project: Additional page style and layout instruction. During this project, students will continue to refine the sites they have been working on. At this time, students will be given an opportunity to set individual and group project goals. Each student can personalize their project and work towards goals that interest them.

Day 2 – Including JavaScript on our website.

Guided Project: This session will focus on how JavaScript is included on a webpage and what uses it can serve. An instructor will demonstrate a variety of ways JavaScript can be used on a site. Time will be set aside for students to work individually with instructors toward the end of the session.

Day 3 –  Additional programming logic and review. In this session, students will be introduced to more advanced programming concepts and logic. Students will also be given an opportunity to resolve any confusion regarding the content covered throughout this week.

Challenge: Implementing new programming concepts in JavaScript. Students will be given an opportunity to explore what they’ve just learned by creating snippets of JavaScript code.

Guided Project: If time permits, students will be given an opportunity to explore additional JavaScript functionality. An instructor will help students start to think about how their projects might translate into actual code.

Week 3

Focus: Advanced JavaScript, libraries and animation.

Day 1 – In this session, students will be introduced with browser based animations written with CSS and JavaScript.

Challenge: An instructor will demonstrate how to create basic animations. Given this set of tools, students will be given a set of challenges to complete.

Guided Project: Students will work individually and in groups to implement animations into their project. Instructors will guide the discussion toward useful and relevant approaches.

Day 2 – Instructors will guide students through the process of adding and using various JavaScript libraries. Students will be shown how to decode library documentation and install them in their project.

Guided Project: This session will be devoted to the process of installing and implementing external source code student projects. Students will be introduced to a selection of useful libraries and given guidance about their proper implementation.

Day 3 –  Review and continued work with JavaScript, HTML & CSS
Guided Project: After addressing any questions or concerns about previously addressed topics, an instructor will continue working with students to help implement relevant libraries, write useful JavaScript and further refine the look and feel of their pages.

Week 4

Focus: Focused work on student projects. Students will focus on their individually focused project. While some group instruction may occur as needed, time will be spent addressing issues as students encounter them.

Day 1 – Students will spend time outlining the requirements for their project. Instructors will ensure that everyone understands exactly what is required to satisfy their project goals. Together, we will ensure that each project’s scope makes it fulfilling and achievable. Once this is complete, students will be given an opportunity to work on their projects with the assistance of our instructors.

Day 2 –  During this session, students will finish implementing the core functionality for their projects. Instructors will attempt to limit group-wide discussion to any issues relevant to multiple students. The primary focus will be on giving students ample time to implement and personalize their group projects.

Day 3 –   On our last day, students will be given an opportunity to share their project with the group (if they want to, no pressure). Students will also be given an opportunity to ask any final questions of the instructors regarding our course, or programming in general.