• Home
  • Introduction to Web Technology

Introduction to Web Technology

  • 08/07/2018
  • 10:00 AM - 3:00 PM
  • Eastview Community Center, 4101 East 42 Street, Des Moines Iowa
  • 0

Registration

  • Register one student for this YouthCode camp using the registration code provided in the invitation.

Registration is closed

This introduction to web development serves as a jumping off point for students by first teaching the basics of Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). After the students are comfortable with page layout, we then introduce the programming language for the web, JavaScript (JS). Once the class is familiar with these foundational bits, we then start construction of a ride share mobile app using Google Maps. 

Ride Share App

This one-day camp is broken into four sections or modules with a mid-camp lunch and a fun, physical activity. 

Module 1 - HTML/CSS

The first section of camp will help the students gain an understanding of how web pages are constructed and how to interact with them using Google Chrome (a browser). We will start from zero allowing the students to construct their first web page without any magic. The two outcomes of this section are that 1) they can write HTML and 2) they can style that HTML with CSS.

Module 2 - JavaScript

In this section we will take the students on a tour of JavaScript (arguably the most popular programming language to date because of its availability). We will assume some background here (ie: what is a variable, for loop) and zoom in on the syntax of the language as well as how to debug error messages.

Module 3 - Google Maps

In this section we express to the students that most programs are constructed using bits and pieces from various other programmers in the world. We wire up Google Maps by dropping in an "html tag" and styling it to work with our mobile browser.

Module 4 - Ride Share App finale 

The final two features of ride share mobile app are 1) showing a marker on the page for each rider and 2) allowing the user to click the car once it shows up on the page.

Registration

Registration is by invitation only and limited to 10 students. 

Prerequisites


YouthCode is a program of Impacting The Next Generation Project, a 501(c)(3) non-profit organization.
Powered by Wild Apricot Membership Software