Power your PHP Skill How a web developer make more MONEY Đặng Minh Tuấn - hoctudau.com
Để 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ơ");
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?
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
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?
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
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?
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
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.
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
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...)
HTML, CSS, JS có thể làm gì? Mobile Application Firefox OS
HTML, CSS, JS có thể làm gì? Desktop Application
HTML, CSS, JS có thể làm gì? Google Chrome Packaged Applications (Desktop Application)
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.
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 .
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
Câu hỏi phụ thẻ <b> và thẻ <strong> giống và khác nhau ra sao?
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
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
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
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
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
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
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
Các công cụ lập trình cần biết IDE ● Eclipse ● Visual Studio ● Netbeans ● Aptana ● phpDesigner ● PhpStorm ● XCode ● Dreamweaver
Các công cụ lập trình cần biết Bug Tracking ● BugZilla ● Jira ● Mantis ● FogBugz ● Trac ● Google Docs
Các công cụ lập trình cần biết Project Management (& Collaboration) ● Redmine ● Trac ● Basecamp ● Jira ● TopTeam
Các công cụ lập trình cần biết Version control ● Subversion ● Git ● Mercurial
Các công cụ lập trình cần biết PHP Frameworks: ● CodeIgniter ● ZenFramework ● Yii
Các công cụ lập trình cần biết Database ● MySQL ● SQLite ● MongoDB ● Oracle ● Redis ● PostgreSQL
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
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
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

Power your PHP skill

  • 1.
    Power your PHPSkill How a web developer make more MONEY Đặng Minh Tuấn - hoctudau.com
  • 2.
    Để chống lạikhủ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? ĐặngMinh 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âukiế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 hayví 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ạilà 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, JScó 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, JScó 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, JScó thể làm gì? Mobile Application Firefox OS
  • 13.
    HTML, CSS, JScó thể làm gì? Desktop Application
  • 14.
    HTML, CSS, JScó thể làm gì? Google Chrome Packaged Applications (Desktop Application)
  • 15.
    HTML, CSS, JScó 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, JSlà 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 CSScầ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ợpvà 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ệmphả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: ZendCertified 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áccầ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 Day2012 in HCM City: ● Javascript & jQuery for PHP Developers. ● Scalable & Modular Architecture for CSS. More question, request, download & reference links: => http://bit.ly/phpday2012