5 cosas que debes saber para convertirte en un desarrollador Web Profesional (5 Things You Need to Know to Becoming a Professional Web Developer) By Fabian Altahona.

Convertirse en un desarrollador Web profesional especializado en WordPress es un trabajo duro pero no imposible. Necesitaras mucho tiempo, energía y determinación. En mi charla te mostrare 5 puntos claves que debes saber para convertirte en un desarrollador web profesional, veremos qué se requiere para desarrollar productos profesionales de WordPress (ya sean temas o plugins). Específicamente, veremos varios factores clave para crear y lanzar un producto exitoso. También discutiremos la generación de ideas, planeación, herramientas, la forma de ofrecer soporte y escalabilidad a nuestros proyectos.
https://www.meetup.com/es-ES/WordPress-Barranquilla/events/261349161/

Transcript

1. #WPBQ
2. ¡Hola! Soy Fabian Altahona @fabolivar23 / Koombea / Ab2Web / WPBQ | @fabolivar23 #WPBQ
3. 5 Things You Need to Know to Becoming a Professional Web Developer #WPBQ
4. “¡Hands up!” How does the Internet Work? @fabolivar23 #WPBQ
5. How DNS Works? [Domain Name Server]
6. Domain Name Server 1. Computers devices communicate using IP addresses to identify each other on the internet. 2. But humans can't remember IP addresses, so they use words.
7. User type “wordpress,org” into the browser What is the IP for wordpress.org? It’s 66.155.40.249 RESOLVER DNS SERVER (ISP) ROOT SERVER TLD (.org, .com, .net) NAME SERVER WEB SERVER OS - BROWSER - CACHE What is the name server for wordpress.org? .org TLD Server What is the NS for wordpress.org? ns1.wordpress.org ns4.wordpress.org ns2.wordpress.org ns3.wordpress.org What is the IP for wordpress.org? How DNS Works?
8. User type “wordpress,org” into the browser What is the IP for wordpress.org? It’s 66.155.40.249 RESOLVER DNS SERVER (ISP) ROOT SERVER TLD (.org, .com, .net) NAME SERVER WEB SERVER OS - BROWSER - CACHE What is the name server for wordpress.org? .org TLD Server What is the NS for wordpress.org? ns1.wordpress.org ns4.wordpress.org ns2.wordpress.org ns3.wordpress.org What is the IP for wordpress.org? How DNS Works?
9. User type “wordpress,org” into the browser What is the IP for wordpress.org? It’s 66.155.40.249 RESOLVER DNS SERVER (ISP) ROOT SERVER TLD (.org, .com, .net) NAME SERVER WEB SERVER OS - BROWSER - CACHE What is the name server for wordpress.org? .org TLD Server What is the NS for wordpress.org? ns1.wordpress.org ns4.wordpress.org ns2.wordpress.org ns3.wordpress.org What is the IP for wordpress.org? How DNS Works?
10. User type “wordpress,org” into the browser What is the IP for wordpress.org? It’s 66.155.40.249 RESOLVER DNS SERVER (ISP) ROOT SERVER TLD (.org, .com, .net) NAME SERVER WEB SERVER OS - BROWSER - CACHE What is the name server for wordpress.org? .org TLD Server What is the NS for wordpress.org? ns1.wordpress.org ns4.wordpress.org ns2.wordpress.org ns3.wordpress.org What is the IP for wordpress.org? How DNS Works?
11. Single Responsibility Wikipedia: The single responsibility principles is a computer programming principle that states that every module or class should have responsibility over a single part of the functionality provided by the software, and that responsibility should be entirely encapsulated by the class.
12. #1. Project Scope
13. #1. Project Scope • Requirements • Researching (Brief) • Information Architecture (User flow and Sitemap) • Wireframes - Visual Design
15. #1. Project Scope • Requirements • Researching (Brief) • Information Architecture (User flow and Sitemap) • Wireframes - Visual Design • Planning • Site Development • Site Testing • Site Launch • Site Maintenance
16. • Requirements • Researching (Brief) • Information Architecture (User flow and Sitemap) • Wireframes - Visual Design • Planning • Site Development • Site Testing • Site Launch • Site Maintenance #1. Project Scope Budget $$$ Fixed vs Flexible
18. #1. Project Scope Budget $$$ Fixed vs Flexible • Requirements • Researching • Information Architecture (User flow and Sitemap) • Wireframes - Visual Design • Planning • Site Development • Site Testing • Site Launch • Site Maintenance
19. Fixed vs Flexible Budget $$$
20. ¿Cómo Quieres tu Proyecto?
21. #2. Development Environment
22. Prod. Dev. Staging • Choose a Suitable Server Solution • Find a Suitable Text Editor or IDE • Pick a Suitable Browser • Enable Debugging #2. Dev. Environment #WP15
23. Web Server • Docker • Xampp • Wamp • Mamp Local server Remote server • Shared Hosting • Cloud Hosting • VPS • Dedicated • Docker • AWS
24. Web Server
25. Web Server Nginx PHP 5.6, 7.0, 7.1 and 7.2 MariaDB phpMyAdmin What’s Inside Redis Xdebug Composer WP-CLI MailCatcher
26. Deployment Process
27. • Git • SVN Version control Initial Commit Stable Version Features Revisions
28. Text Editor or IDE • Sublime Text • Visual Studio Code • Atom • NotePad ++
29. #3. Planning
30. #3 Planning Pick a framework
31. FRAMEWORKS
32. WordPress Frameworks
33. WordPress Frameworks #WPBQ https://github.com/koombea/kiliframework kiliframework.org
34. Pick a framework #3 Planning Look for plugins and other resources
35. Look for plugins
36. Pick a framework #3 Planning Look for plugins and other resources Analyze the risks
37. Risk Management lifecycle Identify Risks Plan Risk Response Analyze Risks Monitor & Control Risk Management lifecycle
38. Pick a framework #3 Planning Analyze the risks Look for plugins and other resources Test your code
40. Pick a framework #3 Planning Test your code Analyze the risks Look for plugins and other resources Create a chronogram
41. #4. Be careful with your time
42. #4. Be careful with your time • Use a time tracking app (https://toggl.com/) • Stick to your plan • Be aware of unwanted activities
43. #5. Quality Check
44. #5. Quality Check • Browser Compatibility • Responsive Web Design • Web Accessibility • Favicon • Error page
46. • Install at least two browsers (Chrome, Firefox) • You can use online testing tools BrowserStack Browsershots Browserling Litmus IE NetRenderer Browser Sandbox TestingBot BrowseEmAll Multibrowser CrossBrowserTesting Equafy Sauce Labs Browser Compatibility
47. • Mobile First Responsive Web Design
49. • Mobile First • Grid System Responsive Web Design
50. • Specific Users. • Specific Goals. • Specific Context. • Effectively, efficiently and with satisfaction. Web Usability
51. Web Usability Vs Web Accessibility
53. • Flexibility. • User benefits. • Assistive technologies. • Is often required by law. • Equal access and equal opportunity. Web Accessibility
54. Accessibility is not black and white
55. Web Accessibility
56. Resources • WordPress Codex (https://codex.wordpress.org/) • Stack Overflow (https://stackoverflow.com/) • WPBegginer (http://www.wpbeginner.com/)
57. ¡Gracias! “Las preguntas, que sean fáciles, por favor. XD”