Skip to content

abraincode/web-developer-shortcut

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 

Repository files navigation

Web Developer Shortcut

Being a good web developer take a years and is a long journey.

While other guide refers to so many resources that overwhelming for most of newbie, this one contains at most 3 most-referenced resources per study category per subject.

This guide, hopefully, could become a shortcut for newcomers. So now you can focus on learning instead of picking study subjects.

Table of Content

Click here to see ToC

Prerequisites

Before you start coding, make sure that you already have installed these stuff:

Click here to see Prerequisites

Web Server

Pick one

Recommended Editor

Pick one


A. Fundamental

A.1 HTML5

Tutorial

Pick one, then start practicing

Tool

Reference

A.2 CSS3

Tutorial

Pick one, then start practicing

Guideline

Pick one, then start obeying

Reference

A.3 Javascript

Tutorial

Pick one, then start practicing

Reference

A.4 PHP

Tutorial

Pick one, then start practicing

Reference

Other


B. Advanced

B.1 HTML5

Tutorial

Pick one first, practicing, then continue to the other

Reference

Other

B.2 CSS3

Tutorial

CSS3 Tutorial by W3Schools

Front-End Framework

Mastering one at a time, then you can continue to learn the others

Prepocessor

Mastering one at a time, then you can continue to learn the others

Reference

B.3 Javascript

Tutorial

Learn them all

Build Tool

Mastering one at a time, they offers similiar goals

Testing

Mastering one at a time, they offers similiar goals

Reference

B.4 PHP

Object-Oriented Programming

Pick one first, practicing, then continue to the other

Mashup API

Pick one first, practicing, then continue to the other

Testing

Pick one first, practicing, then continue to the other

Design Pattern

PHP Design Patterns

B.5 Development Flow

Version Control

Team Collaboration

Continuous Integration


C. Expert

C.1 Javascript

Front-End Framework

Mastering one at a time, then you can continue to learn the others

Full-Stack Framework

Mastering one at a time, then you can continue to learn the others

C.2 PHP

Framework

Mastering one at a time, then you can continue to learn the others

C.3 Development Principles

Read them all

License

This work is under Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) license.
You are free to share and adapt, but MUST give credit back to me.

The cute "Surabaya" city icon above is taken from here.

Appendix

Click here to see

Certification

Nice to Know

Curated Lists

Future

About

A short learning path to become a good web developer

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published