Muhammad Fawwaz Orabi | Curriculum Vitae
Hamah, Syria • - • -
Personal Details
Name
Date of birth
Muhammad Fawwaz Orabi
March 3rd, 1993 (age 25)
Nationality
Syrian
Native language
Arabic
Experience
●
Front-end web development, building single page web apps (SPAs) and websites, with focus on:
o
UI Performance: auditing and optimizing rendering performance with Chrome DevTools
o
Network performance: HTTP/2, minification and bundling, cache control optimization, implementing
service workers for consistent load times, image optimization
o
JavaScript runtime performance: offloading work to Web Workers where appropriate, handling the
single-threaded design of JavaScript and avoiding long-running, event-loop blocking compuations
o
Perceived performance
o
Architecture and state management: One-way data flow with Flux and Redux, two-way data binding,
event-driven patterns, RxJS
o
o
Offline experience: Service Workers, Application Cache, Indexed DB
Responsive web design with CSS media queries, Bootstrap 3 and Bootstrap 4, CSS Grid Layout, CSS
Flexbox
o
Internationalization (i18n): Building localizable web apps and websites with RTL and LTR layouts
o
Accessibility (a11y): Building accessible websites and web apps for the physically/visually impaired,
following WCAG Guidelines and testing with screenreaders like ChromeVox and NVDA
●
Back-end development with Node.js and Express:
o
RESTful JSON APIs
o
GraphQL APIs
o
Security basics and best practices:
▪
Basic authentication and authorization concepts
▪
Session handling
▪
CORS
▪
Hashing passwords with a cryptographically secure hashing algorithms
▪
Storing salts with passwords to prevent dictionary attacks
▪
Mitigating CSRF Attacks with Anti-CSRF tokens and SameSite cookies
▪
Mitigating XSS Attacks with sanitization and escaping
Personal Projects
WebCeph
A web app for tracing and analyzing cephalograms and photographs used in the planning
2016— present
of orthodontic treatment.
●
●
Offline-enabled with Service Worker
Continuous integration with CircleCI
Uses the following web platform features:
●
Service Workers
●
Workers
●
SVG
●
Flexbox
●
Drag and Drop API
Built with:
●
React (UI Rendering)
●
Redux (state management with one-way data flow)
●
●
TypeScript (statically-typed JavaScript)
Webpack 2 (bundling and optimization)
Focused on:
●
●
Runtime performance
o
60 FPS/s, avoiding expensive redraws
o
Using hardware-accelerated CSS animations
o
Auditing performance with Chrome DevTools
Network-delivery performance
o
HTTP/2 for multiplexed requests
o
Minification and concatenation
o
Code splitting with Webpack to speed up first load
o
Caching and offline support with Service Worker API for consistent load
times
Description and technical details (Arabic): https://forabi.net/post/announcing-webceph
aQuran (no longer maintained)
2014
A mobile-optimized, cross-platform Quran app built with web technologies.
●
●
Open source, hosted on GitHub.
Offline-enabled with Application Cache
Uses the following web platform features:
●
Indexed DB
●
Application Cache
●
Network Information API
●
Media Queries
Page 2
Built with:
●
Angular 1 (UI Framework)
●
CoffeScript (a compile-to-JavaScript language with Python-like syntax)
●
Gulp.js (bundling and optimization)
Description and technical details (Arabic):
http://forabi.net/post/aquran-1.0-beta-announcement/
Teaching Experience
Tutor — Hsoub Academy
2015 — 2016
Computer programming courses author/translator (academy.hsoub.com/profile/5ﻋﺮاﺑﻲ-ﻓﻮاز-ﻣﺤﻤﺪ/
)
ّ
Front-End Video Course — Hsoub Academy
2016
Video course on front-end web development recorded for Hsoub Academy
Covers the basics of front-end development:
●
HTML, CSS and JavaScript
●
Bootstrap 3
●
jQuery
●
Automating build tasks with Gulp.js
●
Adapting CSS to RTL (right-to-left) layouts
●
Advanced CSS and Sass
●
Version control for source code with git and GitHub
Education
Bachelor of Dental Surgery — Hama School of Dentistry, Syria
2010 — 2015
Graduated First on Class
MSc in Orthodontics — Hama School of Dentistry, Syria
2015 — present
Languages
Arabic
English
German
Native language
Very good at reading, writing, speaking and listening
Intermediate (self-taught using Duolingo)
Publications
Introduction to User Experience — Hsoub Academy
2016
Page 3
A book by Joel Marshal, translated by Muhammad Fawwaz Orabi for Hsoub Academy
Getting Started with CSS
2016
A series of articles by the Mozilla Developer Network, translated by Muhammad Fawwaz Orabi
for Hsoub Academy
Certifications and Awards
MongoDB for Node.js Developers, MongoDB University (verification)
2013
MongoDB for Java Developers, MongoDB University (verification)
2014
MongoDB for Developers, MongoDB University (verification)
2014
Links
●
●
●
●
Blog (Arabic): https://forabi.net/
Twitter: https://twitter.com/forabi
Mostaql: https://mostaql.com/u/forabi
GitHub: https://github.com/forabi
Page 4
