Coding Tutorials
Master web development, data science, and backend technologies with hands-on tutorials and code examples.
These hands-on coding tutorials are written by Sufi Khan Sulaiman and cover the full modern web stack HTML & CSS, JavaScript, backend engineering, data analytics, and end-to-end web building. Every guide ships with copy-paste code examples, key learning points, and direct links to the deeper knowledge base topics behind each concept, so you can move from a working snippet to full conceptual mastery without leaving the portfolio.
The catalogue is organised into five tracks HTML & CSS, JavaScript, Backend, Data Analytics, and Web Building spanning beginner to advanced levels. Use the search bar and category filters above to jump straight to a subject, or browse the full grid. Each tutorial connects to the real project case studies and engineering articles where the same patterns were shipped in production, so the learning always ties back to measurable outcomes rather than toy examples.
Frontend and JavaScript tutorials cover the fundamentals DOM manipulation, async patterns, ES modules, and component architecture then progress to React and modern frontend skills used across the 20+ years of experience documented here. Backend tutorials walk through REST and GraphQL API design, authentication, databases, and deployment, mirroring the enterprise systems described in the ERP modernization and multi-cloud strategy deep dives.
A dedicated ecommerce learning path pairs these tutorials with the ecommerce expertise section Shopify development, headless commerce, marketing automation, GA4 & CRO setup, and conversion engineering. Download the free 55-page ecommerce strategy guide for the strategic context, then return here for the step-by-step implementation tutorials that make the strategy executable.
Finally, the data analytics and web building tracks round out the curriculum from SQL and data visualisation to full-site builds and deployment pipelines. Pair them with the full tutorial index, the knowledge base for theory, and the skills inventory for a complete map of technical competencies. New tutorials are added regularly, so the library grows alongside thearticles and projects it supports.
From whiteboard to shipped without the handoffs.
One accountable lead across strategy, build, and launch.
Ecommerce Learning Paths
Hands-on tutorials that take you from storefront setup to automation and conversion engineering with copy-paste examples.
Shopify Development
Step-by-step guides on theme customisation, app development, and Storefront API integration.
Automation Tutorials
Build cart-abandonment, win-back, and fulfilment workflows with practical, copy-paste examples.
GA4 & CRO Setup
Instrument events, build attribution models, and run A/B tests that move conversion and AOV.
Headless Commerce Guides
Architect decoupled storefronts with Next.js, edge caching, and composable SaaS services.
The Mandate: Commerce That Compounds
Ecommerce success used to be about launching a store. Today it is about building a commerce engine a system where storefront, automation, data, and fulfilment reinforce each other and compound revenue over time. The brands that win treat their platform as ecommerce architecture, not a website; they treat their workflows as digital automation, not campaigns; and they treat their data as a customer data platform, not a report.
Two decades of building these systems from a direct-to-consumer channel grown to nine figures, to headless migrations, to AI-powered recommendation engines distil into one principle: every layer should earn its cost in measurable revenue. The project case studies show the builds; the articles explain the thinking; the 55-page strategy guide is the field manual.
The work spans six capability pillars below. Each connects to a deeper resource elsewhere in the portfolio because ecommerce is a system, and a system is only as strong as the links between its parts.
20-40%
Conversion lift
15-25%
Cart recovery
Sub-1s
TTI at peak
10-15%
Revenue via automation
Keep Exploring
The commerce engine is only as strong as the links between its parts. Start with the ecommerce platform architecture that underpins every storefront, then layer in service expertise across automation, AI, and cloud. The ecommerce strategy guide (PDF) distils the full methodology into a downloadable field manual, and the project case studies show those methods applied to real nine-figure builds.
Go deeper into the craft through the technical skills that power the stack, the articles and insights that explain the reasoning behind each decision, and the knowledge base that organises the frameworks into a reference library. The career experience timeline and the about page add the human story behind the work.
Ready to apply it? The tutorials walk through hands-on builds, the applications showcase shipped web and mobile products, and the contact page is the direct line to start a project.
Explore the Full Portfolio
This is the complete portfolio of Sufi Khan Sulaiman, a technology leader specialising in B2B commerce and digital automation. Start from the Home page for the overview, then move through two decades of career experience across FLIR Systems, Lorex Technology, and 1c Platform, and the full catalogue of project case studies spanning headless commerce migrations, AI recommendation engines, and multi-channel fulfilment systems.
The skills and certifications page maps the technical and leadership capabilities behind the work, while the articles and the knowledge base break down the thinking into actionable frameworks. For hands-on learning, the tutorials and applications sections cover practical builds from front-end fundamentals to full-stack web apps.
For consulting engagement, the expertise page outlines service offerings, the ecommerce hub covers platform architecture and automation strategy, and the ecommerce guide (PDF) is a downloadable 55-page field manual. When you are ready to talk, the contact page is the direct line.