Skip to content
Web Starter Kit is a survival guide for students in the web developer program at Yrgo
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.editorconfig Update indent size Oct 27, 2018
.gitattributes Create .gitattributes Oct 30, 2016
.gitignore Add remark lint Oct 2, 2018
.travis.yml
CONTRIBUTING.md
README.md
package.json

README.md

Web Starter Kit

Web Starter Kit is a survival guide for students in the web developer program at Yrgo. This is a curated list of the best links from our lessons and workshops. It has everything you need to get started with web development at Yrgo.

Feel like contributing to the starter kit? Please make sure you read the guidelines first!

Getting Started

Hi there 👋 Are you new to the world of web development? Do you want to get started building web pages for the world wide web? Then this guide is for you!

  1. If you haven't already, download a text editor such as Atom or Visual Studio Code. This is where you'll write and program your web pages by writing code.

  2. To get started building your first web page using HTML and CSS you can visit our front-end section.

  3. Writing front-end applications is great but what if you want to build a website which requires a login system for example? Head over to our back-end section to learn more about writing server applications using PHP and SQL.

  4. Are you still reading this guide? Great job! We can see that you're hungry for knowledge! Please apply for to the web developer program at Yrgo! You wont regret it!

  5. If you scroll further down you'll find our favorite online resources to get started with web development.

    Happy hacking! 🦄

Software

  • Atom - A hackable and open-source text editor for the 21st century.
  • Visual Studio Code - A code editing, redefined, free and open-source editor which runs everywhere.
  • MAMP - An one-click-solution for setting up your personal webserver.
  • GitHub Desktop - A Git collaboration tool for macOS and Windows.
  • Hyper - A beautiful and extensible CLI experience, built on open web standards.
  • Figma - A digital collaborative interface design tool.

Front-end

Beginner

Intermediate

Advanced

  • JavaScript 30 - Build 30 things with vanilla JS in 30 days with 30 tutorials.
  • Learn React - Learn all the basics to build dynamic, interactive web applications with React.
  • Learn Vue.js - 9 interactive screencasts to take you from beginner to advanced.

Back-end

Tools

Discounts

The links below are discounted software and services for students. Use your school email address to get access to these resources. Please ask a fellow student or a teacher if you can't remember your address. For InVision you'll need an code to sign up, please ask your teacher.

  • Student Developer Pack - The best developer tools, free for students.
  • JetBrains - Whichever technologies you use there's a JetBrains tool to match.
  • InVision - A digital product design, workflow & collaboration tool.

Podcasts

Documentation

  • Mozilla Developer Network - The ultimate front-end resources for developers, by developers.
  • PHP Manual - The official documentation manual for the core PHP framework and language.
  • Basic MySQL - This basic MySQL tutorial explains some of the basic SQL statements.
  • C# Guide - The C# guide provides many resources about the C# language.
  • DevDocs - This service combines multiple API documentations in a fast, organized, and searchable interface.

Cheatsheets

  • HTML Reference - A free guide to HTML which features all elements and attributes.
  • CSS Reference - A free visual guide to CSS which features the most popular properties.
  • How HTTPS Works - A guide to how HTTPS works ...in a comic!
  • How DNS Works - A fun and colorful explanation of how DNS works.
  • HTTP Status Codes - An easy to reference database of HTTP Status Codes with their definitions.
  • Devhints - A ridiculous collection of web development cheatsheets.
  • TLDR - A community effort to simplify the beloved man pages with practical examples.

License

CC0

To the extent possible under law, Yrgo has waived all copyright and related or neighboring rights to this work.

You can’t perform that action at this time.