Online Frontend & WordPress kurs

Na ovom online kursu ćete kroz praktičan rad naučiti HTML i CSS, Bootstrap framework, JavaScript, jQuery, AJAX, SASS i Wordpress.

Web HTML CSS Responsive design Bootstrap Sass JavaScript jQuery AJAX SQL Baze podataka WordPress PHP

263 lekcije

107h snimljenog materijala

Besplatne konsultacije

Pristup: 1 godina

Pristup sa mobilnog telefona

Sertfikat

Online Frontend & WordPress kurs

Prijavi se

O kursu

Frontend tehnologije, kao i WordPress imaju ključnu ulogu u kreiranju dinamičnih i funkcionalnih web stranica. Sa preko 40% udela na tržištu, WordPress je lider među CMS platformama za izradu web sajtova. Ova kombinacija tehnologija pruža neograničene mogućnosti u kreiranju profesionalnih web stranica koje efikasno komuniciraju sa korisnicima i pružaju bogato korisničko iskustvo.

Poznavanje ovih veština omogućava kreiranje profesionalnih web stranica, blogova i online prodavnica, otvarajući vrata ka uzbudljivoj karijeri u web razvoju.

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 Frontend & WordPress kursu?

Na kursu Frontend & WordPress polaznici će steći znanja o kreiranju dinamičnih web stranica kroz učenje Frontend tehnologija i WordPress platforme za upravljanje sadržajem.

Frontend Tehnologije

Polaznici će naučiti kako da koriste HTML, CSS i JavaScript za kreiranje dinamičnih i interaktivnih web stranica. Pored osnova, biće im predstavljene i napredne tehnike frontend razvoja, kao što su rad sa animacijama, fleksibilni prikazi (Flexbox) i manipulacija DOM-om. Takođe će se upoznati sa jQuery bibliotekom za brže i efikasnije manipulisanje HTML elementima, kao i sa Sass-om za efikasno upravljanje stilovima.

Responsive Design i Bootstrap

Na kursu učimo osnove responsivnog dizajna i korišćenje Bootstrap framework-a za kreiranje modernih i prilagodljivih web stranica.

PHP i Baze podataka

Polaznici će se upoznati sa osnovama PHP-a i radom sa bazama podataka, što je ključno za upravljanje sadržajem na WordPress sajtovima.

WordPress

Poslednji deo kursa fokusiran je na temeljno učenje i savlađivanje WordPress platforme, uključujući instalaciju, osnovno upravljanje, ali i naprednije koncepte, poput kreiranje sopstvenih tema uz PHP-a i SQL, kao i tehnike za prilagođavanje i optimizaciju WordPress sajtova.

Praktičan rad i projekti

Znamo koliko je praksa važna i zbog toga je ovaj kurs baziran 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 za Frontend & WordPress kurs potrebno predznanje?

Kurs ne zahteva 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 Frontend & WordPress, polaznici će biti kvalifikovani za različite pozicije u oblasti web razvoja i upravljanja web sadržajem. Neke od mogućih pozicija uključuju: Frontend Developer, WordPress Developer, Web Developer, Full-Stack Developer, Junior Web Developer, IT Consultant (za WordPress i web tehnologije) itd.

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

Ocene polaznika kursa

Kurs obuhvata sve sto je neophodno za juniorsku poziciju i za svaku je preporuku. Vladan je odlican i strpljiv predavac. :)

Predrag Nastić

Kurs je odlicno koncipiran, razumljiv, i temeljan.Sve pohvale.

Kristina Dabic

Upisao sam kurs sa 52 godine i nisam umeo da odzipujem folder, a zavrsio sam sa 96% uspesnosti, sto govori o tome da je kurs fantasticno organizovan i da je apsolutno prilagodjen pocetnicima.

Aleksandar Dukovic

Veoma sam zadovoljna kursom koji sam zavrsila kod vas.Sve pohvale,posebno za predavaca Vladana koji je uvek bio tu da pomogne.Za svaku preporuku.

Stefana Pavlovic

Odlicaan predavac sve 5 !

Aleksa Jovanovic

Odli?an na?in rada, veoma detaljno i precizno objašnjavanje od strane predava?a Vladana Džulovica. Sve pohvale.

Mihailo Radovanovic

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

Plan i program

Uvod

- Frontend & Wordpress introduction

- WEB - How it works

- Working environment - LINUX

- Working environment - Mac OS X

- Working environment - WINDOWS

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

- InVision - Manual

- 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 - 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

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 - Anonymous and Self Invoking function

- 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

JQuery

- jQuery Introduction

- jQuery - selectors, get, set

- jQuery events

- jQuery - DOM manipulation

- jQuery - show / hide

- jQuery - class manipulation

- jQuery - traversing

- jQuery - dimensions

- jQuery practice

- jQuery Ajax

- jQuery Plugins - Slider

- jQuery Plugins - Carousel

- jQuery Plugins - Gallery

- jQuery Plugin - Validator

- jQuery Next Steps

- jQuery Project - Finish Sunglassess Project

- jQuery Homework

CLI & GIT

- GIT - Command Line Interface

- GIT - Version Control System

- GIT - SUNGLASSES

SASS Preprocesor

- 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

WordPress

- Introduction to WordPress

- XAMPP for Linux

- XAMPP for MAC OS

- XAMPP for WINDOWS

- Install WordPress Locally

- WordPress Posts

- WordPress Media

- WordPress Pages

- WordPress Comments

- WordPress Menu (Navigation)

- WordPress Customizer

- WordPress Widgets

- WordPress Plugins

- WordPress Users

- WordPress Settings

- WordPress Theme

- WordPress - Install WordPress site on a real domain

- Wordpress CMS Homework

PHP Basic

- PHP Basic - Introduction to PHP and PHP syntacs

- PHP Basic - Variables and data types

- PHP Basic - Operators

- PHP Basic - Conditionals

- PHP Basic - Functions

- PHP Basic - Built in functions

- PHP Basic - Example Builtin functions

- PHP Basic - Loop

- PHP Basic - GET and POST

- PHP Basic - Send data using GET without form

- PHP Basic - Layout and partials

- PHP Basic - Objects

- PHP Basic - Homework

Database SQL

- SQL Introduction

- SQL CREATE and DROP Database

- SQL CREATE and DELETE tables

- SQL CREATE Tables CHALLENGE

- SQL CREATE Tables SOLUTIONS

- SQL INSERT data into table

- SQL INSERT data INTO table CHALLENGE

- SQL INSERT insert data INTO table SOLUTION

- SQL EXPORT - IMPORT data

- SQL SELECT and Conditions

- SQL SELECT and Conditions CHALLENGE

- SQL SELECT and Conditions SOLUTIONS

- SQL AGREGATION

- SQL AGREGATION CHALLENGE

- SQL AGREGATION SOLUTIONS

- SQL OFFSET and LIMIT

- SQL CONCAT

- SQL UPDATE and DELETE

- SQL Normalization Part I

- SQL Normalization Part II

- SQL Normalization CHALLENGE

- SQL Normalization SOLUTION

- SQL JOIN

WordPress Custom Theme

- WP Custom Theme - Introduction

- WP Custom Theme - Wordpress Instalation

- WP Custom Theme - Create custom theme important files

- WP Custom Theme - Add Single Page Templates

- WP Custom Theme - Loop and display page content

- WP Custom Theme - Create Header and Footer Partials

- WP Custom Theme - Import CSS and javaScript files

- WP Custom Theme - Add Theme Suport for Title Tag

- WP Custom Theme - Add Theme Support for Custom Logo

- WP Custom Theme - Add Menu Support

- WP Custom Theme - Display Header Menu

- WP Custom Theme - Finish Footer

- WP Custom Theme - Create About Us page

- WP Custom Theme - Create Template Parts

- WP Custom Theme - Create News Page

- WP Custom Theme - Add Other News

- WP Custom Theme - Create Single News Template

- WP Custom Theme - Add Page for Category

- WP Custom Theme - Add Page for Tags

- WP Custom Theme - Create Page Template for Team

- WP Custom Theme - Display Team Members

- WP Custom Theme - Add Single Team Member Page

- WP Custom Theme - Create Page Template for Services

- WP Custom Theme - Display Services

- WP Custom Theme - Add Single Service Page

- WP Custom Theme - Create Homepage Template

- WP Custom Theme - Create Contact Page Template and Option Page

- WP Custom Theme - Contact Form

- WP Custom Theme - Configure Mail Server for Contact Form

- WP Custom Theme - Add Google Map

WP Custom Theme - 404 Page Template
12min

WP Custom Theme - Create Pagination
30min

WP Custom Theme - Sidebar Template Part
31min

WP Custom Theme - Create Custom Widget
15min

WP Custom Theme - Search Template
18min

WP Custom Theme - Login Page Customization