Aller au contenu
Practical guides: marketing, web, e-commerce and AI in Morocco · Practical guide

Front-end or back-end: how to choose your profession and your provider

Front-end is the visible part of the site, which the user sees and interacts with; back-end is the invisible part, which handles data, logic and security. A good web project needs front-end for the experience and back-end for robustness. For a provider, look for both skills or a team that covers them.

Updated on

The front-end / back-end distinction has shaped web project organisation for twenty years, and remains the best starting point for understanding a quote, a schedule or a job offer. Front-end: what the user sees, types and touches. Back-end: what happens behind the scenes, data, accounts, payments, sending emails. The two meet through interfaces and APIs. ## What sets a good profile apart Beyond technologies, a good front-end developer thinks mobile performance, accessibility and error states. A good back-end developer thinks security, backups, logging and testing. These reflexes are not always on a CV, but show through method questions. In an interview, a few questions are enough to tell a solid profile from one who recites framework names: - 'How do you make sure a page stays usable on a slow connection on an entry-level phone?' The answer should mention images, script weight and rendering priority, not just performance on a computer. - 'What does the site do if the payment server doesn't respond?' A good back-end plans for errors, retries and clear messages for the user. - 'How is the code repository organised and where are the backups?' A serious profile knows where its code lives and how to restore the database. On the front-end side, the work has evolved. Server-side rendering and static sites, such as those built with Astro, have returned to the fore for brochure sites and blogs, because they are fast and simple to host. Interactive frameworks remain necessary for customer areas and applications. Choosing the right tool for the need avoids paying for technology the project doesn't use. Another sign of quality is handling of loading and error states. A form that stays stuck with no message, a page that shows a technical code instead of an explanation, a button that gives no feedback: these details harm conversion more than the beauty of an animation. On the back-end side, the useful question is about data: who can see it, who can change it, how long it is kept. An application well designed on the interface side but poorly protected on the server side remains a risk for the business and its customers. ## The provider's role An honest provider explains what they can't do and suggests a partner or a different approach. On an e-commerce project, you want someone who masters the order, payment and stock management side as much as the interface. The full [front-end and back-end](/services/developpement-web/front-end-back-end/) guide details needs by project type; the [web applications](/services/developpement-web/applications-web/) guide covers the case of business tools. Always ask for access to the source code and to hosting accounts in your name. The provider can work on your repository and your server without becoming their owner. This simple rule avoids costly dependency situations at the end of an engagement. A good quote separates the items: design mock-ups, implementation, server development, content, testing, go-live, team training. A quote that only lists 'website development' for an overall amount makes it impossible to compare two proposals. Also ask what is excluded: hosting, maintenance, changes after delivery, tool licences. The lowest offers are often those that omit these items. The working relationship matters as much as the technical skills. A provider who answers questions, documents their choices and warns of risks in advance is more valuable than a brilliant profile who disappears for two weeks. On a project lasting several months, regular communication is a selection criterion. ## How many profiles are needed A brochure site can be built with a front-end developer and minimal server setup. A shop, a business application or a customer area need at minimum a back-end and a front-end profile, with a testing period and a contact who follows the project end to end. For a small team, the best combination is often an experienced full-stack developer supported by a specialist in the part that carries the project's value: the interface if experience is central, the server if data and security are critical. The budget follows the project's real risk, not a very theoretical job table. For a brochure site, an experienced, well-equipped front-end developer is often enough, provided they master a CMS or a static site generator. For a shop with online payment, experience shows that server skills are needed from the start: orders, refunds and stock synchronisation are topics that cannot be caught up at the end. If you are hiring in-house, consider complementarity: a junior front-end profile supervised by a senior back-end, or the reverse. Salary gaps are real in Morocco, and an experienced profile remains more cost-effective over time than a junior profile delivered without support.

When this guide is for you

  • You are preparing a redesign and need to hire or brief a developer
  • Your site looks good but is slow, hard to change or unstable
  • You are comparing quotes that don't include the same items
  • You want to steer a student or a friend towards the right profession

Step by step

  1. Understand what each part does — Front-end covers HTML, CSS, JavaScript and frameworks (Astro, React, Vue), as well as accessibility and perceived performance. Back-end covers servers, databases, APIs, authentication and business logic.
  2. Map your project's skills needs — A brochure site mainly needs front-end and configuration; a shop, a customer area or a mobile app needs a structured back-end. Writing this map before looking for a provider avoids misunderstandings.
  3. Assess a profile with concrete questions — Ask how they handle mobile performance, accessibility, server errors, backups and security updates. The answers quickly show whether they master their field.
  4. Plan for maintenance from the start — Document the code, choose widely used technologies, set up a private repository and a test environment. A site without documentation becomes a trap as soon as the second developer arrives.
  5. Train on the business side — A front-end developer learns in 6 to 12 months; back-end requires more practice with databases and security. Profiles who touch both (full-stack) are useful on small projects but rarely experts in both.

What it costs (in MAD)

ServiceIndicative priceGood to know
Junior front-end developer6,000 – 12,000 MAD per month (≈ 550 – 1,100 €)Indicative salaries in Morocco
Experienced back-end developer12,000 – 25,000 MAD per month (≈ 1,100 – 2,300 €)Depending on technology and experience
Freelance front-end provider300 – 800 MAD per day (≈ 27 – 73 €)Design implementation, performance
Back-end provider500 – 1,500 MAD per day (≈ 45 – 140 €)APIs, database, security

Indicative ranges for the Moroccan market in 2026, excluding tax. Prices vary with scope and provider.

Mistakes to avoid

  • Giving the whole project to a single junior profile and discovering the gaps halfway through
  • Choosing a trendy front-end framework for a brochure site that doesn't need that complexity
  • Neglecting accessibility from the design stage: catching up later costs more
  • Not planning a test environment and database backups

Frequently asked questions

Is a full-stack developer enough?

For a small project, often. On a business application or a high-volume e-commerce site, it is better to have a specialist on the server and security side.

Which technologies should I learn first?

The fundamentals: HTML, CSS, JavaScript for front-end; a server language (PHP, Node.js, Python) and SQL for back-end. Frameworks change; the basics remain.

How can I check a provider's work?

Ask for live projects, access to the code repository, PageSpeed results and a maintenance plan. Check that you remain the owner of the code and the accounts.

Should front-end and back-end be separated?

Not necessarily. A decoupled architecture (API and interface) makes changes and mobile apps easier, but adds complexity: it is justified on projects that will evolve.

Related guides

Version française: /insights/developpement-web-front-end-et-back-end/