Welcome to

Instructor Introductions and Class Logistics

Check-in System

  • Your chance to talk about your day, your work, or anything at all!
  • Please keep your check-ins to about 3 minutes.
  • When you are finished talking, please say "check"!
  • Don't use a computer, phone, or talk to other students during another student's check-in.

Choose a handle

A handle will be your personal nickname for this course.

Twitter @ symbol
  1. Choose something with 2-8 letters or numbers
  2. Don’t use your name or a name anyone has called you before
  3. Try to make your handle remind you of something you like about yourself
  4. This handle will be used in your email, portfolios, and our classroom communications

Objectives for this Training

  • OUR GOAL: We are going to work with you to learn and explore many of the tech fields while building the skills to succeed. Our job is to figure out the best fit for your interests and lifestyle.
  • YOUR GOAL: You must be willing to push yourself and work hard. Learn as much as you can and always speak up.
Dory from Finding Nemo saying just keep swimming

Class Outline

  • Digital Literacy Handbook and Syllabus
  • anniecannons.com/curriculum

Badge System

This is how you keep track of your progress in the class. Earning certain badges will allow you move on to certain parts of the class as well as unlock work opportunities.

List of Badges in your Handbook

  • Phase 1
  • Phase 2

Practice Projects

During training, we will constantly be working on practice projects to develop your skills

Group Questions:

  1. What is a technology that you would want to understand better and know how it works?
  2. What is a problem you have encountered that you do not know how to solve?
  3. What is a problem that you have seen that you think you have a solution for?
  4. Previous Examples: Survivors.io, Mom2Mom

Technology Brainstorming

Cartoon of individuals brainstorming

Feedback and Classroom Rules

THIS IS CRITICAL

  • Your feedback is really important to us. Let us know how you are feeling and do not be afraid to ask questions.
  • The best way to learn many of these skills is to work with partners and to not be too hard on yourself. We will take regular breaks through out the class sessions.
  • Let us know if you have to miss a class.
  • Please do not use your phone unless it is an emergency or part of the course lesson.

Safe Space Rules

  • Respect yourself
  • Respect community (NO PHONES!)
  • Be real
  • Be comfortable
  • Warning System

Attendance

  • 1 point for being in class
  • .5 points for being more than 15 minutes late
  • 0 points for not being in class
  • 80% attendance rate for moving to Phase 2 and getting work opportunities
  • Questions about your score? Ask your friendly TA during your break or before class.

Examples of Tech Jobs and Roles

What do different people do in technology?

Jobs in technology are extremely varied and can be suitable for people with a lot of different interests and personalities.

Women in Computer History

  • Ada Lovelace was the first human to create an algorithm intended to be carried by the first modern computer, the Analytical Engine. Because of this, she is often regarded as the first computer programmer.
  • Grace Hopper was the first human to create a compiler for a Programming language and the first programmer of Mark I computer, an electro-mechanical computer based on Analytical Engine.
  • Katherine Johnson is a physicist, space scientist, and mathematician who contributed to the United States' aeronautics and space programs with the early application of digital electronic computers at NASA.

Our Client Work

Long term options:

  • Contract Development Work
    • Lifelong learning
    • AnnieCannons community
    • Different roles for you in the organization
  • Teaching Opportunities
  • Project Management Opportunities
  • Technology Company Jobs

Computer Logistics

  • Your Computer Setup
  • Cheatsheet in your Handbook

Software Downloads

Chrome

To install (for Mac):
  • Go to Google and type “Download Google Chrome”
  • Download the browser
  • Click “Accept and Install”
  • Open in your Downloads
  • Drag the icon into your Application folder

Chrome Browser logo

Software Downloads

Slack: We will use Slack for most of our communication in this class.

To install:

  • Go to slack.com/downloads and click to download for Mac
  • Download the application
  • Drag the icon into your Application folder
  • Our team name is anniecannonsinc.com. Please use your own handle.

A Guide To Slack

  • Channels
  • Direct Messages
  • Threads
  • Slack Etiquette
  • Emojis

Typing

Learning how to touch type efficiently is one of the most important skills you can gain as a software developer. It takes practice.

Our typing course: Typing.com

Dog typing at a computer

Typing Tips

The standard keyboard is called the QWERTY keyboard because of the letter sequence on the keyboard. It is important to have a good typing posture.

  • Head up. If your head tilts too much toward the screen it can put a strain on your neck and cause headaches.
  • Relax your shoulders
  • Keep your elbows close to your body
  • Curve your fingers slightly over the keys but keep your wrists flat
  • Try to keep yout feet on the floor and avoid crossing your legs.

Typing: Hand Placement

Handplacement chart keyboard

Typing Goals

  • Use all 8 fingers to type (use your thumb for the spacebar)
  • Use the proper fingers on the proper keys.
  • Always return your fingers to the home row when resting. Your left index finger goes on the F key, and your right index finger goes on the J key. The rest of your fingers line up next to each other.
  • Notice how the F and J keys have bumps on them. Be able to use the bumps to place your fingers on the home row without looking at the keyboard.
  • Be able to type without looking at the keyboard

Understanding The Keyboard

Mac Keyboard

Computer Basics Unit

Introduction to Computers

The Fundamental Concept

Computer = power + simplicity

Computer graphic

Introduction to Computers

Code = series of instructions a computer is told to run.

What is the role of the computer programmer?

Code in text editor

Computer Basics

Vocabulary Review in Handbook

Computer Hardware

Goal: Understand the Big Picture

What's Inside Your Computer?

Connections to the computers motherboard

Parts of the Computer: Piece by Piece

Motherboard

Directs information to and from computer parts plugged into it

Computer's motherboard'

Parts of the Computer: Piece by Piece

CPU: Central Processing Unit

The electronic circuitry within a computer that carries out the instructions of a computer program by performing the basic arithmetic, logical, control and input/output (I/O) operations specified by the instructions.

CPU Chip

The Original CPU

CPU the size of an entire room

Parts of the Computer: Piece by Piece

CPU: Central Processing Unit (Continued)

  • Clock speed (Cycles per second)
  • Cores (Think “lanes on a highway”. This matters because it enables parallel computing.What might we want to process in parallel?)
  • 64-bit vs. 32-bit
  • Cache (Mini-memory on CPU for frequently accessed information)

Parts of the Computer: Piece by Piece

Graphics Card

  • This houses the dedicated GPU (Graphics Processing Unit), which is a specialized processor used for monitor displays (and VR!) and other visual tasks
graphics card

Parts of the Computer: Piece by Piece

BIOS

  • The program a personal computer's microprocessor uses to get the computer system started after you turn it on. It also manages data flow between the computer's operating system and attached devices such as the hard disk, video adapter, keyboard, mouse and printer.

How is Information Stored?

Memory breakdown

What's the Difference Between Memory and Storage?

Memory

  • MEMORY is readable with equal speed no matter where it is LOCATED. Files in active edit and edits are held here prior to a “save.” You lose it if the machine crashes! It can be stored in the following ways: 8GB, 16GB, 24GB

Storage

  • STORAGE takes time to “spin up” but stays when the power is off. Files save here when you hit “save.”
  • HDD (Hard Disk Drive) - uses a spinning magnetic disk
  • SSD (Solid State Drive) - use a grid of electrical flow “cells in “pages” in “blocks”. (SSD always writes to a new block. When a block stays unused long enough, SDD commits it to HDD and erases the entire block.)

What happens when a file is "deleted"?

Watch here

Ports --- Or are they?

List of Ports

Identifying Inputs to Your Computer

Computer inputs

Time to Break It Apart!

Broken apart computer

'Becoming the Computer' Activity

Introduction Software: The Operating System

Pyramid of operations between a user and the harddrive

What does an Operating System do?

  • Provide an environment in which a user can execute programs
  • Make the computer system easy to use
  • Allow users to use the computer hardware in an efficient manner

OS Process Managers

Diagram of OS operations

Kernel, Assembler, and Firmware -- oh my!

  • Kernel constitutes the central core of a computer's operating system. It has complete control over everything that occurs in the system. It is the first program loaded on startup, and then manages the remainder of the startup, as well as input/output requests from software, translating them into data processing instructions for the CPU.
  • The Assembler is a program that takes basic computer instructions and converts them into a pattern of bits that the computer's processor can use to perform its basic operations.
  • Firmware is a type of software that provides control, monitoring and data manipulation for device application. (It tells everything *how* to run)

Different types of Operating Systems

Logos of the various operating systems

Hardware and Software

Watch this!

Pulling this all together..

hardware overview

Using Different Operating Systems

Now that we know how a computer works, let's learn how to navigate the two main operating systems: Mac and Windows. AND learn how to operate some of the most useful software products/applications.

Computer Files

Remember: A computer file is a resource for storing information, which is available to a computer program and is usually based on some kind of durable storage.

A file is "durable" in the sense that it remains available for other programs to use after the program that created it has finished executing.

Common file extensions include EXE, DOC or DOCX, XLS, TXT, PDF, and MP3

Computer File Format

Computer File Format Breakdown

Apple

Apple Logo

Apple is an American technology company headquartered in Cupertino, California.

Its hardware products include the iPhone smartphone, the iPad tablet computer, the Mac personal computer, the iPod portable media player, the Apple Watch smartwatch, and the Apple TV digital media player.

Apple's consumer software includes the macOS and iOS operating systems, the iTunes media player, and the Safari web browser.

It's online services include the iTunes Store, the iOS App Store and Mac App Store, and iCloud.

Using the Mac OS X

Important Component of the OS

  • Desktop
  • Finder
  • Spotlight
  • Dashboard/Launchpad
  • Users
  • The Dock

Inside the Folder System

  • Applications
  • Library
  • System
  • Users
  • Home Folder

The Home Folder

  • Desktop
  • Downloads
  • Movies, Pictures, Musics
  • Documents
  • Public
Home Folder

What Really Happens When You Install An Application?

  1. Download the file (What type of file is it?)
  2. Click on the file and follow the prompts (What are you being asked?)
  3. Drag the file to your applications (What is happening here?)
Mac Installation Process

System Preference and Key Shortcuts: Your New Friends

A tour through the customizable features

Remember! The keys (and names for keys) on a Mac are different from other computers.

Apple Specific Apps

  • iTunes
  • Messages
  • Keynote
  • FaceTime
  • Garage Band
  • iMovie
  • iBooks
  • Notes
  • Using your Apple ID

Software Updates

What you need to know:

  • Current Version: Mac OS High Sierra
  • When to update: Whenever you are prompted by the Apple Store. (Note: when an upgrade is released, there may be bugs, so check regularly to see if there are fixes. New upgrades also take memory.)
  • Where to find the updates: In the App Store (in your dock), there is a tab for Updates.

Microsoft (Windows Operating System)

Microsoft Logo

Microsoft, an American multinational technology company, headquartered in Redmond, Washington.

It's best known software products are the Microsoft Windows line of operating systems, Microsoft Office Suite, and Internet Explorer and Edge web browsers.

Its flagship hardware products are the Xbox game consoles and the Microsoft Surface tablet lineup.

Personal Computers (PCs)

HP, Dell, Lenovo, Toshiba, Apex, IBM

Companies that make CPUs: Intel, AMD, VIA

Windows 7 Operating System

Important Components of the OS

  • Desktop
  • Start Menu
  • Windows Explorer
  • Control Panel
  • Windows Installer

Windows System: Files and Hard Drives

  • Favorites
    • Desktop
    • Downloads
    • Recent Places
  • Libraries
    • Documents
    • Musics, Pictures, Videos
  • Home Group, Network
  • Computer
Windows Explorer Screen

Windows Specific Software

  • Windows Media Player
  • WordPad
  • Paint
  • Adobe Reader
  • Photo Pro Tools
  • Windows Movie Maker

Software Updates

What you need to know:

  • Current Version: Window 10 (our systems on Windows 7)
  • When to update: When you would like. (Note: upgrades are about $120, and Windows 10 has a much different user interface than 7.)
  • Where to find the updates: In the Windows store or online.
  • More training here

G Suite Unit

What is the G Suite?

All of the apps provided by Google.

Google Apps Logos

Google Drive

Google Drive is your entry point. You can think of it like your computer's hard drive. It stores all of the information you create BUT it stores it in Google's servers (computers).

Many of the apps you use store your data in Google Drive

Google Drive Logo
Click Here

Gmail and other Email Services

Different Providers

List of various email providers
Read more here

Attachments and Tool Bars

Gmail sidebar
Gmail toolbar

Let's go through this.

Drafting a Solid Email

  • Content
    • Write a meaningful subject line
    • Proofread
    • Never Assume Privacy
    • Distinguish between formal and informal situations
  • Structure
    • Line breaks are your friend!
    • Signatures
  • Formatting
    • Use bullets and other tools to make email more clear
    • Use hyperlinks when appropriate
    • Guide in your handbook
Dance like no one is watching, email like it may one day be read aloud in a deposition

Email Examples

(Remember importance of CC and BCC! And beware of REPLY ALL)

Solid email draft

More information on Email Composition

Click Here

Draft an email to your instructor.

Word Processing

What do we use it for?

What are the most common Word Processors?

Which will we be using in class?

Google Docs

  • Create documents
  • Most formatting supported
  • Share & collaborate
  • Track changes
  • Use citations
  • Export to .docx, .pdf and others
  • Works just like Microsoft Word

What about saving my work?

Spongebob

Virtual Tour

Follow along in the handbook and with your instructor.

Google Docs Exercises!

Google Sheets vs. Excel

What you need to know

Reading Spreadsheets Exercise

Read here

Google Sheets Exercise

Creating your household budget

Requirements

  • Include all household spending and classify into different groups
  • Have separate sections for what is coming in and what is going out
  • Text formatting
  • Using a Header
  • Use of one or more functions
  • You can use a template for reference

Google slides

Introductions

Creating a Pitch Deck

You will be creating "pitch" for your software idea. This will be presented to the class with your slideshow.

Start here for examples

Google Hangouts

Hangouts are being used more and more in business for communication and visual meetings.

  • Starting a Hangout
  • Joining a Hangout
  • Inviting People To a Hangout
  • Sharing your Screen
  • Apps in the Hangout

Other Google Tools

  1. Calendar
  2. Forms
  3. Contacts
  4. Translate

Online 101 Unit

What is the Internet?

Let's learn about what powers the Internet

A Closer Look At Fiber

  • These days fiber connections are built by MANY really rich people/companies who are going to make a profit from establishing fast connections (like Google or Verizon). Also, governments that will benefit from speeding up connections.

A Closer Look At Fiber

Check out this underwater map!

The Web

Clients

Clients are the computer that access the web in any way.

What's different across these devices?

Browsers

A software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI/URL) and may be a web page, image, video or other piece of content. Hyperlinks present in resources enable users easily to navigate their browsers to related resources.

Browsers

Various companies and organizations provide browsers, and each browser varies in how it displays webpages.


Current Browser Versions

Browsers

Browser Usage

Browser popularity varies year by year. Developers must decide which browsers they want their webpage to work well in. Current Browser Stats

Chrome

Chrome has a lot of great features (and it is the only browser not to be hacked!)

Check out the Chrome Extensions (specifically Pocket and Last Pass) by googling Chrome Extentions

Browser ---> Server

Servers

  • Servers are just programs running on a computer that serve up content.
  • Sometimes they serve up static files, and are exposed like a file system.
  • Sometimes they can be scripted using "server-side" programming languages (PHP, Python, Perl, Java, etc.) to serve more dynamic pages.

Google Data Centers

Step inside a Google Data Center

How does Search work?

More about the Internet

IP Address and the DNS

Finding my IP Address

Go to www.whatsmyip.org

Remember!

There is no “GOOGLE.com” that information can travel to. All addresses inside the Internet are actually combinations of numbers, rather than names.

It’s kind of like your telephone. You may call someone by selecting “Grandma’s Cell” from your address book, but underneath, it’s really dialing a ten-digit number.

Let's look at some common websites

Packets and Routing

Watch here! More on Packets

Understanding the Route

Using traceroute in your Terminal

Understanding TCP/IP

Structure of a TCP packet

Layers and Layers!

Transport Layer

Headers

The magic of the internet

Using the developer tools --> Network tab

Three-Way Handshake

TCP Handshake between computers

What the computers are really doing...

Community Gif

Transporting Data Securely

  • TLS: Transport Layer Security (TLS) and its predecessor, Secure Sockets Layer (SSL), both frequently referred to as "SSL", are cryptographic protocols that provide communications security over a computer network.
green padlock
TLS diagram

HTTP and HTML

How information really travels on the Internet

Watch here

What is an ISP (Internet Service Provider)?

An ISP is a company that provides Internet access for customers. Your computer connects to the Internet Service Provider (ISP), then to the Internet

Understanding My URL

Understanding My URL

Understanding My URL

Understanding My URL

Understanding My URL

Vocab Worksheet in your handbook

Key Terms on the Web

Review Exercise

You can read more here

Cybersecurity and Safety

Bad things happen sometimes..

  • Malware: trojans, viruses, worms, rootkits, spyware, adware
  • Trickery: phishing, spoofing
  • Slowness or Blue Screen of Death (BSOD)
  • Losing data [dead hard drive, corrupt files]
  • Cyberbullying/Stalking
Click here to see attacks

Viruses

A virus is malicious code that hides in another file. It requires user action (opening a file) to execute and spread.

Actual damage can be caused varies by virus. Today, most viruses attempt to take control of your computer to do tasks designated by the virus author. Owners of these "botnets" often sell your computer's resources to do a variety of illicit activities

Online Safety Exercises

(In your handbook)

Staying Safe Online

Code Wars

Cybersecurity

Cybersecurity 101

Cybersecurity

The Secret Lives of Hackers

What is Encryption?

Watch here.

Hacking Passwords

There are MANY methods - so keep your passwords safe and long! For now, a few examples:

  • Write a program that tries every combination of letters and numbers.
  • Use a “key logger,” wait until you type your password, and then try it (or try every thing you typed WAY faster than you typed it)
  • Hijack the “autocomplete” feature on your own computer (like tell it to autocomplete when you didn’t) - sometimes it’s stored your password from a less secure site.

Test Your Skills

Click here

Prevention

  • Anti-Virus Software: Avast, Avira, Avg, Sophos, etc.
  • Leave at least 15% or more of your hard drive free (you can use free tools like Dropbox as well)
  • Backup your hard drive on a regular basis!!!
  • NEVER open suspicious email
  • Super, awesome passwords

Online 101

Review Material found here

THE END

Thank you for your attention!