/js-stack-development/vue-js-development

Vue js Development

Vue js Development

Bij Mindrops gedijen we met het aanleren van, en uit te blinken in, de nieuwste efficiënte technische stacks die beschikbaar zijn. We kregen de gelegenheid te werken aan een breed scala van projecten. Dit hielp ons een sterk team en expertise uit te bouwen in het Vue.js ecosysteem en zo vele complexe toepassingen aan onze verschillende klanten te leveren. We hebben Vue.js met Node.js en Laravel gebruikt als backend. Hier zijn kort, een paar projecten waar we aan hebben gewerkt:

Influencer marketingplatform

Influencermarketingplatform:

Ontwikkeld om bloggers met luxe merken wereldwijd in contact te brengen op een platform en ze een holistische omgeving te bieden om op een samenhangende manier te communiceren en te werken. Met meer dan 5000+ influencers, een relevant publiek van 150 miljoen + per maand en meer dan 3+ miljard afgeleverde impressions op Facebook, Tumblr, Instagram, Twitter, YouTube, Google Analytics en Pinterest is dit platform, een leider in de Influencer Marketing industrie. Mindrops werkt al sinds het begin met hen. We steunden hen in de loop der jaren met hun steeds veranderende vereisten.

HR en online Recruitment Platform:

Voor een bepaalde klant ontwikkelden we een HR platform. Met dit platform hoeft een werkgever niet langer toegang te krijgen tot de resume databases van de gevestigde banenportals. In de plaats betalen ze een kleine vergoeding (in tokens) rechtstreeks aan de werkzoekende en elimineren ze zo de behoefte aan intermediairs. Verder kunnen gebruikers ook tokens verdienen met behulp van dit platform. We waren in staat een volledig functioneel betalingssysteem te implementeren met behulp van het NEM-framework en verwijderden de intermediair uit de rekruteringsindustrie door incentives tussen portefeuilles in de vorm van ""Pleo"" te leveren (een NEM-gebaseerde crypto-valuta)

HR- en online wervingsplatform
HR en online wervingsplatform

Health Care Platform:

Een Health Care-platform voor patiënten en artsen waar gebruikers (patiënten) hun behandelingsgeschiedenis en medische rapporten kunnen indienen en inzien en waar ze een second opinion of een online raadpleging kunnen plannen met een gespecialiseerde arts. Een patiënt kan verschillende plannen selecteren op basis van het type services dat ze nodig hebben. Betalingen voor dit platform worden gemaakt met behulp van online betalingsgateway 'Stripe'.

Events beheersysteem:

We hebben een beheersysteem (portaal) voor evenementen ontwikkeld dat helpt bij het plannen, boeken en beheren van evenementen, vergaderingen, deelnemers, verkopers, coördinatoren en zelf luidsprekers. Deze portaal heeft ook een uitgebreide rapportering. Het doel van dit project was om een Access database stand-alone software te converteren in een web gebaseerde portaal dat gemakkelijk toegankelijk is via verschillende soorten aanmeldingen.

Technologieën die we met bovenstaande platform hebben gebruikt

Vue.js, Nuxt, Nodejs, PostgreSQL, Express, Heroku, NEM Blockchain, Stripe, Netlify, Laravel, Digital Ocean

Hulpmiddelen waarvan Mindrops houdt en die we gebruiken:

  • Vs-code.
  • Eslint
  • Gitlab/Github
  • Sentry
  • garen
  • Pgadmin
  • Webpack
  • Slack/Telegram/Microsoft-teams
Vue.js ontwikkelingsbedrijf

Bibliotheken die we hebben gevonden en gebruikt:

  • Defend
  • Elementuïne
  • Vue bootstrap
  • Lodash
  • Vue2- filters
  • pusher-js
  • vee-validate
  • raaf-js

Vue.js introductie

Vue.js is een open source JavaScript-framework dat wordt gebruikt om interactieve web toepassingen te ontwikkelen. Het is een van het beroemdste frameworks dat wordt gebruikt voor vereenvoudigde web ontwikkeling. Vue.js richt zich op de 'view layer'. Het kan makkelijk worden geïntegreerd in grote projecten voor de ontwikkeling van de front-end, zonder veel gedoe of veranderingen. De installatie voor Vue.js is heel makkelijk. Elke ontwikkelaar, beginner of professional kan in een mum van tijd en eenvoudigweg verscheidene, interactieve web interfaces begrijpen en bouwen.

Vue.js is gemaakt door Evan You, een ex-medewerker van Google. De eerste versie van Vue.js werd uitgebracht in februari 2014. De Vue.js populariteit groeit voortdurend en er zijn geen tekenen van vertraging! In juni 2018 heeft het de hoogste NPM-downloads bereikt sinds lancering - ongeveer 1,6 miljoen maandelijkse downloads. Het heeft onlangs 122,330 sterren geklokt op Github, waardoor het daar een van de meest populaire frameworks is.

Hoogtepunten

Vue-js componenten

Gebaseerd op componenten

Componenten zijn een van de krachtigste kenmerken van Vue.js. Ze helpen u elementaire HTML-elementen uit te breiden en om herbruikbare code in te loggen. Op een hoog niveau zijn componenten aangepaste elementen die in de compiler van Vue.js een bepaald gedrag oproepen. In sommige gevallen kunnen ze ook verschijnen als een native HTML-element dat is uitgebreid met de speciaal attribuut.

Single File Components

Single File Components kapselen de structuur, het styling en het gedrag in, in één bestand. Single File Components is een eenvoudig te begrijpen concept. In het verleden moest je drie afzonderlijke bestanden maken voor je component (en):

  • Één HTML-bestand voor de structuur.
  • Één Javascript-bestand voor het gedrag en dynamische inhoud.
  • Eén CSS-bestand voor de lay-out en de styling.

VUEX (raamwerk voor state management)

VUEX is een state management pattern + bibliotheek voor VUE.JS-toepassingen. Het dient als een gecentraliseerde shop voor alle componenten, met regels die ervoor zorgen dat state alleen op een voorspelbare manier kan worden gemuteerd.

Mindrops-Roadmap-Business-Roadmap

Vue Router (routering)

Vue Router is de officiële router voor vue.j.it ondersteunt:

  • Nest route / view mapping
  • Modulaire, component-gebaseerde routerconfiguratie
  • Routeparams, query, wildcards
  • Bekijk transitie effecten die worden aangedreven door het overgangssysteem van Vue.js

Axios (HTTP-module)

Axios is een op belofte gebaseerde HTTP-client die zowel in de browser als in een Node.js-omgeving werkt. Het biedt eigenlijk een enkele API voor het omgaan met de HTTP-interface van XML http aanvragen en noden.

Als u uw site SEO-vriendelijk wilt maken

Server Side-rendering (Nuxt):

Nuxt.js is een framework voor het maken van Vue.js-applicaties met serverzijde-weergave, code-splitsing, hot-herladen, statische generatie en meer. Het vereenvoudigt de ontwikkeling van universele of single pagina Vue-apps.Nuxt.js ontvreemdt de distributie details van server- en clientcodes, zodat u zich kunt concentreren op de ontwikkeling van de toepassing.

Functies:

  • Maak universele apps zonder het gedoe.
  • Render uw VUE-apps en ontvang alle voordelen van een universele app zonder een server
  • Krijg automatische code splits (pre-gerenderde pagina's)
  • Set-up via de opdrachtregel van de startsjabloon
  • Krijg standaard geweldige projectstructuur
  • Ontvang ES6 / ES7-compilatie zonder extra werk
  • Ontvang Setup met een automatisch updatingsserver voor eenvoudige ontwikkeling
  • Bundeling en mijnen van je JS & CSS
  • Krachtig routeringssysteem met asynchrone gegevens
nuxt-logo

Prerender (vue-ssr-plugin):

Als u alleen SSR onderzoekt om de SEO van een handvol marketingpagina's (bijvoorbeeld /, / over, / contact, enz.) te verbeteren, dan wil u in plaats daarvan waarschijnlijk prerendering. In plaats van een webserver te gebruiken om HTML-on-the-fly te compileren, genereert prerendering eenvoudigweg statische HTML-bestanden voor specifieke routes. Het voordeel is dat het opzetten van prerendering veel eenvoudiger en dat het u in staat stelt om uw front end als een volledig statische site te houden. Als u Webpack gebruikt, kunt u makkelijk prerendering toevoegen aan de Prerender-SSR-plug-in. Het is uitgebreid getest met Vue-apps - en in feite is de ontwerper hiervan, een lid van het Vue-kernteam.

Hoe kunnen we u helpen?

Ons team gedijt op nieuwe uitdagingen en projecten. Heb je een project in gedachten en denk je dat we er waarde aan kunnen toevoegen - neem dan contact met ons op - we horen graag van je. Bel ons op (BE) +32 (0)470 54 11 29 of

Neem contact op
Contact Us