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.
Click here to see ToC
- A. Fundamental
- A.1 HTML5
- A.2 CSS3
- A.3 Javascript
- A.4 PHP
- B. Advanced
- B.1 HTML5
- B.2 CSS3
- B.3 Javascript
- B.4 PHP
- B.5 Development Flow
- C. Expert
- C.1 Javascript
- C.2 PHP
- C.3 Development Principles
- License
- Appendix
Before you start coding, make sure that you already have installed these stuff:
Click here to see Prerequisites
Pick one
Pick one
- Code Editor : Atom by Github
- Code Editor : Brackets by Adobe
- Code Editor : Visual Code by Microsoft
- Integrated Development Environment : PhpStorm
Get a student license so you can have PHPStorm for FREE for 1 year
Pick one, then start practicing
- Validator : W3C Developer Tools
- Scoring : How well does your browser support HTML5 ?
Pick one, then start practicing
Pick one, then start obeying
- CSS Coding Guide by Google
- CSS Guide by @mdo (creator of Bootstrap)
- Reasonable Standard for CSS Stylesheet Structure
Pick one, then start practicing
- Basic Javascript by W3Schools
- Javascript Video Tutorial by thenewboston
- Basic Javascript by Mozilla Developer Network
Pick one, then start practicing
- Docs : PHP Official Docs
- Guideline : PHP The Right Way
- Cheat Sheet : PHP Cheat Sheet
- Packages : The PHP League
- Dependency Manager : Composer | Yarn
Pick one first, practicing, then continue to the other
- Tool : Can I Use
- Example : HTML5 Demos
- Cheat Sheet : HTML5 Cheat Sheet
Mastering one at a time, then you can continue to learn the others
Mastering one at a time, then you can continue to learn the others
Learn them all
- ES2015 Video Tutorial by Laracast
- JS Design Pattern by Oddy Osmani
- jQuery Video Tutorial by thenewboston
Mastering one at a time, they offers similiar goals
Mastering one at a time, they offers similiar goals
Pick one first, practicing, then continue to the other
Pick one first, practicing, then continue to the other
Pick one first, practicing, then continue to the other
- Install Git
- Register at Github
- Install one Git Client (I would like to recommend SmartGit)
- Read Git Tutorial by Atlassian or practice Interactive Git Tutorial by Github
- Communication : Slack
- Task Management : Trello | Asana
- Project Management : Basecamp (freemium) | JIRA (paid)
Mastering one at a time, then you can continue to learn the others
Mastering one at a time, then you can continue to learn the others
Mastering one at a time, then you can continue to learn the others
Read them all
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.