Webdura Dev

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