Web Development Roadmap

Always useful: reference and resources

OverAPI's Cheatsheets: http://overapi.com/php ⭐

Signup to reddit and Stackoverflow for help

Resources

Codecademy

https://learn.freecodecamp.org ⭐

Brad's channel ⭐

Version/Source Control/Repos

GitHub Signup and use for personal projects

Command Line/Terminal/Bash

Text Editors/IDE's ⭐

Download Sublime text or Atom. Google useful web dev plugins

Add your profile 👤 URL here

Watch this vid - an overview of web interactions

The Front-End

The Back-End

Sign up to Glitch and codepen - will be useful later for projects

https://github.com/beesmart

Advanced CSS

Vanilla JavaScript ⭐

jQuery

Setup a local environment - Xampp

learnCode.academy

Learn about multiple cursors and find in files (will make your life much easier)

Chrome devtools

PHP ⭐

Start Laracasts PHP route (when ready let me know I'll get another year as I cancelled my paid subscription) : https://laracasts.com/skills/php

AND/OR Watch Brad's PHP series - useful to repeat

Work on some algorithm problems - Don't need to go too far 👤 ✏

Intermediate WordPress

Advanced WordPress

PHP Projects

OOP - as above: Laracasts

Create a simple CRUD system. -- make sure to take it slowly and try to understand step by step ✏

SQL & Databases

Watch Brad again

Flex & Grid

Sass/Preprocessor (pre-requisite: install node/npm)

Workflow

Task managers/Gulp/webpack

Node.js

SSH

Plugin Development

Templates/Includes

Actions/Hooks/Filters

Create a PHP contact form - that sends via email and stores data in a database - try to build yourself in pieces rather than wholesale copy and paste ✏

REST API: Use CURL to fetch weather from OpenWeatherMap ✏

JSON/REST Api's

Ajax/REST

Useful links for everything: http://webdesignrepo.com/

Solve the infamous fizzbuzz problem! ✏

Setup FoundationPress theme

Project: Create a portfolio website for yourself using FoundationPress ✏

https://www.hacksplaining.com

https://www.codecademy.com/courses/learn-git

https://bento.io/topics

Good for some flashy JavaScript ideas: https://tympanus.net/codrops/

Theme hierarchy: very important

Keep the codex close

Basic shortcodes

Custom post types / ACF / Custom queries

eCommerce

Project: Create a basic estate agent website (Front End addition) add a custom Google map (API) to properties ✏

Google Map API/Geocoding

widgets/sidebars

http://javascriptissexy.com/how-to-learn-javascript-properly/

Use an IDE? https://netbeans.org/kb/docs/php/wish-list-lesson1.html

Build a random quote generator (don't need a database) ✏

Project: API's: Build a Twitch Streamer List ✏

Codecademy ⭐

eloquent javascript

Project: Build a Real-World JavaScript Quiz Application ✏

JSON Example

Help with Regular Expressions: Regex : https://regexr.com/

Regular Expressions: https://regexr.com/

https://www.theodinproject.com/dashboard

Setup a FEnd dev environment

The WordPress API

OOP Series & example

Payment Gateways

utilising .csv imports/exports

HTML5 Canvas

slick slider

WordPress cheatsheet

Design Patterns ?

Testing - Jest Mocha etc.

Frameworks

App Development

BEM - CSS Naming conventions

GitBash

Ionic - Hybrid Apps

Angular Js

React

MISC.

FRONT

BACK

Create a WordPress plugin to fetch the weather from OpenWeatherMap

ADVANCED STUFF

Project: Create a JavaScript Platforming game

How to extend Classes and why it's useful

Codecaedmy: https://www.codecademy.com/learn/learn-php ⭐

Google Analytics Academy

Google Digital Garage Certificates