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
- 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 🔀
- Ex: WordPress, OctoberCMS
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