1 of 29

ToDo:

  1. Take out your semester 1 final and correct your answers using the answer key found on Slack.
  2. Fill out the reflection sheet in the Bootcamp Checklist Google Doc found on slack.
  3. Sign into your school gmail and use it to sign up for Khan Academy, FreeCodeCamp, and Codecademy. The links are in Slack.

2 of 29

Day 1 - Welcome Back!

3 of 29

Welcome to Bootcamp

A Workout For Our Minds

4 of 29

“We are what we repeatedly do. Excellence, then, is not an act, but a habit.”

― Aristotle

5 of 29

Learning Hard Things is Hard

But that doesn’t mean we shouldn’t do it.

If you struggled last semester, don’t worry. We’re going to talk about some strategies to get you back on track.

If you killed it, great. We’ll give you a chance to up your game and help you grow into a stronger student.

6 of 29

First, let’s talk about strategy.

7 of 29

The Forgetting Curve

The “forgetting curve” was developed by Hermann Ebbinghaus in 1885. Ebbinghaus memorized a series of nonsense syllables, and then tested his memory of them at various period ranging from 20 minutes to 31 days. This simple but landmark research project was the first to demonstrate that there is an exponential loss of memory unless information is reinforced.

8 of 29

9 of 29

Spaced Repetition Learning

Your brain is trained to forget things. To force your brain to retain information, you need to reinforce topics through repeated practice and assessment.

Start with the concepts you’ve struggled with previously, and practice them. When you feel like you’ve mastered any concept, test yourself and find your weaknesses. Then strengthen those skills.

10 of 29

Action Plan

3-step strategy to help you conquer your learning woes

  1. Practice
  2. Assess
  3. Conference

11 of 29

Analyze Success

Where did I go wrong?

Figure out the areas you struggled in most and highlight them in the Address Your Success Action Plan Google Doc.

Rate yourself on the learning targets that you’re going to be working through in this cycle.

12 of 29

Practice

Head to one of the three content providers to practice the skills and learning targets you chose.

Mark your progress on the Google Sheet tracker.

13 of 29

Assess

When you feel like you’ve mastered the skills, select a conference partner.

Each one of you will be given assessments to complete independently, and a pair programming project to finish together.

14 of 29

Conference

Once you’ve finished each one of you grade each other on the rubric.

Determine together whether each one of you met your goals and re-assess yourselves on the learning targets.

15 of 29

Before you start again...

Take a look at your work and if you’re satisfied with it, publish it to Github and move on.

If not, polish up a few improvements until you’re satisfied and ready for the next cycle.

If you struggle to understand something, request a mini-lesson from Astor.

16 of 29

Learning Target Review

17 of 29

More on Learning Targets

18 of 29

Conclusion

If you don’t know where to start, begin with CSS layouts.

19 of 29

HTML and CSS Bootcamp Activities

20 of 29

Terminology Takedown

Go through Lessons 0.1 - 0.9 and take down all the terms that you don’t understand.

Pair up and fill out the graphic organizers and flash card templates for those terms.

21 of 29

Lessons

Silly Animals Website Playlist - 40 youtube videos from Astor on building websites

CodePen Interactive Summaries - Read about the fundamentals of HTML and CSS. Also, play with the code!

22 of 29

Khan Academy

About

Web Dev Tools

Intro to HTML

CSS Layout

Intro to CSS

More CSS Selectors

More HTML Tags

Other Ways...CSS

CSS Text Properties

Further Learning

23 of 29

Codecademy

Intro to HTML

The Box Model

Common Elements

CSS Display

Tables

CSS Color

CSS Selectors

CSS Typography

Visual Rules

CSS Grid

24 of 29

FreeCodeCamp

25 of 29

Reading and Summaries

Github

Codepen

26 of 29

Checklist

HTML and CSS

  • Khan Academy
  • Codecademy
  • FreeCodeCamp
  • YouTube Playlist - Silly Animals
  • Github Readings
  • CodePen Interactive Summaries
  • Semester 1 Labs
  • Assessments

27 of 29

Summarize the Section

  • Create a summary for the key concepts of HTML and CSS. Describe HTML elements and CSS rules. How are they written? How do they work? What are IDs and classes? Explain the box model. Discuss border, margin, and padding. Outline how to make and style divs, images, links, lists, and others. Articulate how css flexbox and grid work. Describe how to layout a web page with them.

28 of 29

You Ready?

29 of 29

Run it.