Aktivnosti

Aktivnosti (18)

Roadmap2fullstack2020

Roadmap2fullstack2020

Roadmap2fullstack 2020

Roadmap2fullstack 2020 je projekt kojeg provodi udruženje Ho-Ruk i Srednja strukovna škola Silvija Strahimira Kranjčevića u sklopu meet and code inicijative, koja za cilj ima da upozna djecu i mlade ljude uzrasta od 8 do 24 godina sa svijetom tehnologije i programiranja.
Više o inicijativi možete saznati ovdje .
Cilj projekta je srednjoškolcima pokazati koji bi put trebali proći kako bi postali fullstack web developer/ka.

Dana 21.10.2020. u 18h održat će se webinar gdje će mladi moći zajedno sa IT stručnjakom prokomentirati kako postati fullstack developer te postavljati pitanja i razmijeniti iskustva.

Prijave na webinar se vrše putem google obrasca ovdje
Broj mjesta je ograničen

U u slijedećem članku prezentirane su tehnologije koje su potrebne na tom putu.


Programeri - developeri mogu razvijati razne aplikacije poput:
  • web stranica,
  • web aplikacija
  • mobilnih aplikacija i
  • desktop aplikacija
Možda mislite da je potrebno puno toga naučiti kako bi ste mogli raditi nešto od navedenog. Međutim, ako slijedite korake u članku, otkrit ćete kako brzo napredujete.
S jednom osnovnom tehnologijom može se napraviti jednostavna web, mobilna pa čak i desktop aplikacija. Ako ste novi u web programiranju preporuka je prvo naučiti fronted development.
Frontend developeri specijalizirali su se za izgradnju potpuno funkcionalnih korisničkih sučelja web stranice ili web aplikacije.
Ako posjetite bilo koji web site, koristite korisničko sučelje na njemu s kojim komunicirate(kliknite gumb, izbornik, ) sve interakcije, načini učitavanja stranice, način na koji je stranica postavljena, boje, sve vizualne značajke dizajnirao je odnosno razvio i kodirao frontend developer.. Otuda i naziv FrontEnd jer je okrenut prema korisniku.
Web aplikacija ima najmanje dvije komponente. Frontend s kojim korisnik komunicira i Backend koji se ne vidi , ali kada komunicirate s web site-om kada kliknete gumb za prijavu, ti se podaci, korisničko ime i lozinka zapravo šalju na stražnju stranu -end, računalnog sustava a software uzima te podatke i provjerava "da li je ovo korisničko ime ili lozinka ispravno?"
Kada se upiše adresa stranice tada se zapravo traže podaci o stranici odnosno backend odrađuje sljedeće:
"aha, korisnik želi vidjeti stranicu, u redu, pošalji podatke na frontend". Dakle, frontend i backend zajedno rade na izgradnji cijele web stranice odnosno web aplikacije. Frontend developer se brine o tome kako funkcionira korisničko sučelje, kako funkcionira interakcija i kako izgleda web stranica. S druge strane backend developer piše kod koji upravlja protokom podataka, sprema informacije, ažurira informacije, čita podatke i briše podatke, a također upravlja dopuštenjima pristupa podacima.
Ako ste novi u razvoju, prvo naučite frontend razvoj, a zatim izgradite svoje backend razvojne vještine.

Frontend development kao prvi korak u putu prema fullstack web developeru.


Frontend development je lakše razvijati jer se razvijaju već poznata korisnička sučelja slična onima na koje ste navikli. Ima se osjećaj da se radi nešto poznato.
Frontend programeri danas su više traženi, što povećava šanse za zaposlenje.
Prve vještine koje je potrebno naučiti kako bi se krenulo sa fronted develompentom su ovladavanjem HTML i CSS tehnologijama.

Frontend development (HTML i CSS)

HTML je kratica za "HyperText Markup Language". HTML je markup jezik, a ne programski jezik koji pomaže u strukturiranju web stranice.
HTML i CSS se mogu usporediti s izgradnjom kuće.
Prilikom izgradnje kuće prvo se se postave okviri kuće tj. struktura koja će kuću držati stabilnom. Isto tako u razvoju web-a, HTML-om se postavljaju okviri i struktura web stranice.
CSS je sljedeća tehnologija koju je potrebno naučiti. CSS je skraćenica od Cascading Style Sheets. U usporedbi sa gradnjom kuće, CSS se može zamisliti kao dizajner interijera i exterijera. CSS-om se uređuje sam izgled i raspored stranice, odnosno stil kojim će se prikazati HTML elementi. CSS omogućuje primjenu jednostavnih interakcija, efekata lebdenja, boja i naprednog izgleda. Daje puno više moći pri izradi stranice i dodaje vizualnu privlačnost web site-u.

JavaScript

Kada se posjeduju osnove web dizajna sljedeći korak je naučiti programski jezik JavaScript.
JavaScript je skriptni jezik kojim možemo kreirati dinamičke web stranice. Dinamičke web stranice omogućavaju međudjelovanje s korisnikom, upravljanje web preglednikom ili dinamičko kreiranje web stranice. JavaScript se izvodi na klijentskom računalu i može se izvoditi u svim modernim web preglednicima.
Neke od prednosti JavaScripta su:
  • Manja potreba za komunikaciju sa serverom. Može se provjeriti ispravnost podatka prije slanja stranice na server. To smanjuje promet prema serveru.
  • Trenutni odziv korisniku. Korisnik ne treba čekati da se stranica ponovno učita kako bi vidio je li zaboravio unijeti neki podatak
  • Povećana interaktivnost. Moguće je kreirati sučelje koje reagira na korisnikove akcije tipkovnice ili miša.
  • Bogatije sučelje. Možete koristiti JavaScript za uhvati i pusti komponente ili animirati bogatije sučelje prema korisniku.

Kada se savladaju osnove JavaScript-a, potrebno je naučiti primijeniti neke popularne library-e i frameworke koji će ubrzati implementaciju.
JavaScript se može usporediti sa čekićem. Čekićem se može nešto raditi dok library-i i framework-ci mogu biti kao električni alati, odnosno može mnogo više i brže uraditi.
Library-i i framework-ci JavaScript-a izgrađeni su u JavaScript-u, ali su im dodane značajke sustava koji pomažu ubrzati posao. Baš kao što će i električni alati pomoći da se uradi više uz manje napora i to brzo.
Postoje brojni library-i i framework-ci ali njih par se posebno ističe i smatraju se standardom u IT industriji. Njih je potrebno obavezno naučiti na putu ka fullstack developeru.

JQuery

Prva i najvažnija biblioteka koju je potrebno naučiti nakon što se savladaju osnove JavaScript-a je jQuery.
jQuery je lagani JavaScript library koji se u usporedbi sa čistim JavaScript-om može usporediti kao: "piši manje, čini više".
Svrha jQueryja je znatno olakšati upotrebu JavaScript-a na web stranici.
jQuery uzima puno uobičajenih zadataka koji zahtijevaju mnogo redaka JavaScript koda i umotava ih u metode koje možete nazvati jednim retkom koda.Također pojednostavljuje mnoge složene stvari iz JavaScript-a, poput AJAX poziva i DOM manipulacije.

React /ili Angular

Angular i React su JavaScript framework-ci koji strukturiraju izgradnju moderne web aplikacije, odnosno pomažu u izgradnji cijele aplikacije.
React library, kreirana od strane Facebook-a i izašla je kao tehnologija za izgradnju dinamičkih korisničkih interfejsa (UI). React je baziran na JavaScript-u i JSX-u (PHP ekstenzija). JSX se koristi za razvoj HTML-a za višekratnu upotrebu i za dalju implementaciju u front-end razvoju. React je najpopularniji među JavaScript library-ima i često se naziva najboljom Javascript library/frameworkom.
React se koristi i u web development-u i u mobile development-u. Međutim, za mobile development potrebno je da bude povezan sa Cordovom, što više, za razvoj mobilnih uređaja postoji dodatna biblioteka - React Native. React se može koristiti za izradu web site-ova sa jednom stranicom, kao i web site-ove sa više stranica.
Angular framework razvio je Google, prvi put je objavljen 2010. godine kao AngularJS zasnovan na JavaScript-u, jednom od najpopularnijih programskih jezika, zbog toga i ima u nazivu sufiks JS. U trenutku izdavanja, prepoznatljiva karakteristika Angulara-a bila je mogućnost pretvaranja HTML dokumenta u dinamični sadržaj, što je utabalo put njegovom daljem uspehu i razvoju. Šest godina kasnije, 2016. godine, Angular je imao potpuni preobražaj. Google je ponovo ispisao kompletan framework pomoću TypeScript-a, relativno novog programskog jezika.
Angular je pogodan i za web development i za mobile development. U mobile development-u, međutim, veliki dio posla obavlja Ionic. Angular, kao i React, ima dodatni library za mobile development. Nasuprot React Native-a je NativeScript.
Angular se takođe može koristiti za web-aplikacije sa jednom ili više stranica.

Backend


Tipične tehnologije koje se koriste u backend razvoju su PHP, Java, C#, Python, Ruby, itd. Ali ukoliko se poznaju osnove frontend developmenta odnosno JavaScript-a onda je svakako najbolje izabrati node.js kao prvu backend tehnologiju za naučiti.

Node.js

Node.js je tehnologija koja omogućuje JavaScriptu da postane backend programski jezik, odnosno da se JavaScript može izvoditi na serveru . Node.js koristi asinkrono programiranje!
Node.js pokreće jednonitni, neblokirajući, asinkroni program, što je vrlo memorijski učinkovito.
Node.js može generirati dinamički sadržaj stranice.Može stvarati, otvarati, čitati, pisati, brisati i zatvarati datoteke na poslužitelju Može prikupljati podatke o obrascima, dodavati, brisati, mijenjati podatke u bazi podataka.

ExpressJS

Express je aplikacijski framework za node.js, namijenjen je za izradu aplikacija i API-a sa JavaScript-om
Express nudi minimalno sučelje za izradu aplikacija te pruža alate potrebne za izgradnju aplikacije. Fleksibilan je i koristi brojne module sa npm a koji se mogu izravno priključiti na Express.
Osoba koja zna raditi sa frontend i backend tehnologijama naziva se Fullstack developer i vremenom može postati software-ski arhitekt jer poznaje kako stvari funkcioniraju u oba dijela.To naravno dolazi sa iskustvom.

Zaključak

Ukratko smo pokušali objasniti koji bi put bio odnosno kojim tehnologijama ovladati kako bi se postao fullstack developer. Postoje i drugi načini koji se razlikuju u backend dijelu jer se koriste druge tehnologije ali frontend je zajednički svima.
Predloženi roadmap je izabran iz razloga što se i u frontendu i backendu koristi ista tehnologija odnosno JavaScript te je prijelaz mnogo lakši nego kad se treba učiti novi programski jezik.
Tečaj za radioamatere

Tečaj za radioamatere

Udruženje HO-RUK u suradnji sa Srednjom strukovnom školom Silvija Strahimira Kranjčevića i Zajednicom radioamatera Herceg-Bosne organizira tečaj za radioamatere.

Radioamaterizam je hobi unutar tehničke kulture kojim se bavi oko 6 milijuna ljudi širom svijeta. Radio operator odnosno radioamater, koristi suvremenu radijsku opremu za komunikaciju s ostalim radioamaterima za javne potrebe, rekreaciju ili vlastito unapređenje.
Radioamaterski operatori održavaju bežičnu komunikaciju s prijateljima, članovima obitelji ili pak potpunim strancima, te često pomažu svojim zajednicama u svrhu održavanja komunikacija u kriznim situacijama (nesreće, katastrofe), a usput povećavaju svoje znanje radijske i elektroničke teorije.

Prijaviti se mogu svi stariji od 12 godina.
Prijave se vrše putem e-maila:This email address is being protected from spambots. You need JavaScript enabled to view it. ili osobno u Školi u kabinetu elektronike.
Rok za prijavu je 15.03.2020.

Cijena tečaja i dobivanja dozvole iznosi 25 KM.
Uspješno položen radioamaterski ispiti

Uspješno položen radioamaterski ispiti

Iako je nastavna godina završila, Srednja strukovna škola Silvija Strahimira Kranjčevića i Udruženje HO-RUK nastavljaju s projektima. U okviru projekta Razvoj radioamaterizma, učenici Škole su proteklog vikenda u Širokome Brijegu polagali radioamaterski ispit klase CEPT2 u organizaciji Zajednice radioamatera Herceg Bosne. U izvanrednim situacijama poput zemljotresa, poplava, itd., redoviti sustavi komunikacije lako zakažu, a kako je radioamaterski sustav veza do određene mjere samoodrživ, tada radioamateri često pružaju uslugu prosljeđivanja poruka u svojim zajednicama. Cilj projekta je pobuditi interes mladih za elektroniku i tehniku, omogućiti području Grada Livna radioamatersku vezu prema svijetu te opremiti partnere u projektu odgovarajućom opremom. Uz Školu, partneri na projektu su Gorska služba spašavanja Hercegbosanske županije, DVD Sv. Ana - Lištani te Zajednica radioamatera Herceg Bosne. Projekt se provodi uz potporu Federalnog ministarstva razvoja, poduzetništva i obrta.
Prvi ljetni kamp tehničke kulture Livno 2019

Prvi ljetni kamp tehničke kulture Livno 2019

Edukacijski razvojni park Ho-Ruk u suradnji sa Srednjom strukovnom školom Silvija Strahimira Kranjčevića i Narodnim sveučilištem Livno, organizira prvi ljetni kamp tehničke kulture .
Profesionalno osmišljene radionice temelje se na principu “uradi sam” pokusu/radionici, poticanju samostalnog razmišljanja, povezivanja i zaključivanja. Na radionicama odgovori se ne dobivaju nego se do njih treba samostalno doći. One su pravo mjesto za vaše dijete s tisuću pitanja.
Tijekom kampa održat će se radionice/posjete iz sljedećih područja:
Naziv radionice Dobna skupina
Robotika (microbit, boson i mBot) Od 7 do 12 g.
Robotika (Arduino i Raspberry Pi) Od 13 do 18 g..
Elektronika (izrada jednostavnih elektroničkih sklopova) Od 7 do 18.g.
3D modeliranje i printanje Od 10 do 18.g..
Osnove programiranja (python, c/c++) Od 13 do 18.g.
Izrada web stranica (HTML, CSS, wordpress) Od 13 do 18.g.
Osnove astronomije (promatranje neba i gledanje kroz teleskop) Od 7 do 18.g.
Posjeta aeroklubu Livno – predavanje o aeronautici Od 7 do 18.g.
Posjeta tehnološkom parku Linnovate Od 7 do 18.g.
Posjeta konjičkom klubu Livno Od 7 do 18.g..
Prijave se vrše OVDJE ili putem web obrasca na stranici Parka www.horuk.ba.
Radionice u kampu će se organizirati kroz sedmi mjesec sukladno broju prijava.

Cijena kampa je 50 KM.

Mjesto održavanja:Srednja strukovna škola Silvija Strahimira Kranjčevića

Vrijeme održavanja: 15.srpnja do 26.srpnja 2019.g. u vremenu od 9-12h.

Napomene:
Broj mjesta je ograničen na 12 djece po radionici, stoga požurite.
Kamp za brata ili sestru polaznika/ce je besplatan!
U cijenu su uključene sve radionice i posjete sukladno dobnom ograničenju.

Prijave su otvorene do nedjelje 14.srpnja 2019.g.

Za dodatne informacije možete se obratiti putem facebook stranice Eukacijskog razvojnog parka HO-RUK i This email address is being protected from spambots. You need JavaScript enabled to view it.
prakticna elektronika

Realiziran projekt praktične elektronike

Edukacijski razvojni park HO-RUK u suradnji sa Federalnim ministarstvom razvoja, poduzetništva i obrta u proteklom razdoblju je organizirao radionice u kojima su mladi upoznati sa osnovama rada elektroničkih elemenata te načinom izrade elektroničkih sklopova. Radionice su pohađali učenici livanjskih osnovnih i srednjih škola. Za realizaciju projekta nabavljena je oprema za lemljenje, elektroničke komponente, mjerni instrumente i oprema za izradu tiskanih pločica. Spomenuta oprema postavljena je u kabinet Elektronike u Srednjoj strukovnoj školi Silvija Stahimira Kranjčevića u Livnu. Te se sada koristi u redovnoj nastavi radioničkih vježbi i elektronike a vikendom i poslije nastave je na raspolaganju Udruženju HO-RUK. Radionice su se održavale u prostorijama Škole a na njima je sudjelovalo 15 učenika livanjskih osnovnih i srednjih škola. Realizacijom projekta ispunjen je glavni cilj projekta a to je popularizacija STEM zanimanja kao i to da su polaznici naučili izrađivati vlastite elektroničke sklopove
Praktična elektronika

Praktična elektronika

U današnjem svijetu okruženi smo elektroničkim napravama sa svih strana. Većina korisnika ne zna kako i zašto uopće rade, a još manje kako bi izradili neke vlastite. Ipak, za one koji bi se htjeli bolje upoznati sa svijetom elektronike shvatiti i isprobati kako stvari funkcioniraju, Edukacijski razvojni park HO-RUK u suradnji sa Federalnim ministarstvom razvoja, poduzetništva i obrta organizira radionice u kojima će upoznati polaznike sa osnovama rada elektroničkih elemenata i naučiti ih izrađivati elektroničke sklopove.

Radionice se sastoje od teoretskog i praktičnog dijela. U teoretskom dijelu obradit će se osnove elektrotehnike, upoznavanje s temeljnim elektroničkim elementima (otpornici, kondezatori, diode, tranzistori, integrirani krugovi...)

Praktični dio prati teoretski te je posvećen mjerenju električnih veličina, simulaciji elektroničkih krugova na računalu, tehnologiji lemljenja i izradi tiskanih pločica.

Radionice će se održavati u Srednjoj strukovnoj školi Silvija Strahimira Kranjčevića u Livnu svake subotom u vremenu od 10:00 do 12:00 do kraja polugodišta, a namijenjene su svim zainteresiranim učenicima osnovnih i srednjih škola. Radionice kreću sa radom 24.studenoga 2018. Zainteresirani polaznici se mogu prijaviti putem web obrasca dostupnog na stranicama udruženja horuk.ba a broj polaznika ograničen je na 15.

Pored navedenih aktivnosti cilj projekta je polaznicima proširiti znanja o praktičnoj primjeni elektronike i izrađivati elektroničke uređaje po vlastitom izboru te popularizirati STEM zanimanja.

Održana završna Arduino Playground radionica

Održana završna Arduino Playground radionica

Tijekom prosinca i siječnja Edukacijski razvojni park HO-RUK organizirao je Arduino radionice u sklopu Arduino playground projekta. Polaznici radionica imali su priliku naučiti osnove programiranja i elektronike pomoću Arduino platforme. Radionice su vodili maturanti Srednje strukovne škole Silvija Strahimira Kranjčevića, odjel tehničara za računarstvo pod mentorstvom prof.Perića. U četvrtak 25.siječnja održana je finalna radionica u kojoj su polaznici na natjecanju imali priliku pokazati stečeno znanje a svi polaznici radionica nagrađeni su Arduino kompletima. ARDUINO PLAYGROUND radionice održane su pod pokroviteljstvom Federalnog ministarstva razvoja, poduzetništva i obrta s ciljem uvođenja mladih u svijet elektronike i programiranja te popularizacija STEM zanimanja. Galerija slika

Poziv za sudjelovanje u Arduino Playground radionicama

Poziv za sudjelovanje u Arduino Playground radionicama

Edukacijski razvojni park HO-RUK poziva zainteresirane učenike osmih i devetih razreda osnovnih kao i učenike srednjih škola da se prijave na ARDUINO PLAYGROUND radionice koje će se održavati u prosincu u Srednjoj strukovnoj školi Silvija Strahimira Kranjčevića u Livnu, od ponedjeljka 11.prosinca s početkom u 14:00 sati. Broj polaznika je ograničen na 20. Zainteresirani trebaju do 11.prosinca ispuniti prijavnicu kako bi pristupili radionicama. Predviđeno je održavanje pet radionica u kojima će se obraditi sljedeće teme: Elektroničke komponente i senzori, uvod u programiranje, Arduino ulazi i izlazi, serijska komunikacija, motori, mogućnosti glasovnog upravljanja putem Amazon Echo-a i upravljanje 3D pisačem. Tijekom zadnje radionice za polaznike je predviđeno natjecanje a najbolje očekuju Arduino kompleti. ARDUINO PLAYGROUND radionice održavaju se pod pokroviteljstvom Federalnog ministarstva razvoja, poduzetništva i obrta a osnovni ciljevi radionica su uvođenje ciljane skupine u svijet elektronike i programiranja te popularizacija STEM zanimanja.

Održan dan programiranja u Lištanima

Održan dan programiranja u Lištanima

Povodom europskog tjedna kodiranja #codeEU a uz potporu Državnog ureda za Hrvate izvan Republike Hrvatske u sklopu projekta robotika mladima, udruženje HO-RUK iz Livna organiziralo je Dan programiranja u osnovnoj školi u Lištanima.

Dvatesetak djece susrelo se prvi put sa robotikom, elektronikom i programiranjem. Radionice su bile prilagođene dobnim skupinama. Djeca nižih uzrasta imali su priliku naučiti povezivati računalo sa mBot robotom, programirati led diode, tipkala, motore , a sa robotskom rukom su morali dohvatiti "Kiki" bombone . Starija dobna skupina radila je na ARDUINO platformi a zadatak im je bio upravljati led diodama.

Radionice su vodili mentori, budući tehničari za računalstvo Toni, Luka i Tome maturanti Srednje strukovne škole Silvija Strahimira Kranjčevića. Zahvaljujemo se na posjeti i učenicima iz područne Čuklić predvođenima svojom učiteljicom Mirkom Vrgoč.


Dobar odaziv kao i zainteresiranost djece, daje nam dodatnu snagu da nastavimo sa sličnim aktivnostima te omogućimo svoj djeci postanu ravnopravni građani 21 stoljeća.

galerija slika
Dan programiranja u Lištanima

Dan programiranja u Lištanima

Povodom europskog tjedna kodiranja #codeEU a uz potporu Državnog ureda za Hrvate izvan Republike Hrvatske u sklopu projekta robotika mladima, HO-RUK team organizira Dan programiranja u osnovnoj školi u Lištanima. Djeca nižih uzrasta bit će u prilici programirati mBot robota, a starija će upoznati ARDUINO platformu.

Mjesto i vrijeme održavanja:

Osnovna škola Ivan Goran Kovačić, područna škola u Lištanima
Srijeda, Listopad 11, 2017 od 17:00 do 19:00

Subscribe to this RSS feed