Tag: sv

Det är inte ovanligt att människor använder sina mobiltelefoner för att gå på webben istället för en stationär dator. Det är bekvämt, snabbt, lätt att komma åt och kan användas var du än är, perfekt om du behöver leta upp något snabbt. Problemet är att inte alla webbplatser är designade för att användas på en mobil, därför kan de när de används på en mobil skilja sig lite från hur de är tänkta att se ut. De kan till exempel ha bilder eller text på fel ställe, ha knappar som är svåra att trycka på eftersom de är så små eller inte passar skärmstorleken ordentligt.

Det är därför många människor vänder sig till appar istället för bara en webbplats. Många företag har en egen app så även om deras hemsida inte fungerar bra på mobilen så har de appen som går att använda istället. Men problemet med detta är att appar kan ta lång tid att hitta och ladda ner, och det är ofta många steg inblandade för att ladda ner det. Om du behöver söka lite information snabbt på ett företag och du inte redan har appen nedladdad på din telefon kan detta vara ett stort problem.

Det finns flera anledningar till varför människor föredrar appar snarare än webbplatser. En av dessa är att mobil appar bara är mer bekväma, enkla att använda och till och med kan fungera när din telefon inte är ansluten till internet eller inte har någon signal.

Det är dessa fakta som har lockat utvecklare att skapa något som löser dessa problem, och det är där progressiva webb appar kommer in. Progressiva webb appar fungerar ungefär som en app, har samma layout och användbarhet, men de kan nås med en sökning motor eller URL, och behöver inte laddas ner för att användas, vilket tar stegen ur processen. Arbetet för alla användare, oavsett vilken webbläsare eller enhet de använder, öppnar redan marknaden för potentiella användare. De är också alltid uppdaterade tack vare uppdaterings processen för servicearbetare och är säkra att använda tack vare teknik som gör det nästan omöjligt att manipulera. Användare kan behålla sina favorit appar på sin hemskärm utan att behöva använda app butiken och de kan delas med andra eftersom de inte behöver någon komplex installationsprocess för att använda den.

De är en kombination av både appar och webbplatser, eftersom de fungerar bra oavsett vilken internetuppkoppling du har. De uppdateras automatiskt när det finns en uppdatering och kan skicka push-meddelanden till dig. Progressiva webb appar kan nås precis som en webbplats skulle vara, och lika snabbt och enkelt. Vissa människor skulle beskriva en progressiv webb applikation som framtiden, och det verkar troligt att alla snart kommer att använda PWA som en del av sin vardag. Bara tiden får utvisa hur framgångsrika de kommer att bli.

För att lära dig mer om progressiva webb appar, deras fördelar för användare och företag som använder dem (men också några av de nuvarande nackdelarna), var noga med att kolla in den nya infografiken från Skilled.co

Denna blogg är en del av ett samarbete mellan Webdura Technologies och Skilled.co. Vi har samarbetat med skilled.co för att förse dig med några högkvalitativa artiklar som en del av vårt initiativ för kunskapsdelning. 

 

Under de senaste månaderna har vi varit upptagna med att utveckla vår egen revolutionerande produkt. Mitt team och jag bestämde oss för att gå med Meteor på detta eftersom avsikten är att utveckla en multiplattformsapplikation med realtidsuppdateringar som en nyckelfaktor. Tillsammans med Meteor valde vi att gå med React JS för mallen med Meteor för reaktivitet av data. Att arbeta med Meteor har varit en fantastisk upplevelse hittills, men då och då hamnade vi på en vägspärr eftersom det finns mycket begränsad dokumentation om några av funktionerna – Push Notification var en gång ett sådant fall. Vi fick lägga mycket arbetstimmar på att dechiffrera problemet och få det att fungera ordentligt.

Så, på den här bloggen med titeln “Hur man aktiverar push-meddelanden med Meteor JS, kommer jag att dela några viktiga detaljer om hur du kan få push-meddelandet att fungera med Meteor JS-plattformen. Låt oss börja!

Det första steget mot att implementera push-aviseringsfunktionen på Meteor JS är att få projektnumret och API-nyckeln från Firebase-portalen.

Använd följande steg för att få den nödvändiga informationen:

1. Öppna Firebase Utvecklarkonsol.

2. Klicka på ‘skapa projekt’ och ge det ett passande projektnamn.

3. När det är gjort kommer du att kunna se Firebase-översiktssidan. Klicka nu på länken ‘Projektinställning’ som finns uppe till vänster (en del av svävningsinställningarna).

4. Klicka nu på fliken “Cloud Messaging”.

5. Skriv ner ditt avsändar-ID (det ska vara alla siffror) och din servernyckel (har stora och små bokstäver, siffror, understreck och bindestreck).

Låt oss nu komma in på kodningsdelen

Vi har använt “raix/push” för push-meddelandefunktionen. Det första steget är naturligtvis att installera det. Installationsprocessen är som följer:

meteor add raix:push

meteor add cordova:cordova-plugin-device@1.1.5

meteor add cordova:phonegap-plugin-push@1.5.2 Lägg

nu till Push.Configure som en del av klienten inuti Meteor Startup () block av main.js

Push.Configure({

   android: {

     senderID: xxxxxxxxxx,

     alert: true,

     badge: true,

     sound: true,

     vibrate: true,

     clearNotifications: true

     // icon: ”,

     // iconColor: ”

  },

  ios: {

  alert: true,

  badge: true,

  sound: true

  }

});

Dessutom måste du inkludera mobile-config.js också:

   App.configurePlugin(‘phonegap-plugin-push’, {

        SENDER_ID: xxxxxxxxxxxxx

    });

När den här delen är klar lägger du till Push.Configure till servern i Meteor.startup()-blocket i main.js

Push.Configure({

        gcm: {

        projectNumber: xxxxxxxxxxx,

        apiKey: ‘xxxxxxxxxxx’

        }

    });

Försök nu att skicka push-meddelandet:

Följande kod måste inkluderas för att push-meddelandet ska fungera effektivt:

Push.send({

        from: ‘push’,

        title: ‘Push Notification’,

        text: ‘Push Notification text’,

        badge: 1, //valfritt, använd den för att ställa in märkesantalet för mottagaren när appen är i bakgrunden.

        query: {

        // T.ex. skicka till en specifik användare om du använder konton:

            userId: ‘xxxxxxxxxx’

        } // Fråga appCollection

        / / token: appId eller token t.ex. “{ apn: token }”

        // tokens: array of appId’s eller tokens

        // payload: user data

        // delayUntil: Date

    });

 

Vi har slutfört kodningsdelen och nu kan vi testa push-meddelandet. Push-aviseringsfunktionen fungerar bara på mobila enheter, så anslut din Android-telefon (för att få push-aviseringar som fungerar på ios se detta länk) och mata in följande kommando i terminalen:

Meteor kör Android-enhet

Det är allt, din push-aviseringsfunktion bör börja fungera. Hör gärna av dig till mig på Twitter om du stöter på problem. Dela också dina tankar i kommentarsfältet. Glad kodning!!

Canvas-taggar är en integrerad del av HTML5-kodning. Canvas låter användaren rita olika rasterbaserade bilder som geometriska 2D-figurer, ladda bilder och media och ger till och med möjlighet att ta in animationer.

Men för att utnyttja en Canvas-taggar maximalt måste man ha expertis i kodning med JavaScript. Så här kan du rita med canvas:

Använd

<canvas></canvas>

taggen för att skapa ett element. Som standard kommer arbetsytan att ha 300 pixlar i bredd och 150 pixlar på höjden. Du kan ändra detta genom att ändra taggen och specificera dina krav. Till exempel,

<canvas height=”100″width=”200″></canvas>

För att skapa en gräns med Canvas kan man använda sig av CSS. Exemplet nedan kan användas som referens:
<style>
canvas { border:1px solid #333; }
</style>

För att få detta att fungera med JavaScript måste användaren skapa ett ID. När det är gjort kommer du att kunna behålla det som referens.
<canvas height=”100″width=”200″id=”demoCanvas”></canvas>

Infogar arbetsytans ID i en variabel:

<script type=”text/javascript”>
var canvasID = document.getElementById(“demoCanvas”);
</script>

Ändra arbetsytan till 2D eller 3D:
Använd

var canvas = canvas.getContext(“2d”);

att skapa en duk efter ditt behov. När du har fått en referens till din Canvas, infoga ett koncept och du är redo att rita.

Hur kan du uppnå några grundläggande former med Canvas?
Se taggarna nedan för att skapa några grundläggande former:
Dra ett streck:

var c = document.getElementById(“lineCanvas”);
var ctx = c.getContext(“2d”);
ctx.moveTo (0,0);
ctx.lineTo (100,100);
ctx.stroke ();

Text med streck:

var c = document.getElementById(“strokeCanvas”);
var ctx = c.getContext(“2d”);
ctx.font “25px arial”;
ctx.strokeText (“Canvas”,10,30);

Laddar bilder:

var myImage = new Image();
myImage .src = “logo.jpg”;
myImage .onload function() { context.drawImage(myImage, 30, 15, 130, 110); }

Ett Canvas-element kan också användas för att rita gradienter och skuggor för att skala, rotera och transformera de skapade formerna. Man kan vara nyfiken på vad som är så speciellt med Canvas i ActionScript- och Flash-teknikens tidevarv?

Här är några bra anledningar till att använda Canvas:

• En av de viktigaste anledningarna är att Canvas, som en del av HTML5-plattformen, är helt gratis. Användare behöver inte spendera pengar på dyr programvara som “Adobe Flash” för att börja koda. Canvas ger en fantastisk möjlighet för utvecklare att lära sig nya saker eftersom det är synligt i kärn källan till en webbplats utvecklad med HTML5.
• Med Canvas kunde användaren helt enkelt börja koda och se resultatet visas i webbläsaren. Det finns inget krav på att någon plugin ska installeras först, som Adobe Flash Player.
• Dagens teknik gör det möjligt för en webbläsare att överföra grafikintensiva uppgifter till en GPU för omedelbar bearbetning istället för att överanstränga processorn. Detta ger användaren stora prestanda vinster när han använder Canvas.

Fördelar med att använda Canvas:

Fördelarna med att använda Canvas-element är många. Några av de viktiga inkluderar möjligheten för element att fungera på vilken HTML5 webbläsare som helst. Eftersom det är en del av HTML5-plattformen är det enkelt att skapa bitmappsgrafik och vektorer på skärmen. Canvas har förmågan att rendera bilder och det kräver inte analys av JavaScript. Canvas är textbaserat och kan läsas av alla sökmotorer, vilket skapar en inverkan på SEO också. Canvas erbjuder plattformsoberoende funktionalitet eftersom det fungerar på både Android- och iOS-enheter också.

Nackdelar med att använda Canvas:

Nackdelarna med att använda Canvas är att det inte längre stöds av versioner före IE9. Om JavaScript-alternativet är aktiverat i webbläsaren, kommer Canvas att skapa en tom. Det finns heller inget alternativ att klicka på enskilda objekt; endast hela elementet kan väljas.

Slutsats:

Canvas är en av de mest eftertraktade funktionerna i HTML5. I synk med JavaScript ger Canvas-element ett stort utbud av former och former. Det är ett mycket kraftfullt verktyg, särskilt för unga utvecklare eftersom det är en öppen källkods plattform och det krävs inga investeringar. Den har förmågan att turboladda tråkiga former till rika, underbara animationer.

Jag ser mig själv som en teknisk evangelist, som ständigt anstränger mig och tar timeout från mitt personliga schema för att hålla mig synkroniserad med den senaste utvecklingen inom teknikvärlden. Under de senaste åren har jag ständigt funderat på vad nästa stora boom i teknikvärlden kommer att bli efter smartphone-revolutionen. Jag har äntligen ett svar på detta – Augmented Reality och Virtual Reality. Båda koncepten genomgår snabba framsteg och vi väntar oss några mega överraskningar med tanke på de investeringar som görs av konglomerat på båda domänerna.

VIRTUELL VERKLIGHET OCH ÖKAD VERKLIGHET – ÄR BÅDA SAMMA?

Det enkla svaret i NEJ. Augmented Reality och Virtual Reality är olika på sina speciella sätt. Virtual Reality, idag, definieras huvudsakligen av användningen av en huvudmonterad växel som simulerade en virtuell miljö för en användare att uppleva. Stödjande moduler som styrplattor och joysticks ger en interaktiv känsla av att användaren bor rakt in i den virtuella världen. Användaren har möjlighet att interagera med virtuella element och känna att en ny värld utvecklas runt sig. Några av de mer kända utvecklarna på området inkluderar Oculus Rift och HTC Vive.

Virtual Reality, eller med andra ord uppslukande multimedia, har varit en stor hit bland vanliga teknik entusiaster, särskilt inom spel gemenskapen. Konceptet gör intåg i utbildningssektorn över hela världen eftersom forskning har visat att studenter reagerar positivt på virtuellt baserade studieprotokoll snarare än att bara lära sig av böcker. Till och med arkitektbranschen drar nytta av detta koncept som ännu inte är designat. Mega urbana projekt omvandlas först till den virtuella sfären för att kunderna ska få en känsla av den övergripande miljön. Konceptet är lovande och ytterligare modifieringar och implementeringar kommer att göra konceptet mer tillgängligt för gemene man och kommer säkerligen att vara en del av vårt dagliga liv inom en snar framtid.

Låt oss nu fokusera på Augmented Reality. Detta koncept skiljer sig något från Virtual Reality, både när det gäller de system som används och de faktiska användning kriterierna. Augmented Reality kan bättre definieras som maskinernas förmåga att ge användaren en upplevelse av en produkt/tjänst innan den faktiskt gör den slutliga investeringen. Till exempel har många smartphones idag, de flesta av dem som är superdyra, funktionen Augmented Reality. Detta möjliggör konceptet att lägga över bilder och/eller element som en del av den omedelbara verkliga omgivningen.

Project Tango, författat av Google, är ett av de mer välkända koncepten inom domänen. Hårdvarudelar av det handlar främst om en lämplig processor, inmatningsenheter, adaptiv display och sensorer. Augmented Reality fungerar utmärkt för fastighets- och e-handelssektorn. En potentiell bostadsköpare kan uppleva sitt nya hem i form av Augmented Reality för att få en verklig känsla av platsen. En person som är intresserad av att skaffa en ny möbel skulle kunna använda sig av denna teknik för att virtuellt distribuera möbeln i den verkliga världen för att se om den passar den plats han/hon väljer.

En annan viktig aktör inom Augmented Reality är Microsofts HoloLens. HoloLens, även känd som Project Baraboo, är ett par smarta glasögon för blandad verklighet. Konceptet är inte välkänt för den globala publiken eftersom förproduktions versionen för närvarande säljs i USA och Kanada, och även det för 3000 US$. Enheten innehåller en tröghet mätenhet (IMU), fyra sensorer för att förstå miljön, kamera med 120×120 graders synvinkel, en 2,4 MP video kamera, mikrofoner och en sensor för omgivande ljus. Konceptet arbetar Microsoft på i snabb takt och fler framsteg förväntas under de följande månaderna.

FRAMTIDEN FÖR UTVECKLARE

Som tidigare nämnts i denna blogg görs det massiva investeringar både i Augmented Reality och Virtual Reality. Att gå “virtuell” är det nya modeordet i branschen. Många företag försöker implementera intressanta funktioner och distribuera produkter baserade på de två koncepten och är på överdriven rekrytering. En enkel sökning på Google ger dig massor av lediga jobb på domänen. Jag rekommenderar starkt att utvecklare tar sig tid att få praktisk kunskap om de två koncepten för att bredda omfattningen av din framtid. Till att börja med föreslår jag att du bekantar dig med följande verktyg:

https://www3.oculus.com/en-us/dk2/

https://developer.oculus.com/

https://www.microsoft.com/microsoft-hololens/ sv-se/developers

https://developer.microsoft.com/en-us/windows/holographic/install_the_tools

Augmented Reality och Virtual Reality kommer att omdefiniera framtiden. Det skulle bara vara vettigt för utvecklare att vara tidiga användare av detsamma. Teknik väntar på ingen och bara chanstagare kan göra det stort. Framtiden är din, gör det bästa av den!

Hoppas ni alla har gillat den här bloggen. Dela gärna med dig av dina tankar och kommentarer. Du når mig på https://twitter.com/shemeermali.

GraphQL är ett av de modernaste sätten att bygga och fråga API:er. Med GraphQL kan användaren ringa ett enda anrop för att hämta den information som krävs snarare än att konstruera flera REST-förfrågningar för att hämta densamma. GraphQL är ett huvudsakligen ett språk som används för att ta emot exakta data baserat på dina frågor. Ta till exempel en titt på frågan nedan.

{
viewer {
login
bio
organizations(first: 3) {
edges {
org:node {
name
}
}
}
}
}

Frågan ovan genererar ett svar genom att hämta användarens inloggning och biografi tillsammans med information om de tre första organisationerna:

{
"data": {
"viewer": {
"login": "abctest",
"bio": "sample test",
"organizations": {
"edges": [
{
"org": {
"name": "company"
}
},
{

“org”: {
“name”: “Atom”
}
},
{
“org”: {
“name”: “sample name”
}
}
]
}
}
}
}

GitHub och GraphQL

GitHub använder GraphQL eftersom det erbjuder mer flexibilitet för utvecklarna. Möjligheten att exakt generera informationen som en användare vill ha är en stor fördel jämfört med att skicka flera REST-samtal för att ta emot samma. För att generera informationen baserat på ovanstående exempel genom att använda REST-anrop skulle det krävas en tvåstegs process – en för att samla in användarens information och den andra för att hämta informationen om den organisation som användaren är associerad med. GraphQL hjälper till att lindra denna tvåstegs process.

GraphQL är ett av de nyare app utvecklingsverktygen som ska genereras från Facebooks interna bibliotek med öppen källkod. GraphQL är en specifikation med användningsaspekter kopplade till flera välanvända språk och är inte ett heltäckande ramverk, verktyg eller bibliotek. En officiell referens implementering finns tillgänglig som är skriven i Javascript tillsammans med andra populära bibliotek för Ruby, Java, Python och PHP för att göra det enklare för potentiella användare.

GraphQL är bra för utvecklare

Det skulle vara klokt för alla utvecklare, oavsett om det är de som är bekanta med React, Angular, Ember, iOS eller Android, att ta sig tid och lära sig om GraphQL och att sakta men stadigt börja använda det. Det finns många gemenskaper som erbjuder stöd till nybörjare som använder GraphQL. Några få är Slack kanal, Apollo och GraphQL GitHub-organisation. Se till att besöka deras portaler för uppdateringar och support innehåll.

Rest Just Doesn’t Cut It

Ta en titt på bilden nedan så får du en bättre bild:

GraphQL är ett lager mellan servrar och klienter som är mycket mer intrikat och effektivt än vad REST skulle kunna ge. Jag skulle uppmana dig att besöka länkarna nedan för mer information:

• Från REST till GraphQL av Jacob Gillespie
• GraphQL på The Financial Times av Victor Charypar
• Affärsfallet för GraphQL av James Baxley III
• Anta GraphQL av Arunoda Susiripala

Många andra alternativ finns också. En enkel sökning på Google ger dig en mängd webbplatser och bloggar som stödjer användningen av GraphQL och dess betydelse.

Du använder redan GraphQL

GraphQL är grundläggande för hur Facebook fungerar. Med över en miljard aktiva användare, är det säkert att säga att att använda Facebook bokstavligen betyder att använda GraphQL. Facebook började använda GraphQL 2012, långt innan det öppnades i juli förra året. Sedan dess har det skett en snabb tillväxt när det gäller antalet utvecklare som använder GraphQL och dess associerade gemenskaper. Många företag vänder sig nu till GraphQL eftersom de förstår dess betydelse och framtidsutsikter.

• REFERENSLISTA:
  
  http://graphql.org/
  http://dev.apollodata.com/react/
  https://code.facebook.com/posts/1691455094417024/graphql-a-data-query-language/

För några dagar sedan fick jag ett intressant telefonsamtal från min vän. Han ställde en fråga – “Har PHP

tappat sin betydelse i dagens programmerings värld? – Jag blev förvånad och frågade honom varför han helt plötsligt tänker på det här. Svaret på det kom i form av en graf, som visas nedan:

Vårt samtal varade i minst en timme. Vi pratade om de nuvarande trenderna i branschen och hur han kunde uppgradera sin kompetens till en professionell utvecklare. Den här bloggen är i grunden avsedd att dela mina tankar om hur en PHP-utvecklare kan göra intåg i programmerings världen och ligga före konkurrenterna.

Jag rådde honom att spendera minst två timmar, utanför arbetstid och dagligen, för att lära sig och förstå den senaste utvecklingen inom området. Personligen tycker jag att det är bäst att ta sig tid tidigt på morgonen för att få igång denna vana. Orolig för din jogging rutin? Tja, du kan alltid hitta tid för det efter jobbet.

Till att börja med, låt oss titta på två huvudpunkter i branschen för att främja din tillväxt – NODE JS och NPM.

Node JS och NPM

Enligt Wikipedia, och jag citerar, “är Node.js en öppen källkod, plattformsoberoende JavaScript-runtime-miljö för att utveckla en mängd olika verktyg och applikationer. Även om Node.js inte är ett JavaScript-ramverk är många av dess grundmoduler skrivna i JavaScript, och utvecklare kan skriva nya moduler i JavaScript. Runtime-miljön tolkar JavaScript med hjälp av Googles V8 JavaScript-motor.”

Uppenbarligen är node ett verktyg för att skriva java-skript på serversidan och NPM (Node Package Manager) är pakethanteraren för nod, mer som en kompositör i PHP-domänen. Jag listar nedan några av fördelarna med node js-plattformen:

• Asynkron – (snabbare)
• Javascript (Samma språk på server- och klientsidan)
• Verktyg (bra verktyg som NPM, Mongo DB, Sails JS, Meteor JS )

Det är tillrådligt att bekanta dig i detalj med fördelarna med att använda node js genom att göra en snabb Google-sökning. De flesta PHP-utvecklare är bekanta med ramverk som Codeigniter, Laravel, Cake php och ZF för att nämna några. På samma sätt har node js-plattformen några ramverk att arbeta med. De är:

• express.js http://expressjs.com/
• sailsjs http://sailsjs.org/
• koajs http://koajs.com/

Express.js är ett väldigt enkelt och lättanvänt ramverk, men personligen föredrar jag sails.js eftersom det fungerar på ett liknande sätt som Codeigniter och Laravel. Jag skulle inte vilja kommentera koa.js eftersom jag inte är bekant med ramverket, men är något som jag ska titta närmare på snart.

Databas 

Även om du har en god förståelse för MySql-plattformen måste man förstå att databas konceptet har genomgått en stor förändring i sin operativa kapacitet för att rymma filstrukturer med stora volymer. Tidigare var majoriteten av den genererade databasen baserad på sql-konceptet, men det finns andra utmanare som Mongo DB, Couch DB och Hadoop. Jag rekommenderar starkt att du släpper din sql-komfortzon och börjar lära dig nya databashanterare direkt. Glöm inte att MySql fortfarande kan användas för små och medelstora projekt och kan fås att fungera tillsammans med Mongo DB.

ES2015 (känd som ES6)

Ett annat koncept att veta mer om är ES2015. Det är den senaste versionen av javascript. Observera att du kan stöta på problem med webbläsarkompatibilitet när du använder verktyget. ES2015 är så flexibel att du kan använda Babel eller TypeScript synkroniserat när det händer. För att veta mer föreslår jag att du går igenom länken nedan:

Resurs-: https://www.codeschool.com/courses/es2015-the-shape-of-javascript-to-come

Front End Frame Works

Man kan hitta många front end-ramverk, men poängen är att alla inte kan läras in i en ögonblick. Jag skulle dock vilja peka på några alternativ som jag tror, ​​framöver, skulle vara trenden i branschen.

React JS

Reactjs är ett gränssnitt bibliotek utvecklat av Facebook. Den följer en fantastisk komponentmetod för frontend-utveckling. Jag tror att React har en fantastisk framtid och det är väldigt lätt att lära sig. Jag kan försäkra dig om att om du är väl bekant med React så kan du enkelt använda React Native för hybrid applikationsutveckling medan aframe-react kan användas för utveckling av virtuell verklighet applikationer. Lär dig mer genom att klicka på länkarna nedan:

Resurs 1-: https://www.codeschool.com/courses/powering-up-with-react

Resurs 2-: http://www.webduratech.com/blog/reactjs-tutorial-for-beginners/

Angular 2

Angular är för närvarande modeordet i branschen. Om du inte har haft en chans att lära dig Angular 1, föreslår jag att du går direkt till Angular 2 eftersom den använder samma drifts komponenter. Det är ett av de mest omfattande och fullfjädrade MV*-ramverken som är tillgängliga för närvarande och har utvecklats av Google.

Även om Angular och React är nyckeln trenderna i branschen, skulle det vara klokt att investera din tid i att lära dig Emberjs och Vue Js också.

Övrigt

Alternativen att lära sig är i princip oändliga. Det är därför det skulle vara en orättvisa om jag misslyckas med att nämna, och även ber er alla, att titta på Gulp, Grunt och Yomen frontends verktyg för att ta steget mot att bli en fullstack-utvecklare.

Hybrid Apputveckling Hybrid Apputveckling

har nyckeln till framtiden och det är absolut nödvändigt att du lär dig det just nu. Det finns tre viktiga verktyg för att utveckla hybrid applikationer – Iconic, Meteor Js och React Native. Mer information om de tre kan hittas genom att gå till länkarna nedan:

• IONIC – http://ionicframework.com/ – Angular
• Meteor JS – https://www.meteor.com/ – ES 2015 eller React JS
• React Native – https://facebook.github.io/react-native/ – React JS

Jag föreslår också att du går igenom en blogg som jag skrev för några månader sedan om vikten av utveckling av hybridappar – http://www.webduratech.com/blog/what-are-hybrid-apps-how-it-can-be-helpful-for-small-business-owners/

 

Virtual Reality-appar

Virtual Reality tar snabbt fart som en av de viktigaste begreppen i programmerings världen. Microsoft och Facebook har redan introducerat sina VR-produkter för massorna. Eftersom det är ett nytt koncept kommer effektiv inlärning av associerade verktyg i VR-domänen att göra dig till en toppklass utvecklad med fantastisk lön.

Mer om VR finns här – https://github.com/ngokevin/aframe-react

Det finns inget slut på lärandet, speciellt för oss programmerare. Vi måste ständigt hålla oss uppdaterade med alla de senaste trenderna i branschen för att främja våra chanser att göra skillnad på området.

Håll ett öppet sinne och anamma förändringarna i branschen. Tänk alltid på att självlärande är det enda sättet att säkerställa att du inte går vilse bland folkmassan.

Följ mig kl https://twitter.com/shemeermali för allt det senaste från programmeringsvärlden. Glad kodning alla!

 

 

 

 

 

 

 

 

 

Förra helgen försökte jag hitta repet för ReactJS SPA (Single Page Application) för att ta reda på den bästa mappstrukturen som kan användas för React js-projekt. Jag kunde inte hitta något på mappstrukturen, men kunde hitta två start-/boilerplate-repos. Jag bestämde mig för att lära mig mer om de två start-/boilerplate-reposen för att själv kunna göra ett exempel på mappstruktur som ska användas i ReactJS-projekt.

1) create-react-app –

Create-react-appen är utvecklad/konfigurerad av Facebook som en del av Facebook inkubator. Det här verktyget hjälper dig att skapa React-appar utan behov av någon bygg konfiguration.

2) generator-react-webpack –

“generator-react-webpack” är en yomen-generator för ReactJS-applikationer och kan användas för att snabbt sätta upp ett projekt tillsammans med karmatest löparen och Webpack-modulsystemet.

 

Jag har installerat create-react-appen i mitt lokala system – den har en mycket enkel installation procedur och kräver ingen konfiguration. Jag föreslår att du går igenom filen “README.md” för att veta mer om installationsproceduren för create-react-app.

 

Jag har skapat en annan repo att implementera sma-react-boilerplate. Du bör se till att repet är klonat för att se de relaterade filerna som visas i bilden nedan. Jag har inte arbetat med att utveckla en CSS för att göra sidan mer attraktiv eftersom den här handledningen bara är en grundläggande demonstration av verktyget.

 

Den “public”-mappen innehåller index.html- och .favicon-filer, och de bör inte röras med. Mappen som kräver vår största uppmärksamhet är “src” – mer känd som “en utvecklares lekplats.” Den här mappen innehåller en index.js-fil, som är ett av kärn elementen i programmet. Den här filen används för att skriva applikationens router egenskaper. Rot(“/”)-routern här pekar mot Home-komponenter så att användaren kan se “Hemsidan” när han försöker ringa.

 

Inuti mappen “src” har jag skapat separata filer för varje sida som Home.js, About.js, Contact.js, etc. Varje fil innehåller en “components”-mapp. Den här mappen används för att behålla komponenterna på varje sida. Du kan hänvisa till Contact.js-filen och kontakt mappen för mer klarhet. Varje mapp kan ha olika komponenter och kan sparas i olika filer.

Slutligen har vi ytterligare tre mappar – “Common”, “layout” och “Forms” – i mappen “components”. Mappen “Common” används för generiska komponenter medan mappen “Layout” används för att spara filer relaterade till sidhuvudet och sidfoten. Mappen “Form” kan nås för element som Textbox, Textarea, etc. Dessa mappar kan betraktas som vanliga komponenter beroende på scenariot.

 

Jag hoppas att du har en allmän idé om att utveckla en exempel applikation och den mappstruktur som är kopplad till den. Dessa enkla koncept kan användas för att utveckla små och stora applikationer, men kom ihåg att de tunga applikationerna kräver en mer modulär mappstruktur. Du kan kontakta mig på https://twitter.com/shemeermali för alla frågor du kan ha om ämnet.

 

Glad reaktiv kodning