Tâches de formation frontales: doodle-place, podcasts Apple, bloqueur de site, analyse des fichiers CSV

Clone de Doodle-place



image



doodle-place est un monde en ligne peuplé de griffonnages animés. Vous pouvez vous promener et voir des griffonnages créés par des utilisateurs du monde entier, ou contribuer.



Qu'allez-vous apprendre en faisant un clone de doodle-place:



  • Utilisation de l'API Canvas en JavaScript pour dessiner des graphiques comme des griffonnages à l'écran.
  • Techniques pour travailler avec des graphiques 2D et l'API WebGL
  • Travaillez avec les entrées utilisateur, telles que les images, et stockez les résultats dans une base de données.


Analyse des fichiers CSV en JSON



Cette application utilise d3-dsv (côté client) pour analyser les fichiers CSV. d3-dsv est un utilitaire inclus avec d3 (une bibliothèque de visualisation de données populaire), mais peut également être utilisé seul, comme illustré ici.



image



Qu'allez-vous apprendre en créant un analyseur CSV vers JSON.



  • Comment travailler avec différentes sources de données (telles que CSV et JSON) et comment analyser des ensembles de données.
  • Vous acquerrez une expérience pratique avec la bibliothèque d3-dsv . Voici la documentation du d3-dsv .


Clone d'extension de blocage de site



Site Blocker est une extension Web qui vous permet de bloquer un ou plusieurs sites en ajoutant un nom de domaine. Gérez votre temps efficacement sans distractions.



image



Ce que vous apprendrez en créant un clone "Site Blocker":



  • Tout ce dont vous avez besoin pour créer des extensions de navigateur
  • JavaScript, HTML et CSS pour la création d'extensions.
  • Travailler avec des sites d'extension dans Chrome / Firefox / Safari.


Notion de clonage



Notion est une application de prise de notes légère, rapide et sans distraction et plus encore. Je l'utilise pour suivre mes tâches et mes idées. Ce que j'aime dans Notion, c'est sa prise en charge du langage de balisage Markdown.



Il n'y a aucune restriction: vous pouvez créer une version de bureau de Notion, ainsi qu'une version mobile ou Web. Choisissez votre environnement préféré (ou celui que vous souhaitez explorer le plus).



image



Ce que vous apprendrez en créant un clone Notion:



  • Si vous voulez aller de l'avant, utilisez Grid en CSS . Grid est fantastique pour créer des mises en page.
  • Travailler avec une base de données. Vous souhaiterez stocker vos notes dans une base de données que vous pourrez interroger plus tard.
  • DevOps. Une fois que vous avez terminé, déployez l'application sur le Web ou l'App Store. Montrez au monde ce que vous avez fait.


Clone de podcast Apple



L' application Podcasts pour iOS et macOS offre un accès facile aux podcasts populaires et émergents à l'aide des icônes de navigation en bas de l'application.



image



Ce que vous apprendrez en créant un clone de podcast:



  • Comment obtenir des données de l'API. Dans le cas de cette application, les données sont représentées par des podcasts. Utilisez cette API pour obtenir tous les podcasts.
  • Comment développer une application de bureau pour Mac OS ou une application iOS et la déployer sur un magasin d'applications. Si vous aimez créer pour le Web, c'est très bien aussi!
  • Construire des interfaces natives. Par exemple, vous apprendrez à afficher des données à l'écran.


image


Apprenez en détail comment obtenir un métier recherché à partir de zéro ou passer au niveau supérieur en compétences et en salaire en suivant les cours en ligne payés de SkillFactory:












All Articles