Think Every Web Developer Should Know

April 2020 - @NabeelMolham

Who am I?!

  • Freelance Web Developer, WordPress Specialist
  • Working since 2005
  • Started with Macromedia Flash MX (ActionScript)
  • Dynamic Content: Server-side <=> XML <=> Flash
  • Got into ASP.NET, SQL Server, Oracel
  • Very quickly moved to Open Source
  • Tried many PHP CMSs and Frameworks
  • Started with WordPressΒ version 2.8Β and loving it
  • Joined Codeable.io in December 2015 and what a ride!

Nabeel Molham

Simple Web Request Flow

Web Client (Web Browser)

ISP (TEData, Orange, Etisalat, etc)

DNS Server (closest DataCenter to ISP)

Web Server

(website document root, process request and data)

Simple Web Request Flow

Asks to domain IP Address

http://google.com

Redirects the request

Responds with website content

Pass on the response

Frontend or Backend or Both?!!!

What is common between

Frontend and Backend Developers?

  • Both need to have problem solving skills πŸ€”
  • Both serve the web client 🌐
  • Both need performance optimization ⚑
  • Both depend on each other πŸ’—
  • Both have their fair share of difficulties 😫
  • Both can have their own career πŸ’²
  • Both can build complex applications 😡
  • Both must be think about resources πŸ’Έ
  • Both can miss things up quickly without careful planning πŸ‘·β€β™‚οΈ

What is different between

Frontend and Backend Developers?

  • Backend highest priority is security πŸ”
  • Backend can serve many clients not just web (ex: API) 🦎
  • Frontend deals with so many devices and screen sizes πŸ“±
  • Frontend had so many changes over the years 😡
  • Backend dispute having so many technologies, it still consistent πŸ‘΄
  • BackendΒ makes data easily accessibleΒ πŸ“‘
  • Frontend displays data in user-friendly way (UI/UX) πŸ‘₯

The difference between Framework, Library & CMS

  • Library is a set of code that you call/run in your own code πŸ‘ˆ

Β 

  • Framework is a set of Barebone system code that calls/runs your code πŸ‘‰

Β 

  • CMSΒ is a set of full-featuredΒ system code with default functionality/logic that you integrateΒ with to customize and build on-top πŸ”€

What makes me a Good Web Developer?

Frontend or Backend or Full Stack

  • Problem SolvingΒ is your job description πŸ‘¨β€πŸ”¬
  • Don't try to force it 😟
  • Work on what interests you πŸ˜„
  • Planning is always needed πŸ‘·β€β™‚οΈ
  • Cut down distractions πŸ”•
  • Create your own identity πŸ‘¨β€πŸ’Ό
  • Be patientΒ and stubborn 🧐
  • Don't be afraid to ask questions ❔
  • ContributeΒ to Open-Source Projects πŸ‘©β€πŸ’»
  • Work smart not hard πŸ’‘
  • It's about how you think, not what you know πŸ€”
  • Always grow, there is no end πŸ“ˆ
  • Accept advice and criticismΒ πŸ‘©β€πŸ«
  • Socialize and attend meetups 🀝
  • Try new things whenever possible πŸ§ͺ

Where should I start from ?!

Frontend or Backend or Full Stack

Frontend Developers

What is next for me ?!

1️⃣πŸ₯‡

JavaScript

ES6 & Browser API (Fetch, Async, Promises, etc)

2️⃣πŸ₯ˆ

Open-Source bundles

jQuery, Vue.js, Moment.js, Angular, etc.

Backend Developers

What is next for me ?!

1️⃣πŸ₯‡

Standalone Languages

PHP, Python, Go, etc.

2️⃣πŸ₯ˆ

Open-Source bundles

LAMP, Node.js, HHVM, etc.

Should I focus more on working with Frameworks or CMSs?

❔❓

Nabeel Molham

Questions? Reach out!

Resources

Made with Slides.com