Catégorie | Site internet

Le métier de développeur mobile

Si vous voulez en savoir plus sur le métier de développeur mobile, cet article est fait pour vous. Nous allons vous expliquer en quoi consiste le métier, quelles peuvent en être les missions, ainsi que le salaire.

développeur mobile

En quoi consiste le métier de développeur mobile ?

Le développeur mobile est celui qui développe des applications pour téléphone, tablette et autres appareils mobiles. Il doit donc porter une grande attention à l’affichage de ces applications sur ces appareils. Il peut aussi se spécialiser dans le développement pour Android ou pour iOS par exemple. Les appareils mobiles étant de plus en plus utilisés, ce métier se fait une place d’autant plus importante.

Les missions du développeur mobile

Ses missions sont les suivantes :

  • Développer des interfaces mobiles en adéquation avec le cahier des charges
  • Réaliser des tests techniques
  • Anticiper les évolutions des applications suivant celle des technologies mobiles
  • Effectuer la maintenance des applications

De ce fait, il peut adapter un site Internet classique pour une version mobile. Il peut également créer une application mobile qui n’a pas de site web existant. Il pourra finalement développer des jeux vidéos (ou adapter les versions déjà existantes) pour mobile.

Les compétences requises pour ce métier

Il doit premièrement avoir une parfaite connaissance des normes en vigueurs et des interdits propres au mobile. Il a une bonne connaissance du front-end, est rigoureux et créatif et dispose d’une grande flexibilité.
Pour ce qui est des compétences techniques, le développeur mobile maîtrise plusieurs langages de programmation. Ils diffèrent selon s’il se spécialise en iOS ou en Android. Par exemple :

  • Android : PHP / C / C# / Java…
  • iOS : HTML5 / C / ObjectiveC…

Ce ne sont toutefois pas les seuls systèmes existants. Généralement, pour les systèmes peu répandus, des API permettant de simplifier la programmation existent. Mais au cas où, le développeur web doit être capable de programmer dans le plus de langages possible.

Côté salaire

Le salaire d’un développeur mobile débutant tourne autour de 2200€/net par mois. Il peut facilement être doublé en fin de carrière. Néanmoins, il n’évoluera sans doute pas progressivement. Tout dépend des missions qu’il réalisera au cours de sa carrière et de sa situation. En effet, un salaire peut changer drastiquement entre celui d’un développeur en freelance et celui d’un développeur qui travaille en agence ou en entreprise. La taille et la réputation de l’entreprise jouent aussi sur ce chiffre.

Ce métier vous intéresse ? Une formation en informatique vous sera nécessaire. En attendant, puisqu’il vous faudra maîtriser de nombreux langages, vous pouvez déjà vous renseigner sur ceux-ci.

Le métier d’infographiste

Généralement, ce qu’on remarque en premier chez une application, c’est son logo. Si nous vous disons Twitter, il est probable que vous pensiez en premier à son logo. La plupart du temps, c’est un infographiste qui en est à l’origine.

En quoi consiste le métier d’infographiste ?

L’infographiste est un acteur de la communication visuelle et de la production multimédia. Il est souvent sollicité en publicité, marketing, animation édition, presse, jeux vidéos… Il évolue donc dans de nombreux domaines. Mais il peut également se lancer en freelance et se dédier entièrement à un domaine précis.

infographiste

Les missions de l’infographiste

Ses missions seront les suivantes :

  • Créer des logos ou images en respectant une charte graphique
  • Réaliser des maquettes et croquis à faire valider
  • Communiquer régulièrement avec le client

Finalement, les missions d’un infographiste sont nombreuses et variées. Il devra gérer le processus graphique de A à Z et veiller à produire des résultats qui respectent l’identité visuelle de la marque. Il travaillera aussi bien sur un site web que sur une mise en page pour un jeu vidéo ou un CD par exemple.

Les compétences requises pour ce métier

Avant tout, l’infographiste a un goût prononcé pour le design et possède de bonnes aptitudes artistiques. Il est également rigoureux, puisqu’il devra suivre un cahier des charges précis. De plus, la créativité et un sens de l’innovation assez développés sont les bienvenus dans ce métier. Et dans l’idéal, un bon niveau en dessin.
L’infographiste doit maîtriser les outils adaptés. Il travaillera en effet souvent sur tablette graphique. Ainsi, il doit savoir maîtriser des logiciels comme Photoshop et Illustrator.

Côté salaire

Un infographiste débutant touchera environ 1350€/net par mois. Il pourra atteindre 2500€/net par mois au fil du temps. Bien sûr, ces chiffres sont donnés à titre indicatif. En effet, un infographiste en freelance pourra décider de ses tarifs. Ils évolueront en fonction de son expérience, ses compétence et sa renommée dans le milieu.

Ce métier vous fait envie ? Alors n’hésitez plus. Et si vous voulez travailler dans le design mais que vous ne pensez pas avoir la fibre artistique requise, vous pouvez vous renseigner sur le métier d’UI designer.

Le métier d’UX designer

Cet article a pour but de présenter le métier d’UX designer. Si vous vous êtes déjà demandé quelles étaient ses missions, ses compétences requises ou encore quel était son salaire, nous vous invitons à poursuivre votre lecture.

En quoi consiste le métier d’UX designer ?

Le terme UX désigne communément l’expérience utilisateur. Souvent confondu avec l’UI designer, un UX designer n’effectuera toutefois pas les mêmes tâches. Les professionnels de l’UI ont pour but de rendre les interfaces user-friendly et surtout plus accrocheuses visuellement. Ceux de l’UX quant à eux se pencheront plutôt sur les côtés pratiques. Par exemple, ils feront en sorte que le site soit simple d’utilisation sur tout support (responsive). Même si la différence entre les deux peut être subtile, elle est bien réelle.

UX designer

Les missions de l’UX designer

Ses missions seront plutôt techniques :

  • Consulter les utilisateurs via des études
  • Apprendre à connaître leurs habitudes, plus encore que l’UI designer
  • Analyser et adapter les projets à l’image de la marque
  • Proposer des ébauches pour le design et le fonctionnement du projet
  • Tester et mesurer l’efficacité des modifications effectuées au fil du temps

L’UX designer ne travaille souvent pas sans un UI designer. Leurs tâches sont en effet très liées.

Les compétences requises pour ce métier

Un UX designer doit maîtriser le design de l’interaction ainsi que l’architecture de l’information. Il doit être apte au travail d’équipe, puisqu’il travaillera avec l’UI designer mais également avec les développeurs, les chefs de produit ou les graphistes. Il dispose aussi d’un bon sens d’analyse et d’un bon sens de l’observation. En plus de cela, il lui faudra souvent se renseigner sur les évolutions numériques. Elles auront un grand impact sur sa façon de faire.
Et puisqu’il sera amené à travailler sur beaucoup de projets très différents, il doit être à l’aise avec le plus grand nombre de langages de programmation possible.

Côté salaire

Un débutant peut toucher 1900€/net par mois, mais pourra évoluer et atteindre un salaire de 2700€/net par mois. Le salaire dépendra évidemment de l’entreprise, mais ces valeurs donneront un ordre d’idée.

Si ce métier vous intéresse, il existe de nombreuses formations dans le domaine du développement numérique pour vous y amener. Mais si le métier d’UI designer vous attire davantage, nous vous invitons à lire notre fiche métier sur le sujet.

Le métier d’UI designer

Dans cet article, nous allons vous présenter le métier d’UI designer. Si vous vous posez des questions à ce sujet, vous trouverez bon nombre de réponses ici. Compétences requises, missions courantes, salaire… Nous allons aborder chacun de ces points.

UI designer

En quoi consiste le métier d’UI designer ?

Pour ceux qui ne le savent pas, le terme UI désigne User Interface, donc “interface utilisateur” en français. En bref, un UI designer est celui qui a pour tâche de faciliter l’expérience de l’utilisateur vis-à-vis d’une application. De la disposition de l’écran aux interactions, en passant par le texte, les animations, les curseurs… Il se mettra dans la peau d’un utilisateur pour faire les choix les plus judicieux. C’est pourquoi il est primordial de faire appel à un UI designer pour que votre application soit la plus user-friendly possible.

Les missions de l’UI designer

Même si vous avez déjà pu vous en faire une idée, ses missions sont les suivantes :

  • Améliorer l’interface utilisateur
  • Rendre la navigation plus fluide et intuitive
  • Favoriser l’aspect visuel à l’aide d’éléments graphiques
  • Apprendre les habitudes des utilisateurs
  • Produire des maquettes graphiques

La liste est bien sûr non exhaustive. En plus, il faut considérer que l’UI designer travaillera presque tout le temps avec un UX designer.

Les compétences requises pour ce métier

Un UI designer doit avant tout être créatif, innovant et avoir de très bonnes compétences en graphisme. De par son étroite collaboration avec l’UX designer, le travail en équipe ne doit pas lui faire peur. Il doit aussi savoir s’adapter et faire preuve de souplesse.
Pour ce qui est des aspects plus techniques, il faut maîtriser certains outils. Parmi eux, nous mentionnerons Photoshop, Illustrator et Adobe XD. En plus de ces outils, il doit avoir des connaissances notamment en HTML, JavaScript, CSS et PHP. Donc tous les langages de programmation qui auront un impact sur le design d’un site ou d’une application.

langages de programmation

Côté salaire

En France, un débutant touchera environ 1800€/net par mois. En progressant, il pourra atteindre 3000€/net par mois. Mais ces chiffres dépendent essentiellement de la taille et de la réputation de l’entreprise au sein de laquelle il travaille.

Le métier d’UI designer vous attire ? Vous pouvez commencer par vous auto-former aux logiciels et langages cités plus haut.
Et si ce n’est pas le cas, nous vous proposons un top 10 des métiers qui recrutent le plus en Picardie.

Avez-vous déjà eu un compte piraté ?

Tout d’abord, la phrase “mes comptes web n’intéressent personne et je n’ai rien à me reprocher, mon compte ne sera jamais piraté” est totalement fausse. Bien entendu, un compte Instagram de star, d’un président… vaut plus que celui d’un citoyen “normal”. Cependant, tous les comptes sont intéressants pour un pirate.

Que faire avec un compte piraté ?

Principalement, le pirate peut l’utiliser pour vider vos comptes bancaires. S’il dispose de votre compte E-mail, il peut demander des réinitialisations de mot de passe. Et ainsi accéder à votre compte Paypal, votre compte Amazon…

compte piraté

Il peut aussi se faire passer pour vous et extorquer de l’argent à vos amis. Grâce notamment à du phishing.

Il peut utiliser votre compte pour de la propagande ou des messages haineux. Il peut s’en servir pour favoriser un candidat dans une élection, en association avec des milliers d’autres comptes piratés… Ceci est courant et beaucoup de personnes possèdent des vieux comptes Twitter, Facebook… qui ont été piratés sans le savoir.

Bien entendu, si un hacker pirate les réseaux sociaux et les boites E-mail… Imaginez les soucis que cela peut engendre… Sachez que cela a déjà eu lieu plusieurs fois. Voici d’ailleurs une petite vidéo qui montre qu’il faut être vigilant.

TV5 Monde vient de se faire pirater. Ce monsieur semble surpris. Si vous n’avez rien remarqué, zoomez sur les papiers derrière lui…

Donc si vous soupçonnez d’avoir été piraté : prenez tout de suite les bonnes dispositions pour y remédier. Cependant, un pirate peut vous avoir piraté sans que vous ne le sachiez. C’est ce que nous allons voir ici.

haveibeenpwned.com

Le site web haveibeenpwned.com vous permet de vérifier si l’un de vos comptes a déjà été piraté.

Je vous invite à entrer votre adresse e-mail habituelle, dès l’arrivée sur le site.

haveibeenpwned

Si vous avez le message “Good news — no pwnage found!”. Alors félicitations ! Votre adresse e-mail n’apparaît sur aucune liste de pirates.

Pour l’exemple, j’ai mis mon adresse personnelle. Je l’utilise (trop) souvent. Mon adresse est donc dans la liste de certains pirates (comme des millions de personnes).

compte piraté nexus

Sur ce site : les adresses E-mail, les mots de passe et les pseudonymes ont été piratés. J’ai donc tout intérêt à changer mon mot de passe sur ce site. MAIS pas uniquement ! Je dois aussi le changer sur tous les sites où j’utilise la même adresse (ou pseudonyme) et le même mot de passe. Car les pirates testent toutes ces combinaisons sur les sites les plus connus.

Le site haveibeenpwned.com vous permet aussi de tester votre mot de passe. Pour cela rendez-vous dans l’onglet “Passwords”. Pour ce test, j’ai utilisé le mot de passe “azerty” et voici le résultat.

mot de passe piraté

Ce mot de passe a été vu 315 309 fois sur des listes piratées ! Il est donc préférable de ne pas l’utiliser. Je vous laisse tester les mots de passe “simples” pour vous rendre compte de la catastrophe. Mais je vous conseille aussi de tester le vôtre : le nom de votre chien n’est pas un mot de passe sûr ! ^^

Statistiques de Noël et E-commerce

Les statistiques sur l’E-commerce ne vendent jamais du rêve, sauf quand cela parle de Noël ! Bien entendu, c’est la période la plus fructueuse pour les sites en ligne. Cependant, ces statistiques vont bien au-delà d’un simple “+X % de ventes”. Voici donc 5 statistiques impressionnantes sur cette période magique.

Statistiques des ventes en E-commerce lors de Noël

statistiques de noel

En novembre et décembre, les acheteurs utilisent internet pour se renseigner sur les tendances actuelles. Ils observent aussi les meilleurs prix et les offres du moment.

En France, durant ces deux mois, les ventes totales enregistrées dépassent les 20 milliards d’euros, uniquement sur internet !

Les vendeurs ayant un magasin physique ne sont pas en reste : environ un e-consommateur sur deux se rendra en magasin pour acheter un produit consulté en ligne. Il est donc indispensable pour une boutique physique de disposer d’un site internet (même basique) !

Les dates clefs du E-commerce à Noël

dates clefs de noel

Même si elles débutent mi-Novembre, les ventes de Noël explosent dès le “Black Friday”. A partir de ce moment, les ventes ne font qu’augmenter jusqu’à atteindre un point culminant entre les 12 et 14 décembre. C’est à ce moment que les délais de livraisons sont toujours bons pour recevoir un cadeau à la date du 24 décembre.

Mais attention ! Croire que les visites s’arrêtent le 24 décembre est une erreur ! Les internautes consultent énormément les sites en ligne dès le 25 décembre pour trois raisons :

  • tester leurs cadeaux de Noël (ordinateur portable, tablette, smartphone…)
  • consulter les bonnes affaires spéciales “d’après-Noël”
  • revendre des cadeaux en double (ou non-appréciés…)

Répartition du budget de Noël

budget de noel

La majorité des achats de Noël sont tout naturellement des jouets avec 40% des ventes. Viennent ensuite les produits culturels (jeux video, albums de musique…) avec 35% des ventes. Viennent ensuite la mode et les cosmétiques.

Mais un grand avantage des sites E-commerce et que certains proposent des produits immatériels : jeux video, plateformes de streaming, e-book… Quel est l’intérêt principal : aucun de délai de livraison ! Vous réalisez votre achat et il est aussitôt disponible sur votre produit high-tech. Voir même sur celui de la personne a qui vous l’offrez ! Votre achat peut donc se faire le 24 décembre, voir même le jour même de Noël pour un oubli de dernière minute…

Répartition des ventes par appareil

répartitions du e-commerce

Les internautes changeant leurs habitudes de navigation, il est normal que les ventes suivent. De plus en plus de personnes n’utilisent plus d’ordinateur pour naviguer et réaliser leurs achats : leur smartphone suffit !

Il est donc indispensable pour un site E-commerce de proposer une expérience fluide et rapide pour les smartphones.

Les attentes des e-consommateurs

statistiques e-commerce pour noel

Le gros soucis des achats au dernier moment est qu’il faut attendre plusieurs minutes (ou heures) à la caisse du magasin. Les sites E-commerce n’ont pas ce soucis : ils vous livrent à domicile. Certains vous proposent même la livraison en un jour !

De plus, comme vu précédemment : les achats immatériels vous permettent une disponibilité immédiate.

Le métier de consultant SEO

Cet article, a pour but de vous présenter le métier de consultant SEO. Qu’est-ce qu’un consultant SEO ? Quelles sont ses missions ? Quel est son salaire moyen ?

le métier de consultant SEO

Les besoins en SEO (Search Engine Optimization)

Posséder un site internet est déjà un très bon pas en avant dans sa communication. Toute entreprise (marchande ou non) se doit d’être présente sur internet afin d’exister.

Les moteurs de recherche, comme Google, référenceront rapidement votre site internet. Néanmoins, il y a de fortes chances que votre site soit classé dans des pages qui ne seront jamais consultées. Plus de 90% des utilisateurs s’arrêtent à la première page de résultats.

C’est ici qu’intervient le consultant SEO : il vous permet de monter rapidement dans les premiers résultats de Google. Cela vous facilite donc amplement la recherche de clients : ils viennent directement à vous.

Effectivement, le démarchage téléphonique, le porte-à-porte ou les prospectus sont des méthodes à proscrire. Les potentiels clients détestent être importunés, ils préfèrent faire une recherche par eux-mêmes, afin de gagner en confiance.

RTL et Bloctel, les conseils pour éviter les appels intempestifs

Le métier de consultant SEO

Le consultant SEO est à mi-chemin entre un expert en marketing et un expert en développement web. Il doit aussi avoir une petite fibre littéraire (ou tout du moins, ne pas faire de fautes en orthographe).

Google cherche à proposer du contenu de qualité dans ses premières pages de résultats, afin que l’utilisateur est une bonne expérience pendant sa navigation.

  • contenu lisible
  • phrases pas trop longues
  • phrases qui s’enchaînent facilement
  • images de qualité
  • navigation simple

Voici que quelques exemples des 200 critères (minimum) que recherchent Google pour classer un site.

On estime qu’un expert en SEO connaît un maximum de 120 critères, les critères restants ne sont connus que par l’IA de Google. Cette dernière étant en constante évolution, le consultant SEO doit donc s’adapter et se remettre à niveau très régulièrement.

Le consultant SEO a donc pour mission d’optimiser votre site internet pour correspondre aux standards de Google. Ceci afin de proposer aux utilisateurs une bonne expérience sur internet. A l’opposé donc des démarchages intempestifs ou des sites internet illisibles.

le métier de consultant SEO

Le salaire d’un consultant SEO

Le consultant SEO est généralement en Freelance. En début de carrière, il peut ainsi gagner entre 1 600 et 2 100 euros par mois Cependant, un expert en SEO peut facilement gagner beaucoup plus.

Le métier de consultant SEO vous tente ? N’hésitez pas à consulter nos pages sur le référencement web pour en savoir plus (ou nous rejoindre 🙂 ).

Le métier de développeur web

Dans cet article, nous vous présentons le métier de développeur web. A quoi correspond le métier de développeur web ? Quelles sont ses missions ? Quel est son salaire ?

développeur web à Amiens

La demande en développeur web

Le code est maintenant partout et en plus, il est facile de s’y former ! Il est accessible à tous, sans aucune connaissance préalable.

Autrefois externalisé, le développeur web est devenu un véritable métier stratégique dans les entreprises. Le Harvard Business Review explique que “les compétences en développement deviennent une clef de différenciation” pour elles. Les développeurs sont les personnes donc les plus recherchées du numérique : il en manque plus de 25 000 par an en France !

En plus d’être recherchés, le métier de développeur web est gratifiant : c’est grâce à vous qu’une entreprise peut proposer des innovations.

Quiconque contrôle le code, contrôle le monde !

Le métier de développeur

Le métier de développeur web consiste à créer des sites internet, des applications ou encore des logiciels ! Il travaille généralement en équipe dans une agence web ou au sein même d’une entreprise.

Des développeurs sont d’ailleurs maintenant des personnalités connues et reconnues :

Le développeur est la personne qui conçoit, code et développe des projets numériques. C’est pour cela qu’il n’est pas :

  • la personne qui répare un ordinateur ou une connexion internet. Parce que n’est pas un technicien de maintenance…
  • celui qui réalise les graphismes et les visuels d’un site. Parce que n’est pas un infographiste…
  • celui qui anime les réseaux sociaux. Parce que n’est pas un community manager…

En matière de développement web, il est bon de différencier deux types :

  • les développeurs front-end (HTML, CSS, JavaScript…) qui développent ce que l’utilisateur voit.
  • les développeurs back-end (PHP, Python, Java…) qui développent ce que l’utilisateur ne voit pas (l’envoi d’email, la gestion d’un paiement sécurisé, une interface de connexion…)

Un développeur web peut être spécialisé dans un langage de programmation ou un domaine. Il existe aussi des particularités comme développeur UI / UX (Interface Utilisateur et Expérience Utilisateur). Ce dernier réfléchit pour que l’utilisateur passe un bon moment sur un site ou une application web, en y naviguant naturellement.

Les déclinaisons en matière de développeur web sont infinies !

développeur web à Amiens

Le salaire d’un développeur

Un développeur junior (jeune diplômé) peut percevoir un salaire brut entre 25 000 euros et 40 000 euros (en fonction de sa maîtrise des langages de programmation), en France. Ces salaires peuvent être multipliés jusqu’à trois aux Etats-Unis ou au Canada.

Ce salaire peut rapidement doubler à partir de 5 ans d’expérience.

Le métier de développeur web vous tente ? Alors franchissez le pas, il existe forcément une école ou une formation dans votre ville.

En attendant, vous pouvez consulter notre article sur les langages de programmation web à connaître

Pourquoi faut-il éviter Wix pour son entreprise ?

Surtout : pourquoi Google n’aime pas bien référencer les sites Wix ?

La création d’un site internet pour son entreprise nécessite souvent l’installation d’un CMS (Content Management System).

Le choix d’un CMS se fait après une longue réflexion. Ceci afin d’éviter de se retrouver avec un site qui ne correspond pas à ses besoins. Wix est l’un des systèmes de gestion de contenu les plus faciles à utiliser dans le monde. Il est de plus “gratuit” dans un premier temps.

Malheureusement, il n’est pas le bon choix pour la création d’un site web professionnel.

Wix, c’est quoi ?

Il permet de créer un site web sans disposer d’une connaissance technique. La création de ce CMS remonte à 2016, et à ses débuts, Wix avait beaucoup de soucis.

Aujourd’hui, il a connu de nombreuses modifications qui l’ont amené à un niveau relativement élevé. Wix permet à ce jour de créer des sites avec de beaux designs et leur offre peut sembler attractive. Surtout avec son matraquage de publicité sur internet.

C’est pour cette raison que de nombreuses personnes se tournent vers lui pour leur site internet. Mais les points positifs de Wix ne doivent pas faire oublier toutes les raisons qui en font un CMS non adapté à plusieurs besoins. C’est pour cela que nous vous le déconseillons !

wix c'est le mal

Les points faibles de Wix

Les sites créés avec lui sont difficiles à trouver sur internet, car Google ne les tient pas dans son cœur. En effet, Google se base sur la quantité et la qualité du contenu des sites, comme la présentation des titres. Wix ne permet pas une bonne organisation des titres.

Donc, si Google ne référence pas votre site, il est peu probable qu’il ait une grande visibilité.

D’un autre côté, puisque Wix ne permet pas l’ajout d’une grosse quantité de contenus (textes, photos…) sur les sites. Créer un blog professionnel destiné à recevoir beaucoup de textes est totalement exclu. Par ailleurs, créer un site de vente en ligne sur Wix est une mauvaise idée puisque la gestion de ce genre de site n’est pas bien prise en compte.

En effet, les actions telles que l’ajout de produits à un panier, la commande et le paiement ne sont pas correctement intégrés à ce système. De même, lorsque l’on veut créer un site multilingue, Wix n’est pas le bon choix.

Wix ne donne pas accès aux codes HTML/CSS. De plus, il ne permet pas d’associer une adresse e-mail à son nom de domaine.

Autre point important à retenir sur Wix : le responsive design n’est pas son ami. Ce qui bloque l’accès à votre site à plus de 60% des utilisateurs d’internet.

Les offres payantes permettent de palier certains de ces soucis. Mais dans ce cas il faut compter 80 à 120 euros par mois. Ceci ne permet cependant de résoudre que la moitié des soucis.

En conclusion

Vous devez donc éviter Wix pour votre site professionnel, à cause de toutes ces limitations. Il peut rester un bon choix pour un site personnel.

Cependant, sachez que si vous souhaitez transformer votre site personnel en site professionnel par la suite, il est difficilement possible d’exporter un site Wix vers un CMS plus professionnel.

Envie de partir sur de bonnes bases ? N’hésitez pas à nous contacter !

Les 5 langages de programmation à connaître

Vous souhaitez développer vos propres sites internet ? Mais vous ne savez pas par où commencer ? Vous souhaitez suivre une formation ou intégrer une école mais vous ne savez pas quels cours suivre ? Voici les 5 langages de programmation à connaître pour créer des sites modernes !

HTML et les langages de programmation web

HTML

Créé en 1993, avec les premiers sites web, l’HyperText Markup Langage est alors la base de tout site internet. Sa structure simple en balises permet ainsi un apprentissage rapide tout en vous laissant de la liberté. Voici un exemple de code :

<html>

<head>

<title>Titre de la page</title>

</head>

<body>

<p>Voici le contenu de ma page !</p>

</body>

</html>

Tout ce qui est contenu dans les balises “html” permet d’afficher la page. Dans le “head”, vous trouverez ainsi les informations qui ne sont pas nécessairement visible par le visiteur. Ensuite dans le “body”, se trouve le contenu à afficher, ici une balise “p” pour créer un paragraphe.

L’apparition des balises “div” a ainsi permis une structuration par “blocs” beaucoup plus ergonomique et pratique.

La maîtrise des balises “div” permettent alors de répondre à une demande actuelle : le responsive design.

CSS et les langages de programmation web

CSS

Les Cascading Style Sheets (créés en 1996) permettent d’embellir vos pages web facilement. Le CSS a ainsi causé l’abandon de l’attribut “style” dans le HTML qui n’était ni pratique ni progressiste.

Un exemple pour signifier que l’ensemble de mes paragraphes doivent être en rouge et justifiés :

p

{

color: red;

text-align: justify;

{

L’intérêt du CSS est qu’il vous permet de changer une donnée qui aura alors un impact sur tout votre code. Cela vous évite de devoir changer chaque instance et ainsi gagner du temps.

Des générateurs de code permettent aussi d’embellir vos sites rapidement.

Il est aussi possible de créer des animations grâce au CSS avec des sites comme TheAppGuruz.

Structurer un site complet grâce au HTML et au CSS tout en répondant au responsive design peut sembler complexe. Cependant Bootstrap permet plus de faciliter. Il est dorénavant indispensable de le maîtriser pour créer des sites modernes (ou tout autre framework s’en rapprochant).

JavaScript et les langages de programmation web

JavaScript

Le JavaScript vous permet de créer plus de dynamisme dans vos pages web. Et ainsi créer des applications web originales.

Changer la couleur d’un texte en le survolant avec sa souris. Agrandir une image en cliquant dessus. Afficher des blocs en scrollant sur son site… Sont le genre de fonctions qui plaisent aux visiteurs, en rendant la navigation sur votre site unique.

Ce code permet par exemple d’afficher une popup demandant au visiteur de valider sa majorité :

if (confirm(‘Pour accéder à ce site vous devez être majeur.’))

{
alert(‘Vous allez être redirigé vers le site.’);
}
else {
alert(‘Désolé, revenez quand vous serez majeur !’);
}

Le site peut ensuite être généré en fonction de son choix. Par exemple, en ne donnant pas toutes les fonctionnalités d’un chat ou d’un forum aux mineurs.

PHP et les langages de programmation web

PHP

Le PHP (Hypertext PreProcessor) est ce que l’on appelle un langage “serveur”. Cela signifie qu’il est traité en amont de l’ordinateur de l’utilisateur : sur le serveur du site internet. Cela permet plus de sécurité que les langages précédent mais surtout une plus grande liberté dans le “dynamisme”.

Par “dynamisme”, nous n’entendons pas la même chose que le “dynamisme” du JavaScript. Ici il n’est pas question de changer les couleurs ou d’ajouter des effets visuels.

Le “dynamisme” du PHP repose sur un changement des informations en fonction de l’utilisateur. Les sites en PHP contiennent généralement un formulaire d’inscription. Celui-ci permet alors au site d’aller piocher ces informations dans une base de données.

Pour faire plus simple :

  • Si vous êtes abonnés à Netflix, votre accès (pouvoir visionner des films…) ne sera pas le même qu’un non abonné (à qui nous proposerons une inscription).
  • Votre fil d’actualité Facebook (ainsi que votre profil) n’est pas le même que celui de vos amis.
  • Vos suggestions sur YouTube dépendent de votre comportement sur ce même site, indépendamment de vos collègues.

La majorité des sites actuels reposent sur du PHP : réseaux sociaux, e-commerce, moteurs de recherche…

Des bases peuvent être acquises sur des sites comme OpenClassroom. Cependant, le PHP nécessite de la pratique pour en connaître toutes les subtilités.

SQL

SQL

Le SQL est le dernier de nos 5 langages de programmation.

Le SQL est le langage qui va vous permettre de communiquer entre votre site en PHP et votre base de données en ligne.

Voici un exemple :

$bdd->exec(‘INSERT INTO utilisateurs(prenom, nom, age, email, mdp) VALUES(‘$prenom’, ‘$nom’, ‘$age’, ‘$email’, ‘$mdp’)’);

Cette requête vous permet d’insérer un nouvel utilisateur grâce à un formulaire précédemment rempli. Le mot de passe doit bien entendu être crypté avant l’enregistrement. Sinon vous pouvez briser les libertés de vos utilisateurs et de ne pas être conforme au RGPD !

En maîtrisant ces 5 langages de programmation, vous serez prêts à vous lancer dans la création de n’importe quel site internet !