1-introduction

Monday - Getting Started

Introduction - (9:00 Everybody)

• Students
• Staff

Basic info - (10:00 Everybody)

The rights reserved to change!

• Welcome and House rules (Barbi)
• Motivation speech
  • Craftmanship
  • Junior 14 / 15
  • Intern 1 / 3
  • Failed 1 :(
  • 5 years experience: 400k Huf (Netto)
• Soft Skill trainings (Kata)
• Daily schedule
  • Standup
  • Assingment Review
  • Workshop
  • Library Time
• Weekly schedule
  • 3-4 workshop days + (soft skill trainings)
  • Friday Demo
    • Mentor
    • Sponsor
• 4 Month schedule (17 weeks)
  • Basics
    • 1 week Tools
    • 1 week Sitebuilding (CSS + HTML)
    • 4 weeks Basic Programming (Python)
  • Orientation
    • 1 week Frontend (JavaScript)
    • 3 weeks Backend (NodeJS)
  • Projects
    • 1 week Environment
    • 6 weeks Project
• Calendar + Communication
• Mentoring
  • 3 half time mentor
  • 1 Assistant
  • Volunteer mentors
• Assignments
  • Every day 1-2 hours of videos and articles
• Exams (5)
  • Sitebuild
  • Python
  • Frontend
  • Backend
  • Final
• Student presentations
• End categories
  • Junior
  • Intern
• Groups
  • 3 (6 people) groups in begining
  • 6 (3 people) groups in project
• Review
  • Daily online code review
  • Weekly Group face to face review

Slides: https://docs.google.com/presentation/d/1sHYoSXT2s9gyMB0tDWTOehQpg7oCzA3l_LY-KjjVy9I/edit?usp=sharing

Tools

• Google Chrome: https://www.google.com/chrome
• Atom: https://atom.io/
• Github: https://github.com/
• Trello: https://trello.com/�
• Slack: https://greenfox-velox.slack.com/
• Stackoverflow: http://stackoverflow.com/
• MDN: https://developer.mozilla.org/en-US/

Assignment Checklist

• Bit, Byte, MegaBit, MegaByte, KiloByte
• Internet
• Protocol
• ISP
• IP (IPv4, IPv6, bits, layout)
• IP address
• DNS
• Packet
• Router
• Fault tolerant, Redundancy
• TCP
• URL
• HTTP
• HTTP methods
• HTML
• HTTPS
• Public Key
• Private Key
• SSL
• Virus
• Backdoor
• Bot Net
• DDos
• Phising

Workshop

Build a simple medium article. https://medium.com/galleys/how-she-got-there-3a64d89ba112#.8eknq2olp

Purpose of this workshop

Get a feel of basic HTML and CSS while recreating a simple and nice Medium article design. Focus on text styling, basic layout and header image.

Steps

• Plan your work.
  What will we need? Gather content, images, run through basic HTML structure, gather info for styling.
• Keep things tidy.
  Create a folder for all your Greenfox materials, within it a folder for the first week, within it a folder for the first day assignment.
• Start with the content.
  Create an index.html file. What are the mandatory tags in an HTML document? See step1 in the project folder
  Add some content. Copy-paste a few paragraphs of text from the article above to start with.
• Give it some structure.
  What semantic role do these paragraphs fill? Divide it into a few separate HTML tags.
• Give it some style.
  Create a style.css file and link it to your HTML.
  What text styles do we need to get closer to the Medium article's look?
  How do you center content on the page?
  Try adding a custom font via Google Fonts.
• Add a header image.
  Try adding an image tag. How do you make it full page wide?
  Try adding the image as background-image instead.