GraphQL

GraphQL je query (query=upit, google translate) jezik. Query znači u istom smislu kao i query za bazu podataka. Dakle, daj mi određenu tablicu, stupac i...
GraphQL je query (query=upit, google translate) jezik. Query znači u istom smislu kao i query za bazu podataka. Dakle, daj mi određenu tablicu, stupac i redove. Cilj i svrha ovoga je pojednostavniti rad sa REST API-jima. Sa GraphQL API-jem dolazi i vizualno sučelje gdje se može vidjeti schema odnosno arhitektura cijelog API-ja. Primjer Za primjer ćemo koristiti http://api.spacex.land/graphql/ Ako napišemo: {capsules { id }} Dobivamo listu svih "kapsula". { "data": { "capsules": [ { "id": "C105" }, { "id": "C101" }, ... Jednostavno! Hajdemo složiti malo kompliciraniji upit: { capsules { id landings status missions { name } } }...

Typescript – bilješke

Zašto? U jezicima poput C ili Jave imamo tipove varijabli i funkcija koje uvijek moramo deklarirati. A možemo deklarirati i predložak u kojem je određeno...
Zašto? U jezicima poput C ili Jave imamo tipove varijabli i funkcija koje uvijek moramo deklarirati. A možemo deklarirati i predložak u kojem je određeno koji tip datoteke možemo imati u varijabli, funkciji ili strukturi. Koje su prednosti? function hello(mustBeString){ if (typeof mustBeString !== 'string'){ throw 'Argument nije string!'; } } Znači mi sada tu gubimo vrijeme na provjeru tipa argumenta. U typescript-u pišemo ovako: function hello(mustBeString: string){ //... } Isto tako možemo odrediti dozvoljeni tip koji vrača funkcija: function hello(n: number) : number{ return n++; } Znači sada ne moramo provjeravati vrijednost koju nam vrača funkcija. Instalacija sudo apt...

Codeigniter – Seeder

Imamo bazu podataka a projekt nam je u razvoju. Baza je naravno prazna jer nemamo stvarnih korisnika. Seeder nam tu služi kao mehanizam s kojim...
Imamo bazu podataka a projekt nam je u razvoju. Baza je naravno prazna jer nemamo stvarnih korisnika. Seeder nam tu služi kao mehanizam s kojim možemo popuniti bazu podataka sa "lažnim" podacima. Na ovaj način simuliramo realno korištenje projekta. Prije svega, kako pripremiti projekt? Vidi ovdje. Faker Faker je lib koji dolazi sa Codeigniter-om. Njegova svrha je da stvara lažne podatke (fake data). Za testiranje, idemo na http://localhost:8080/ i koristimo "Home" kontroler u "app/Controllers/Home.php" sa ovim preinakama: <?php namespace App\Controllers; use Faker\Factory; class Home extends BaseController { public function index() { $faker = Factory::create(); return $faker->name(); } } Kao što...

Codeigniter – migracija

"Migration" ili migracija je naziv za proces u kojem preko CLI naredbe učitavamo datoteku migracije i po učitanim postavkama, stvaramo tablice/stupce u bazi podataka. Radi...
"Migration" ili migracija je naziv za proces u kojem preko CLI naredbe učitavamo datoteku migracije i po učitanim postavkama, stvaramo tablice/stupce u bazi podataka. Radi se o tome da kada prebacimo projekt na drugo računalo, možemo stvoriti cijeli kostur baze podataka sa CLI naredbom. Pripremimo projekt Da sad tu ne pišem iznova o tome kako pripremiti projekt, sve imate ovdje. Da bi napravili datoteku migracije: php spark make:migration main S ovime dobivamo datoteku: ./app/Database/Migrations/2022-08-07-084359_Main.php Sa sadržajem: <?php namespace App\Database\Migrations; use CodeIgniter\Database\Migration; class Main extends Migration { public function up() { // } public function down() { // } } S...

Redux Toolkit – uvod

Globalni ili "application state" je tema kojom se bavimo danas. U principu stvar funkcionira slično kao built-in React "useContext" hook. Cijeli projekt se nalazi ovdje:...
Globalni ili "application state" je tema kojom se bavimo danas. U principu stvar funkcionira slično kao built-in React "useContext" hook. Cijeli projekt se nalazi ovdje: LINK Ako želimo jednostavno opisati state, možemo reći da se "state" sastoji od varijable i metode. Varijabla je trenutna vrijednost a metoda je funkcija koja postavlja tu trenutnu vrijednost. Ako se varijabla promjeni, komponente aplikacije se prilagođavaju novom state-u. Osim toga, imamo state inicijaciju, odnosno početne (init) vrijednosti state varijabli aplikacije. Prije nego što nastavimo, ne bi bilo loše da bacimo oko na ovu objavu. Pravimo projekt: npx create-react-app moja-redux-aplikacija Instaliramo Redux: npm install --save...

Tehnički katalog

Tehnički katalog za Wild Systems. Katalog sam izradio u Inkscape-u a "rasterske" elemente sam modificirao u Kriti. Sve je u A5 formatu u 300dpi. Slike...
Tehnički katalog za Wild Systems. Katalog sam izradio u Inkscape-u a "rasterske" elemente sam modificirao u Kriti. Sve je u A5 formatu u 300dpi. Slike sam "izrezao" u Inkscape-u sa Huion HS611 tabletom. Slike NASLOVNASTRANICA 1.STRANICA 2.STRANICA 3.STRANICA 4.STRANICA 5.STRANICA 6.STRANICA 7.

Kako instalirati i koristiti React na Linuxu?

Kako instalirati i koristiti React na Linuxu? Trebamo li proširiti svoje frontend znanje sa frameworkom u kojem jednostavno možemo podijeliti elemente web stranice (aplikacije) u...
Kako instalirati i koristiti React na Linuxu? Trebamo li proširiti svoje frontend znanje sa frameworkom u kojem jednostavno možemo podijeliti elemente web stranice (aplikacije) u samostalne komponente? Ovdje pitanje naravno sadržava i odgovor. Isplati li se naučiti React? Problem sa HTML/JS je taj da teško možemo održavati/nadograđivati veće projekte. React nam omogućava da se lakše snalazimo sa komponentama i da lakše povežemo evente preko state-a. Imamo i “build” opciju koja optimizira kod. Komponente možemo kasnije prekopirati u novi projekt i koristiti sa manjim prilagodbama. Osim mobilne, možemo napraviti web aplikacije ili Electron desktop aplikacije. Posao React developera je tražen i...

Codeigniter – registracija/prijava

Prije ovoga bacite oko na ovu objavu. Kod je na github. Cijeli postupak ide ovako: registracija korisnikakorisnik pošalje email i šifruako email ne postoji napravi...
Prije ovoga bacite oko na ovu objavu. Kod je na github. Cijeli postupak ide ovako: registracija korisnikakorisnik pošalje email i šifruako email ne postoji napravi novi korisnički računprijava korisnikakorisnik pošalje email i šifruako email postoji - prijavi korisnika Kod registracije unosimo email, šifru i user id (UUID) u bazu podataka. Kad se korisnik prijavi šaljemo mu (http-only) browser-only cookie. Znači cookie do kojeg se ne može doći sa javascriptom u internet pregledniku. U sesiji (session) dodajmo ključ ["user-logged-on" => 'f750204d-e73d-43e7-a5c2-cff967d233c6']. Na ponovnoj posjeti, provjeravamo (preko cookie-ja) "user-logged-on" iz sesije. Na odjavi, brišemo ključ sesije. U phpMyAdmin (ili preko terminala) pravimo...

Codeigniter – Model

Modelom nazivamo sve ono u PHP (ili bilo kojem jeziku) što radi sa bazompodataka. To su klase, validacija i wrapper funkcije/metode. Prije ovoga bacite oko...
Modelom nazivamo sve ono u PHP (ili bilo kojem jeziku) što radi sa bazompodataka. To su klase, validacija i wrapper funkcije/metode. Prije ovoga bacite oko na ovu objavu i ne bi bilo loše da prelistamo querybuilder dokumentaciju. U CodeIgniteru pristupne podatke unosimo u .env datoteku. #-------------------------------------------------------------------- # DATABASE #-------------------------------------------------------------------- database.default.hostname = localhost database.default.database = ci4_app database.default.username = root database.default.password = root database.default.DBDriver = MySQLi Datoteku modela pravimo sa: php spark make:model User --suffix Datoteke modela su u "/app/Models" direktoriju. Takva datoteka jepovezana s jednom tablicom. Tamo određujemo koji su stupci dozvoljeni: protected $allowedFields = [ "name", "email", ]; Tu imamo...

🗣 You can translate this site using Chrome built-in translator.