Speaker: Đặng Minh Tuấn Work at: Hoctudau.com

1. Power your PHP Skill
How a web developer make more MONEY
Đặng Minh Tuấn - hoctudau.com

2. Để chống lại khủng hoảng!
howto = array(
"Thất nghiệp?" => "Có việc",
"Thu nhập thấp?" => "Thu nhập cao",
"Ước mơ lớn?" => "Đạt được ước mơ");

3. 2 chiến lược? bạn chọn cách nào?
1. Đào sâu kiến thức PHP đang có
2. Mở rộng sang kiến thức khác (không phải
PHP)
3. Hay cả 2?

4. Who am I?
Đặng Minh Tuấn
● www.ddth.com/member.php/51960-zmt264
● linkhay.com/u/ohisee
● www.facebook.com/dangminhtuan
● www.youtube.com/hoctudau
● hoctudau.com
Diễn giả PHP Day nhiều năm:
● 2008: HTML, CSS, JS Best Practices
● 2009: HTML, CSS Trends
● 2010: HTML5, CSS3, JS

5. 1. Đào sâu kiến thức PHP đang có
2. Mở rộng sang kiến thức khác
(không phải PHP)
3. Hay cả 2?
Tôi chọn chiến lược nào?

6. 2012: HTML, CSS, JS & More
Tại sao tiêu đề ban đầu lại là:
Power your PHP Skill?
Một số tiêu đề tôi từng nghĩ:
● Web Developer - Survival Tips
● PHP Developer - Overcome 2012
Một số chủ đề khác dự định trình bày
● Javascript & jQuery for PHP Developers.
● Scalable & Modular Architecture for CSS

7. Lý thuyết hay ví dụ trước?
1. Trình bầy những thứ nên học rồi mới đến ví
dụ về những tấm gương thành công vì đi
theo con đường đó?
2. Hay là kể về các tấm gương trước rồi đến
những thứ nên học sau?

8. Tấm gương
● Đào Công Văn: mobile app
● Đỗ Xuân Tiến: freelancer team
● Phan Thành Công: freelance
● Mai Duy Quang: startup
● Phan Văn Đạt: award
● Mark Zuckerbug: Facebook

9. Tại sao lại là HTML, CSS, JS?
Tại sao lập trình viên PHP nên bỏ thêm thời
gian cho HTML, CSS, JS?
● buộc phải biết do nhu cầu làm việc
● dễ tiếp cận
● làm được nhiều việc, mở ra nhiều cơ hội
● thú vị, luyện trí óc, luyện cách học
● an toàn, không cần phải từ bỏ PHP, vẫn
phối hợp tốt với PHP
● dễ làm freelance hoặc one-man project.

10. HTML, CSS, JS có thể làm gì?
Dựng (render) web ở client-side
=> Lập trình viên PHP buộc phải biết, và
giỏi thì càng tốt

11. HTML, CSS, JS có thể làm gì?
Một số ứng dụng:
● Web Application: Game trên nền web
● Browser (Google Chrome, Firefox ... )
Extension
● Google Script: Enterprise Application
Essentials (Google Forms, Spreadsheet...)

12. HTML, CSS, JS có thể làm gì?
Mobile Application
Firefox OS

13. HTML, CSS, JS có thể làm gì?
Desktop Application

14. HTML, CSS, JS có thể làm gì?
Google Chrome Packaged Applications
(Desktop Application)

15. HTML, CSS, JS có thể làm gì?
Thậm chí có áp dụng ở server-side
Node.js: Event-driven I/O server-
side JavaScript environment based
on V8.
Node.js is something that PHP
developers in general should learn.
It's easy (assuming you've done at
least a bit of JavaScript) and it's
useful.

16. HTML, CSS, JS là chủ đề hot
HTML5, CSS3
Hot ngay ở các hội thảo PHP hàng năm ở Việt
Nam và trên thế giới .

17. Kiến thức HTML, XHTML cần biết
● HTML Decoration & Deprecated Tags: Cần biết các
thẻ HTML lạc hậu vì đã bị lạm dụng cho chức năng
decoration như: center, font, br, b, i, ...
● HTML Semantic: Ý nghía của một số thẻ cơ bản và sự
liên quan giữa Semantic và SEO
● HTML Entities: cách viết đúng các ký tự như <, >, &, ©
..
● Khái niệm về XML và DOCTYPE
● Cách đọc DOCTYPE
● HTML5

18. Câu hỏi phụ
thẻ <b> và thẻ <strong> giống và khác nhau ra
sao?

19. Kiến thức CSS cần biết
● CSS Selector: là cách dùng CSS tác động đến một
phần tử HTML, quan trọng và phổ biến nhất là
cascading selector.
● CSS Decoration: trang trí màu sắc, kích thước chữ ...
● CSS Box Model & Default CSS (& CSS Reset): khái
niệm về width, height, margin, padding ... và CSS mặc
định (default)
● CSS Float and Clear: để định vị phần tử
● CSS Position: một cách khác để định vị phần tử
● CSS Frameworks & CSS preprocessors
● CSS3

20. Kiến thức về Javascript cần biết
● JS & DOM: các hàm cơ bản về DOM: getElementById,
getElementsByTagName ... DOM tree: parent, child
● JS & HTML Attribute & Style: .id, .style ... (cái này
thực ra cũng là một phần của DOM mà tôi tách riêng ra
để nhấn mạnh sự phổ biến của nó)
● JS Events & Unobstrusive Javascript
● JS Frameworks: jQuery,...
● JS Animation

21. Some Tools, Frameworks, Libraries
CSS Frameworks: JS Frameworks:
● Twitter Bootstraps ● jQuery
● Zurb's Foundation ● Require.js
● 960gs ● Underscore.js
● YUI ● modernizr
● blueprint ● history.js
CSS preprocessors: ● backbone.js
● SASS ● KnockoutJS
● LESS ● YUI

22. Optimization
● Kết hợp và rút gọn (minify) CSS và JS
● Kiểm tra thực thi JS: YSlow, Google
Chrome's speed tracer
● Kiểm tra network traffic: Fiddler
● Kiểm tra web trên nhiều màn hình: Screenly
● Kiểm tra thao tác trên mobile, sử dụng công
cụ mô phỏng như: Ripple

23. Các khái niệm phải biết
DRY (Don't Repeat Yourself)
● external CSS
● unobstrusive Javscript
● normalization
Fallback
● bullet proof
Mobile
● Responsive Web Design

24. Các công cụ lập trình cần biết
Khảo sát các công cụ (editors, frameworks, ide,
db...) được lập trình viên Việt Nam sử dụng
(100 người, 1 năm)
http://bit.ly/vietdevtools

25. Các công cụ lập trình cần biết
Text Editor:
● Notepad++
● Notepad
● Vim
● Text Mate
● gedit
● Sublime Text 2
● Emacs

26. Các công cụ lập trình cần biết
IDE
● Eclipse
● Visual Studio
● Netbeans
● Aptana
● phpDesigner
● PhpStorm
● XCode
● Dreamweaver

27. Các công cụ lập trình cần biết
Bug Tracking
● BugZilla
● Jira
● Mantis
● FogBugz
● Trac
● Google Docs

28. Các công cụ lập trình cần biết
Project Management (& Collaboration)
● Redmine
● Trac
● Basecamp
● Jira
● TopTeam

29. Các công cụ lập trình cần biết
Version control
● Subversion
● Git
● Mercurial

30. Các công cụ lập trình cần biết
PHP Frameworks:
● CodeIgniter
● ZenFramework
● Yii

31. Các công cụ lập trình cần biết
Database
● MySQL
● SQLite
● MongoDB
● Oracle
● Redis
● PostgreSQL

32. Certificate
● ZCE: Zend Certified Engineer
● ZFC: Zend Framework Certification
● MCSD - Course 20480A: Exam 70-480:
Programming in HTML5 with JavaScript and
CSS3
● W3Schools' Certifications: HTML, CSS,
JavaScript, jQuery, XML, PHP
● các trang web Freelance

33. Kỹ năng khác cần biết
● Cách học: quá nhiều thứ, chọn cái nào? học
cách nào cho nhanh?
● Ý tưởng
● Giao tiếp, quan hệ
● Tiếng Anh

34. Câu hỏi?
PHP Day 2012 in HCM City:
● Javascript & jQuery for PHP Developers.
● Scalable & Modular Architecture for CSS.
More question, request, download & reference
links:
=> http://bit.ly/phpday2012