Explore the world of web development and build resume-worthy projects!
Saturdays, September 23rd, 2017 – October 28th, 2018
10:00am-1:00pm @ Milpitas Adult Ed Center
- Start with simple projects and build webapps
- End with a portfolio of projects
- Learn enough to jump into multiple web frameworks
- Learn about frontend and backend development
- The course is geared towards students in grades 7 – 12 at all experience levels. Students are expected to have taken algebra and have some computer literacy (ie proficient at typing, navigating the web, installing software).
The Explorers program aims to do two things:
- Establish a solid foundation for learning computer science principles (data structures,
- To help students explore by building projects with relevance rather than staying on the
command line til the last week. By the end of the course, students will be ready to dive into
computer science fundamentals, and will have a small portfolio of projects which they can
showcase to parents/teachers/schools/employers/etc.
TLDR: Easy to get started, and exercises your coding skills.
TLDR: Not much. Some Algebra. We’ll be typing a lot.
No prior programming experience is required. This course requires only that you understand basic algebra (expressions with parentheses) and have access to a computer (Both MacOS and Windows are fine). Typing proficiency is a plus, but otherwise students will practice typing as well.
6 Week Plan
- HTML/CSS, a little JS
- JS intro, using jQuery and building small web apps
- Using AngularJS
- NodeJS and GitHub, backend
- Projects and build systems
- Career paths and next steps
Week 1: You’re a Programmer Now
During Week: Play with HTML!
Practice making web pages! Try to recreate pages you’ve seen on the net! Try out different HTML tags and CSS properties. You don’t need to know everything, but you need to be comfortable looking things up and experimenting. Copy/paste code into yours and see if you can make elements fit into your page. Start sketching out what your portfolio site will look like.
During Office Hours: Recap and share!
During once-per- week office hours, students can present what they’ve made so far to the class. We’ll also look at some more CSS properties and learn a few neat tricks for building cool pages.
Week 2: Tweaking the Page
During Week: Build Things and Learn More!
During Office Hours: Recap and share!
During office hours we’ll show off our portfolio pages so far, as well as any neat custom element we’ve come up with. We’ll talk about managing program logic and discuss any troubles we have come across. We’ll also look at some jQuery plugins, and discuss why jQuery is useful.
Week 3: Stacks on Stacks on Stacks
During the Week: Craft Some Commits, Kiddos
Adapt your jQuery-ridden portfolio page into an Angular app! Scour bower or npmjs.org for some nice directives to plug into your page. Commit regularly to your GitHub page, and start to develop a taste for Angular code. Debugging can be tricky with Angular, so dive deep into Stack overflow and figure things out!
Office Hours: Angular Troubles, Present, and Recap
Angular demands conformity to the framework, so when you want to go outside the box, you’ll often end up reading up about Angular’s internals. That’s awesome, but if you can’t figure things out still, we can all take a shot at it together. In addition to a group debugging therapy session, we share our projects and learn how to put static sites up on GitHub-Pages.
Week 4: Serves You Right
Now that we have a neat-o frontend application, we jump onto the backend and learn about Node.js. Hipster-central. We learn how to set up a simple web server in Node, which requires comfort with nested functions… Everywhere. We’ll be examining reading from the file system and sending out streams of data. As we realize this stuff is pretty complicated, we’ll add in the Express library. Not so hard anymore! We then set up a few routes on our site, as well as some API endpoints, then serve our Angular app from our Node server. If we’re daring, our app will start reaching out to our server to receive more data. A simple to do-list example helps us get to grips with this. If there’s time, we’ll set up Firebase to use as a database.
During the Week: Play with NPM modules
Office Hours: Share/Recap + Some Cool Modules
In office hours this week I show you some neat node modules; some historically famous ones and some new ones that seem promising. We take a look at the process behind putting a module on NPM, and showcase our projects.
Week 5: Project Projections and Other Fun
During the Week: Work on your Projects!
Work on those projects! Make something you can be proud of, that you’ll want to look back at with a smile and a sense of progress.
Office Hours: Sharing Progress and Presentation tools
This week we look at a few short tech talks together and look at how programmers show off their projects. We figure out how we want to present our code, and the differences between presenting to a technical and a non-technical crowd.
Week 6: Presentations and What’s Next
You’ve been working on your projects for 2-3 weeks now, and it’s finally time to present! Get up there and show off what you’ve made. You’ll receive a certificate of completion if you’ve gotten through everything with satisfactory results. Then we examine what comes next! We look at next steps and where you can go from here. Do you want to become a computer science researcher? Work on data science? Develop applications? Oh, the places you’ll go!
For more info: