# Adelie Developers Group: Introduction
<div style="width: 400px; margin: auto; box-shadow: 0 0 2px 2px gray; background: darkred; color: white; padding: 2rem; border-radius: 3px; text-align: center;">
:rotating_light: :rotating_light: :rotating_light:
This document is a Work-In-Progress.
Please check back often for updates.
ok listen up
basically, code is magic
and this is hogwarts
cept im not as smart as dumbledore and it's way harder than just `swish n flick`
ron was a terrible wizard
rest in peace alan Rickman
but anyway, we're cool
u join ok
## Okay, but seriously: who are you, and what is this?
The Adelie Developer Group is a place to learn how to code and design for the web. Most directly, this means creating websites and web apps. You'll be exposed to web-development related...
- ...frameworks (Laravel, React, Bootstrap)
- ...asset libraries (Adobe Typekit, Unsplash, Font-Awesome)
- ...tools (text editors, terminals, frameworks, package managers, build tools, and so much more)
- ...methodologies (Agile, Kanban)
- *ad infinitum*
It seems like a lot. It _is_ a lot. But nobody expects you to bench 500lbs on your first day at the gym - have fun, be confident and move at your own pace! :sunglasses:
This is an interdisciplinary group that is beginner-oriented. Writers, graphic designers, mechanics, chocolatiers - all are welcome.
**Just as importantly, here's what we're not.**
- We are NOT a class. Kevin (and later, other web developers) will assist and help and "teach" in an informal sense, but there are no regular lectures at this time.
- We're not a platform, nor an app. You can't "login" to the Adelie Developers Group. We're a community, a group of people with a common goal.
- We will not review site-building software, like SquareSpace or Dreamweaver's WYSIWYG mode.
To help people learn in a way that's fun for them so they can build crazy awesome stuff. There's so much you can create:
- any kind of website
- web applications
- web based games and art
- Chrome extensions
- command line applications
- Have fun.
- Fail fast. Fail forward. Iterate.
For now, the structure is as follows:
- First and foremost, we will chat on **Slack**, a team-chat app.
- We will use CodePen.io, `teleconsole` and other collaborative tools to help each other code.
- There will be occasional livestreams so people can follow along on coding projects!
- Once a month, we will use Slack or Discord for a 1 hour focused discussion with Q&A and voluntary presentations on what you've learned
- We will use a community-edited curriculum to structure our progress
## Prerequisites / Requirements
### General Prerequisites
- Download Slack's mobile app.
- Enable notifications on your phone so that you can respond to tags and channel announcements.
- Any harassment or discrimination or bad vibes in general will result in removal from the group.
- It's understood that we don't live in a bubble, but please: try to refrain from political discussions.
### Required Hardware:
- A computer
- macOS / OSX is the most popular and most supported OS for web development.
- Windows / Linux Ubuntu / Mint
- Internet Connection
### Required Software:
You're free to use comparable software not on this list, but you'll be on your own. Everything below is free.
- Google Chrome, Firefox
- iTerm2 (v3)
- Essential packages
- `brew` for OSX software management
- `git` for version control
- `node` for Node environment
- `npm` or `yarn` for general package management
- `teleconsole` for peer-debugging (careful!)
- Advanced packages
- `ngrok` for sharing live previews of pages
- `gulp` or `webpack` for build tools and stuff
- Text Editor
- Atom / Sublime / VS Code Only
- Trello for project management and coordination
## Team Tools & Required Accounts
Please make an account on each of these platforms.
- [Slack](http://slack.com) (Request invite!)
If you're a project member, please also create accounts for:
- [Discord](https://discordapp.com/), a Skype-replacement
- [Trello](https://trello.com), a project management tool.
## Soft skills
- Advanced Googling
- Forum searches
- Reddit / StackOverflow
- Documentation searches
- Navigating Documentation & Diverse Materials
### Starter Kit
Before we code, some stuff to get you settled in the group:
- Navigating HackMD
### Basic Essentials (For Visual People)
- HTML - *What you see*
- What's an HTML tag?
- What's the difference between inline elements and block elements?
- CSS - *How it looks*
- How do you make an HTML page "see" a CSS file?
### Basic Essentials (For Technical People)
- How Actually Browsers Work
- Servers & Browsers
**Once you do one of the Basic Essentials, do the other one.**
### Advanced Essentials
- How HTTP Works
- Terminal - *Your HQ*
- Git - *For backing up your code*
- CSS Preprocessors
### Tooling Power-Ups!
- Zsh & Tricks- *A better bash*
- iTerm2 & Tricks- *A better terminal*
### Easy to learn, amazing to know
- `bash` aliases & dotfiles
- `Emmet` for rapid markup development
### Tough to learn, amazing to know
- Vim Keybindings
### Front-End Essentials
- Your first front-end framework
- Bootstrap / Foundation
- MVW / MVVM /
- Your first full-stack framework
- Laravel / Rails
### Back-End Essentials (TBD)