Phases	
  of	
  Web	
  Developer’s	
  Career	
  
https://code.tutsplus.com/articles/the-11-phases-of-a-web-developers-care...
What	
  to	
  learn?	
  
1.  How web works?
2. HTML
3. CSS
4. Frontend Frameworks
5. Javascript
6. jQuery & other JS Frame...
How	
  web	
  works!	
  
Learn HTML
The best way to learn HTML:
http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-html--webdesign-10144
Learn CSS
The best way to learn CSS:
http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css-2--webdesign-11906
Frontend Frameworks
1.  960 Grid: http://960.gs/
2.  Bootstrap: http://getbootstrap.com/
3.  Foundation: http://foundation...
Learn JavaScript
The best way to learn JavaScript:
http://code.tutsplus.com/tutorials/the-best-way-to-learn-javascript--ne...
Javascript Frameworks
1.  jQuery: http://jquery.com/
2.  MooTools: http://mootools.net/
3.  Angular JS: https://angularjs....
Learn PHP
The best way to learn PHP:
http://code.tutsplus.com/tutorials/the-best-way-to-learn-php--net-22287
Learn MySQL
MySQL Tutorial:
http://dev.mysql.com/doc/refman/5.0/en/tutorial.html
PHP Frameworks
1.  Laravel: http://laravel.com/
2.  Symfony: http://symfony.com/
3.  CodeIgniter: http://ellislab.com/code...
Tools You Need
Text Editor
•  Sublime Text
•  Notepad ++
•  Notepad
•  Atom
Web Browser
•  Google Chrome
•  Firefox
•  Safari
•  Opera
Web Server
•  XAMPP
•  WAMP
•  MAMP
•  EasyPHP
More Resources
•  https://tutsplus.com/
•  http://www.phptherightway.com/
•  http://css-tricks.com/
•  https://developer.m...
Got a Question
Thank you!
Introduction to Web Development Career
Upcoming SlideShare
Loading in...5
×

Introduction to Web Development Career

974

Published on

Published in: Education, Technology, Design
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
974
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
81
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to Web Development Career

  1. 1. Phases  of  Web  Developer’s  Career   https://code.tutsplus.com/articles/the-11-phases-of-a-web-developers-career- as-illustrated-by-memes--net-30840
  2. 2. What  to  learn?   1.  How web works? 2. HTML 3. CSS 4. Frontend Frameworks 5. Javascript 6. jQuery & other JS Frameworks 7.  PHP 8. MySQL 9. Object Oriented PHP 10. Learn PHP Frameworks
  3. 3. How  web  works!  
  4. 4. Learn HTML The best way to learn HTML: http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-html--webdesign-10144
  5. 5. Learn CSS The best way to learn CSS: http://webdesign.tutsplus.com/tutorials/the-best-way-to-learn-css-2--webdesign-11906
  6. 6. Frontend Frameworks 1.  960 Grid: http://960.gs/ 2.  Bootstrap: http://getbootstrap.com/ 3.  Foundation: http://foundation.zurb.com/ 4.  Skeleton: http://www.getskeleton.com/
  7. 7. Learn JavaScript The best way to learn JavaScript: http://code.tutsplus.com/tutorials/the-best-way-to-learn-javascript--net-21954
  8. 8. Javascript Frameworks 1.  jQuery: http://jquery.com/ 2.  MooTools: http://mootools.net/ 3.  Angular JS: https://angularjs.org/ 4.  Backbone JS: http://backbonejs.org/
  9. 9. Learn PHP The best way to learn PHP: http://code.tutsplus.com/tutorials/the-best-way-to-learn-php--net-22287
  10. 10. Learn MySQL MySQL Tutorial: http://dev.mysql.com/doc/refman/5.0/en/tutorial.html
  11. 11. PHP Frameworks 1.  Laravel: http://laravel.com/ 2.  Symfony: http://symfony.com/ 3.  CodeIgniter: http://ellislab.com/codeigniter 4.  YII: http://www.yiiframework.com/ 5.  Phalcon: http://phalconphp.com/en/
  12. 12. Tools You Need
  13. 13. Text Editor •  Sublime Text •  Notepad ++ •  Notepad •  Atom
  14. 14. Web Browser •  Google Chrome •  Firefox •  Safari •  Opera
  15. 15. Web Server •  XAMPP •  WAMP •  MAMP •  EasyPHP
  16. 16. More Resources •  https://tutsplus.com/ •  http://www.phptherightway.com/ •  http://css-tricks.com/ •  https://developer.mozilla.org/en/docs/Web/JavaScript •  http://www.php.net/manual/en/ •  http://www.smashingmagazine.com/ •  http://www.w3schools.com/
  17. 17. Got a Question
  18. 18. Thank you!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×