Online React Native kurs

Sveobuhvatan online kurs koji te vodi kroz osnove frontend razvoja, od HTML-a, CSS-a i JavaScript-a, do izrade mobilnih aplikacija u React Native, uz savremene alate i praktične vežbe.

HTML CSS JavaScript React Android iOS Mobile

284 lekcije

140h snimljenog materijala

Besplatne konsultacije

Pristup: 1 godina

Pristup sa mobilnog telefona

Sertifikat

Online React Native kurs

Prijavi se

O kursu

JavaScript je ključna tehnologija za savremeni web razvoj, a uz React Native, isto znanje koristiš i za izradu mobilnih aplikacija, što ovaj kurs čini kompletnim izborom za buduće frontend developere.

Cena i trajanje

1.400 €

Cena za plaćanje na rate, sa uključenim PDV-om

1.190 €

Cena za plaćanje u celosti, sa uključenim PDV-om

Rata od 116 €

Mogućnost plaćanja do 12 mesečnih rata, bez kamate

1 godina

Pristupa platformi sa video lekcijama

Šta se uči na React Native online kursu?

React Native kurs je osmišljen za sve koji žele da uđu u svet programiranja i savladaju veštine izrade modernih web i mobilnih aplikacija bez prethodnog iskustva. Kroz praktične vežbe i korak-po-korak lekcije, učiš kako da koristiš JavaScript i React Native kako bi samostalno izgradio funkcionalne aplikacije koje rade na Android i iOS uređajima.

Osnove programiranja za potpune početnike

Kurs počinje od osnovnih pojmova u programiranju. Naučićeš kako funkcioniše kod, šta su promenljive, funkcije i petlje, i kako sve to zajedno omogućava da aplikacije „rade“. Kroz jasan uvod u programsku logiku, stičeš temelj koji će ti koristiti u svakom sledećem koraku.

JavaScript kao alat za savremeni razvoj

JavaScript je srce modernog web razvoja, i upravo pomoću njega učiš kako se kreira interaktivno korisničko iskustvo. Na kursu ćeš savladati osnovne i naprednije koncepte JavaScript-a, koji će ti kasnije omogućiti da koristiš React Native za izradu mobilnih aplikacija.

React Native – razvoj mobilnih aplikacija iz jednog koda

U završnoj fazi kursa fokus se prebacuje na React Native – tehnologiju koja ti omogućava da pomoću JavaScript znanja praviš mobilne aplikacije za više platformi istovremeno. Naučićeš kako izgleda struktura mobilne aplikacije, kako se koriste komponente, postavlja navigacija, stilizuje interfejs i priprema aplikacija za objavljivanje na prodavnicama.

Praktičan rad i projekti

Znamo koliko je praksa važna i zbog toga su naši kursevi bazirani na praktičnom radu, omogućavajući polaznicima da steknu znanje kroz vežbe, domaće zadatke i projekte. Kroz ove aktivnosti polaznici će imati priliku da primene koncepte i tehnologije koje su savladali tokom predavanja, što će im omogućiti da razviju praktične veštine neophodne za uspešan rad u industriji razvoja softvera. Na kraju kursa svaki polaznik će imati priliku da primeni svoje znanje u sveobuhvatnom finalnom projektu, koji će predstavljati integraciju svih naučenih veština i koncepta.

Česta pitanja

Da li je potrebno predznanje?

Koncept kursa je takav da se prvo uče osnove programiranja, zatim se ide prema višim nivoima znanja do naprednih znanja koja su sva pokrivena praktičnim radom. Na ovaj način polaznici svih nivoa obrazovanja i različitih oblasti mogu da se prijave na kurs.

Težina kursa:

Da li tokom kursa imam podršku u učenju?

U okviru svake lekcije na raspolaganju vam je online diskusija, za sva vaša pitanja i nejasnoće vezane za lekciju. Tu možete komunicirati sa drugim polaznicima, a naši predavači će vam odgovoriti u najkraćem mogućem roku. Pored toga, u svakom trenutku možete pisati predavačima na mail, a ako je potrebno i zakazati konsultacije sa predavačima u našim prostorijama ili preko neke od online platformi.

Na kojim pozicijama mogu da se zaposlim nakon kursa?

Nakon kursa, možeš da se zaposliš kao Junior Frontend Developer, JavaScript Developer ili Mobile App Developer. Znanja koja stekneš ti omogućavaju da razvijaš web i mobilne aplikacije, samostalno ili kao deo tima, i otvore ti vrata ka IT industriji koja sve više traži developere sa znanjem React Native-a.

Kako u Cubes školi verujemo u važnost prakse, odlučili smo da našim polaznicima pružimo mogućnost sticanja praktičnog iskustva direktno u našoj kompaniji. Možeš pogledati više na stranici Praksa.

Pogledaj sva Česta pitanja.

Kontakt

Budite slobodni da nas kontaktirate, za vas smo uvek dostupni:

Telefoni: 066/659-65-12 i 064/64-178-29
Viber: +381 66 6596512
WhatsApp: +381 66 6596512
Email: school@cubes.rs

Predavači

Vladan
Džulović

Vladan, bivši oficir Vojske Srbije i diplomirani inženjer telekomunikacija, je naš Frontend predavač. Vojnu akademiju je završio 2008. godine nakon čega počinje da radi u Vojsci Srbije u centru za obuku, kao glavni izvođač nastave, a od 2010. godine počinje da se aktivno bavi programiranjem. Od 2016. godine angazovan je u kompaniji Cubes kao senior Frontend Developer, a potom i Frontend Team lead i predavač na kursu Frontend & WordPress, kao i na kursevima koji u okviru sebe izučavaju oblasti iz Frontend-a. Vladan iza sebe ima više od 100 realizovanih projekata, za koje je koristio tehnologije: HTML, CSS, SASS, JavaScript, jQuery, Bootstrap, PHP, Laravel, SQL.

Pročitaj više

Vladica Lapčević

Vladica Lapčević je profesionalni veb programer sa više od 7 godina iskustva u radu sa različitim tehnologijama kao što su HTML5, CSS3, JS, React, Wordpress i mnoge druge. Dugi niz godina radio je kao freelancer, ali i kao web programer sa punim radnim vremenom, i stekao je mnogo dragocenog iskustva radeći sa različitim tehnologijama i ljudima. Radio je na više od 200 projekata za klijente iz celog sveta.

Pročitaj više

Plan i program

Uvod

- Working environment - LINUX

- Working environment - WINDOWS

-Working environment - Mac OS X

HTML

- Introduction to HTML

- Working with Typography

- Typography - CHALLANGE

- Typography - SOLUTION

- Working with MULTIMEDIA

- Multimedia - CHALLENGE

- Multimedia - SOLUTION

- Working with LINKS

- Links - CHALLENGE

- Links - SOLUTION

- Working with LISTS

- Lists - CHALLENGE

- Lists - SOLUTION

- Working with TABLES

- Tables - CHALLENGE

- Tables - SOLUTION

- Working with FORMS

- Form - CHALLENGE

- Form - SOLUTION

- HTML 5 - Structuring content

- HTML 5 - Structuring content - CHALLENGE

- HTML 5 - Structuring content - SOLUTION

- HTML - FINAL HOMEWORK

Designer Tool

- Design Tool Introduction

- Figma - Manual

CSS

- CSS Introduction - linking to HTML

- CSS Debug tool

- CSS selectors, pseudo-class and pseudo elements

- CSS selectors and pseudo class - PRACTICE

- CSS - Working with tipography

- CSS - Aditional video for FontAwesome usage

- CSS - Working with fonts

- CSS Typography + Fonts CHALLENGE

- CSS Typography + Fonts SOLUTION

- CSS - Colors

- CSS - BOX model

- CSS - Display property

- CSS - Float property

- CSS - Images and Backgrounds

- Display + Float practice

- CSS - Display + Float CHALLENGE

- CSS - Display + Float SOLUTION

- CSS - Position property

- CSS - Position practice

- CSS Position - CHALLENGE

- CSS Position - SOLUTION

- CSS - Flex

- CSS Flex - PRACTICE

- CSS - Styling list

- CSS - Styling table

- CSS - Styling form

- CSS - Styling form CHALLENGE

- CSS - Styling form SOLUTION

- CSS - Animation

- HTML + CSS Project

- HTML + CSS Homework

Responsive

- Introduction to Responsive Concept

- Bootstrap Introduction

- Bootstrap Tipography

- Bootstrap colors

- Bootstrap - Helper classes for BOX model

- Bootstrap - Helper classes for Position and Display

- Bootstrap - Media

- Bootstrap layout i grid

- Bootstrap navigation

- Bootstrap - Tables

- Practice Bootstrap - Bv4 site

- Practice Bootstrap - Fashionable site

- Bootstrap components part I

- Bootstrap components part II

- Bootstrap javaScript component - CAROUSEL

- Bootstrap javaScript component - COLLAPSE

- Bootstrap javaScript component - MODAL

- Bootstrap javaScript component - Popover & Tooltip

- Bootstrap javaScript component - SCROLLSPY

- Bootstrap - Form

- Bootstrap Final Project - Sunglassess site

- Bootstrap Homework

GIT

- GIT - Command Line Interface

- GIT - Version Control System

- GIT - SUNGLASSES

SASS

- Sass Introduction

- Sass and PREPROS

- Sass and CLI and NetBeanse

- Sass - Partials

- Sass - Variables

- Sass - SCSS syntacs and parent selector

- Sass Style Footer - CHALLENGE

- Sass Style Footer - SOLUTIONS

- Sass Invisible Class

- Sass - Color function

- Sass - Style course section CHALLENGE

- Sass - Style course section SOLUTION

- Sass - MIXIN-s

- Sass - Conditional statement @if @else

- Sass Function

- Sass - Mapping and @each

- Sass - Relative Path

- Sass - Comment and Contact Section CHALLENGE

- Sass - Comment and Contact Section SOLUTION

- Sass - Bootstrap and Sass

- Sass - Kreiranje Bootstrap Sass templejta

- Sass Projekat - Laywer

- Sass Projekat - Laywer Header

- Sass Project - Lawyer Lead page section

- Lowyer - home service section

- Sass Projekat - Laywer Team Home

- Sass Projekat - Laywer Info section

- Sass Projekat - Laywer Footer

- Sass Projekat - Laywer Linking Homepage

- Sass Projekat - Laywer About Us Page

- Sass Projekat - Laywer Services Page

- Sass Projekat - Laywer Service Single Page

- Sass Projekat - Laywer Team Page

- Sass Projekat - Laywer Team single Page

- Sass Projekat - Laywer News Page

- Sass Projekat - Laywer News SIngle

- Sass Projekat - Laywer Contact Page

- SASS Homework - Project Mademoiselle

JavaScript

- javaScript Introduction

- javaScript - Variables

- javaScript - Data Types

- javaScript - Operators

- javaScript - DOM (Document Object Model)

- javaScript - Events

- javaScript - Conditions (IF ELSE)

- javaScript - if else CHALLENGE

- javaScript - if else SOLUTIONS

- javaScript - SWITCH

- javaScript - FUNCTIONS

- javaScript - function CHALLENGE

- javaScript - function SOLUTION

- javaScript - String and string methods

- javaScript - string practice

- javaScript - string CHALLENGE

- javaScript - string SOLUTION

- javaScript - number and number methods

- javaScript - number practice

- javaScript - number CHALLENGE

- javaScript - number SOLUTIONS

- javaScript - array and methods

- javaScript - Loop

- javascript - Array and Loop Challenge

- javascript - Array and Loop Solution

- javaScript - PROMPT and CONFIRMATION

- javaScript - setTimeout, setInterval

- javaScript - OBJECTS

- javaScript - Final Project

- javaScript - Homework

JavaScript Advanced

- JS Advance - Radno okruzenje

- JS Advance - Konstruktor funkcije

- JS Advance - Konstruktor funkcije 2

- JS Advance - Funkcije napredni koncepti

- JS Advance - Funkcije CHALLENGE

- JS Advance - Funkcije SOLUTION

- JS Advance - Predefinisane funkcije

- JS Advance - Predefinisane funkcije 2

- JS Advance - Predefinisane funkcije CHALLENGE

- JS Advance - Predefinisane funkcije SOLUTION

- JS Advance - BOM

- JS Advance - BOM 2

- JS Advance - Predefinisani objekti

- JS Advance - BOM CHALLENGE

- JS Advance - BOM SOLUTION

- JS Advance - Klijent server komunikacija

- JS Advance - Ajax

- JS Advance - Ajax CHALLENGE

- JS Advance - Ajax SOLUTION 1

- JS Advance - Ajax SOLUTION 2

- JS Advance - Domaći zadatak

React

- React - Uvod

- React - Create react app instalacija

- React - Create react app struktura fajlova

- React - Create react app struktura fajlova 2

- React - JSX

- React - Komponente

- React - Stilovi

- React - Komponente CHALLENGE

- React - Komponente SOLUTION

- React - Organizovanje foldera

- React - Class komponente

- React - State

- React - State 2

- React - State CHALLENGE

- React - State SOLUTION

- React - State SOLUTION 2

- React - Llifecycles

- React - Props

- React - Props 2

- React - Props CHALLENGE

- React - Props SOLUTION

- React - Eventi

- React - Kontrolisane komponente

- React - Input komponenta

- React - Input komponenta 2

- React - Input komponenta CHALLENGE

- React - Input komponenta SOLUTION

- React - Button

- React - Renderovanje kolekcije

- React - Selekt

- React - Komponente CHALLENGE

- React - Komponente SOLUTION

- React - Eksterne komponente

- React - Eksterne komponente 2

- React - Vite CHALLENGE

- React - Vite SOLUTION

- React - Prop types

- React - Sass

- React - CSS moduli

- React - Axios

- React - Axios CHALLENGE

- React - Axios SOLUTION

- React - Axios SOLUTION 2

- React - Use state

- React - useEffect

- React - useReducer custom hooks

- React - Context

- React - Redux

- React - Router

- React - Projekat CHALLENGE

- React - Projekat SOLUTION

- React - Projekat SOLUTION 2

- React - Projekat SOLUTION 3

- React - Build projekta

React Native

- RN - Uvod, okruženje, alati

- RN - Web aplikacija i mobilna aplikacija

- RN - Pregled koraka razvoja aplikacije

- RN - Kreiranje RN projekta

- RN - Kreiranje Expo projekta

- RN - RN arhitektura

- RN - Setovanje xCode i AndroidStudia

- RN - Pokretanje aplikacije

- RN - Razlike u sintaksi izmedju RN i React Web-a

- RN - RN komponente

- RN - Expo komponente

- RN - Dodavanje custom fontova

- RN - Stilizovanje RN komponenti

- RN - Flexbox stilizovanje

- RN - Stilizovanje za Android i iOS

- RN - Safe Area, Scroll View

- RN - Stilizovanje dugmica

- RN - RN slike

- RN - SVG slike

- RN - Pressable ikonice

- RN - Stilizovanje inputa

- RN - Stilizovanje inputa 2

- RN - Login strana

- RN - Login strana 2

- RN - Stilizovanje hedera

- RN - Stilizovanje headera 2

- RN - Pravljenje ikonica za navigaciju

- RN - Stilizovanje navigacije

- RN - Menjanje stranica

- RN - Setovanje React navigation

- RN - Liste

- RN - Flat liste

- RN - Modali

- RN - Modali 2

- RN - Audio

- RN - Animacije

- RN - Splash screen i ikonice

- RN - Splash screen i ikonice 2

- RN - Custom splash screen

- RN - Lokacija i permisije

- RN - Selektovanje slike

- RN - Selektovanje slike 2

- RN - Kalkulator kalorija 1

- RN - Kalkulator kalorija 2

- RN - Kalkulator kalorija 3

- RN - Kalkulator kalorija 4

- RN - Kalkulator kalorija 5

- RN - Kalkulator kalorija 6

- RN - Kalkulator kalorija 7

- RN - Kalkulator kalorija 8

- RN - Kalkulator kalorija 9

- RN - Kalkulator kalorija 10

- RN - Kalkulator kalorija 11

- RN - Kalkulator kalorija 12

- RN - Optimizacija performansi

- RN - Expo eject

- RN - Unit testovi i Jest

- RN - Push notifikacije

- RN - Bildovanje aplikacije

- RN - Bildovanje aplikacije 2

- RN - Bildovanje aplikacije 3

- RN - Dodatni paketi

- RN - Naredni koraci

- RN - Objašnjenje završnog projekta