Adi Setiawan (Web Developer - Mataharimall) Today's Web Developer Landscape : Fast-track tips for Web Developer

1. Web Development
Landscape
Fast Track Tips for Web Developer
Adi Setiawan - web developer mataharimall.com

2. about me
https://www.linkedin.com/in/adisetiawan
https://github.com/adisetiawan/
highlight
2000 - co-founder Halo Bali Travel Online
2006 - core developer MamboCMS
2011 - co-organizer SuBali (Startup Bali)
2016 - co-organizer BaliJS
2016 - mataharimall.com

3. today's future
“Indonesia is the fastest growing
internet market in the world”*
* Google Temasek Survey
https://www.slideshare.net/economySEA/economy-sea-by-google-and-temasek
~19%
92m in 2015
215m in 2020

4. today's challenge
“lack of developer talent”*
* Google Temasek Survey
https://www.slideshare.net/economySEA/economy-sea-by-google-and-temasek
causing companies/startups to import talent or
outsourcing to other countries

5. why?
“lack of skills”
college graduated do not have minimum skills
required by current industries

6. choose your path
Front-end
Back-end
DevOps
Fullstack

7. basic skills/any path
Basic terminal
SSH
Git
HTTP/S
Data structure & algorithm
Learn to research
Lot’s of coding/no copy-paste
Contribute to open source project

8. front-end basic
HTML
CSS
Javascript
jQuery
Bootstrap

9. front-end getting deeper
Responsive Web
CSS Framework
CSS Pre-processor
Methodologies
CSS3
UI/UX

10. front-end getting deeper
ES6
Package Manager
Task Runner & Build Tools
Testing
Javascript Framework

11. back-end basic
Scripting Languages
PHP
Javascript
Ruby
Python
Compiled Languages
Golang
Swift
Java
Rust
C#
Database
Relational
NoSQL
OOP

12. back-end getting deeper
Testing
Rest API
Authentication
MVC
Framework
Security
Caching
Scaling
Web Server
Cloud Platform

13. Devops basic
TCP/IP Networking
Linux administration
Shell scripting

14. Devops getting deeper
Web server/HTTP2
Automation CI/CD
Containers
Security
Cloud Administration
SOA/Microservices

15. front-end stack
CSS Framework
Bootstrap
Foundation, MaterializeCSS, Semantic UI
CSS Pre-processor
SaSS
LESS, Stylus, PostCSS
CSS3
Animations
SVG, Canvas, Flexbox

16. front-end stack
Javascript Libraries
jQuery
VueJS, RiotJS
Javascript Framework
React
Polymer, AngularJS, EmberJS
Task Runner & Module Bundler
Webpack
Gulp, Browserify
Package Manager
NPM
Yarn, Bower

17. back-end stack
PHP Framework
Laravel
Symphony, Phalcon
Ruby Framework
Rails
Sinatra, Hanami
NodeJS Framework
Express
Sails, Koa, Hapi, LoopBack
FeathersJS
Realtime Framework/Lib
Deepstream
socket.io, socketcluster, firebase
Python Framework
Jango
Tornado, flask

18. back-end stack
Relational Database
MySQL
PostgreSQL, Oracle, MSSQL
Document Database
MongoDB
ElasticSearch, SOLR, CouchDB
Caching
Redis
Memcache, HAProxy
Big Data
Cassandra
HBase, InfluxDB

19. Devops stack
Clouds
Amazon AWS
Google Cloud, Azure, Bluemix
CI/CD
Jenkins
Travis
Container & Cluster
Docker/moby
Vagrant, Kubernetes,
Docker Swarm
Automation
Ansible
AWS Cloud Formation,
chef, puppet
Web Server
Nginx
Apache Web Server

20. open source projects
CMS/Blog
Wordpress
Drupal, Ghost
E-commerce
Magento
Prestashop, opencast

21. start building
e.g:
Front-end : HTML templates, Wordpress theme
Back-end: Wordpress plugin
Create Github Profile
Build portfolio
Join & contribute to open source
fork project, test, translate, report any issues
Execute your own ideas/startup

22. useful links
https://github.com/kamranahmedse/developer-roadmap
https://coggle.it/diagram/WDQNGQnl8LgCZ3ko
https://github.com/sindresorhus/awesome
https://github.com/showcases
https://stackoverflow.com/insights/survey/2017
https://stackoverflow.com/insights/survey/2017
https://www.slideshare.net/economySEA/economy-sea-by-
google-and-temasek

23. START HACKING!
Good luck & Thank you