Frontend & WordPress kurs
263 lekcije
HTML
-
Introduction to HTML
38min
-
Working with Typography
1h:30min
-
Typography - CHALLANGE
3min
-
Typography - SOLUTION
26min
-
Working with MULTIMEDIA
56min
-
Multimedia - CHALLENGE
3min
-
Multimedia - SOLUTION
12min
-
Working with LINKS
44min
-
Links - CHALLENGE
4min
-
Links - SOLUTION
17min
-
Working with LISTS
47min
-
Lists - CHALLENGE
4min
-
Lists - SOLUTION
19min
-
Working with TABLES
34min
-
Tables - CHALLENGE
4min
-
Tables - SOLUTION
23min
-
Working with FORMS
1h:28min
-
Form - CHALLENGE
5min
Free
-
Form - SOLUTION
26min
Free
-
HTML 5 - Structuring content
1h:09min
-
HTML 5 - Structuring content - CHALLENGE
4min
-
HTML 5 - Structuring content - SOLUTION
24min
-
HTML - FINAL HOMEWORK
DESIGNER TOOL
CSS
-
CSS Introduction - linking to HTML
34min
-
CSS Debug tool
17min
-
CSS selectors, pseudo-class and pseudo elements
55min
-
CSS selectors and pseudo class - PRACTICE
9min
-
CSS - Working with tipography
45min
-
CSS - Working with fonts
34min
-
CSS Typography + Fonts CHALLENGE
5min
-
CSS Typography + Fonts SOLUTION
19min
-
CSS - Colors
30min
-
CSS - BOX model
47min
-
CSS - Display property
55min
-
CSS - Float property
33min
-
CSS - Images and Backgrounds
50min
-
Display + Float practice
1h:53min
-
CSS - Display + Float CHALLENGE
13min
-
CSS - Display + Float SOLUTION
1h:28min
-
CSS - Position property
22min
-
CSS - Position practice
24min
-
CSS Position - CHALLENGE
8min
-
CSS Position - SOLUTION
43min
-
CSS - Flex
46min
Free
-
CSS Flex - PRACTICE
1h:10min
Free
-
CSS - Styling list
35min
-
CSS - Styling table
13min
-
CSS - Styling form
39min
-
CSS - Styling form CHALLENGE
4min
-
CSS - Styling form SOLUTION
21min
-
CSS - Animation
42min
-
HTML + CSS Project
1h:52min
-
HTML + CSS Homework
Responsive
-
Introduction to Responsive Concept
40min
Free
-
Bootstrap Introduction
29min
-
Bootstrap Tipography
39min
-
Bootstrap colors
15min
-
Bootstrap - Helper classes for BOX model
36min
-
Bootstrap - Helper classes for Position and Display
38min
-
Bootstrap - Media
18min
-
Bootstrap layout i grid
39min
-
Bootstrap navigation
30min
-
Bootstrap - Tables
13min
-
Practice Bootstrap - Bv4 site
1h:18min
-
Practice Bootstrap - Fashionable site
1h:14min
-
Bootstrap components part I
30min
-
Bootstrap components part II
49min
-
Bootstrap javaScript component - CAROUSEL
24min
-
Bootstrap javaScript component - COLLAPSE
14min
-
Bootstrap javaScript component - MODAL
18min
-
Bootstrap javaScript component - Popover & Tooltip
25min
-
Bootstrap javaScript component - SCROLLSPY
9min
-
Bootstrap - Form
49min
-
Bootstrap Final Project - Sunglassess site
1h:56min
-
Bootstrap Homework
javaScript
-
javaScript Introduction
19min
-
javaScript - Variables
25min
-
javaScript - Data Types
43min
-
javaScript - Operators
42min
-
javaScript - DOM (Document Object Model)
37min
-
javaScript - Events
23min
-
javaScript - Conditions (IF ELSE)
49min
-
javaScript - if else CHALLENGE
5min
-
javaScript - if else SOLUTIONS
18min
-
javaScript - SWITCH
18min
-
javaScript - FUNCTIONS
54min
-
javaScript - Anonymous and Self Invoking function
6min
-
javaScript - function CHALLENGE
6min
Free
-
javaScript - function SOLUTION
26min
Free
-
javaScript - String and string methods
39min
-
javaScript - string practice
52min
-
javaScript - string CHALLENGE
8min
-
javaScript - string SOLUTION
50min
-
javaScript - number and number methods
27min
-
javaScript - number practice
25min
-
javaScript - number CHALLENGE
4min
-
javaScript - number SOLUTIONS
18min
-
javaScript - array and methods
23min
-
javaScript - Loop
34min
-
javascript - Array and Loop Challenge
4min
-
javascript - Array and Loop Solution
22min
-
javaScript - PROMPT and CONFIRMATION
23min
-
javaScript - setTimeout, setInterval
33min
-
javaScript - OBJECTS
50min
-
javaScript - Final Project
1h:44min
-
javaScript - Homework
jQuery
-
jQuery Introduction
13min
-
jQuery - selectors, get, set
32min
-
jQuery events
28min
-
jQuery - DOM manipulation
13min
-
jQuery - show / hide
18min
-
jQuery - class manipulation
11min
-
jQuery - traversing
28min
-
jQuery - dimensions
24min
-
jQuery practice
1h:45min
-
jQuery Ajax
39min
-
jQuery Plugins - Slider
29min
-
jQuery Plugins - Carousel
32min
-
jQuery Plugins - Gallery
10min
-
jQuery Plugin - Validator
18min
-
jQuery Next Steps
7min
-
jQuery Project - Finish Sunglassess Project
43min
-
jQuery Homework
CLI and GIT
SASS Preprocesor
-
Sass Introduction
12min
-
Sass and PREPROS
9min
-
Sass and CLI and NetBeanse
20min
-
Sass - Partials
29min
-
Sass - Variables
35min
-
Sass - SCSS syntacs and parent selector
19min
-
Sass Style Footer - CHALLENGE
3min
-
Sass Style Footer - SOLUTIONS
9min
-
Sass Invisible Class
19min
-
Sass - Color function
15min
-
Sass - Style course section CHALLENGE
3min
-
Sass - Style course section SOLUTION
12min
-
Sass - MIXIN-s
21min
-
Sass - Conditional statement @if @else
5min
-
Sass Function
15min
-
Sass - Mapping and @each
15min
-
Sass - Relative Path
7min
-
Sass - Comment and Contact Section CHALLENGE
5min
-
Sass - Comment and Contact Section SOLUTION
16min
-
Sass - Bootstrap and Sass
32min
-
Sass - Kreiranje Bootstrap Sass templejta
15min
-
Sass Projekat - Laywer
25min
-
Sass Projekat - Laywer Header
19min
-
Sass Project - Lawyer Lead page section
18min
-
Lowyer - home service section
19min
-
Sass Projekat - Laywer Team Home
33min
-
Sass Projekat - Laywer Info section
14min
-
Sass Projekat - Laywer Footer
20min
-
Sass Projekat - Laywer Linking Homepage
8min
-
Sass Projekat - Laywer About Us Page
15min
-
Sass Projekat - Laywer Services Page
20min
-
Sass Projekat - Laywer Service Single Page
10min
-
Sass Projekat - Laywer Team Page
30min
-
Sass Projekat - Laywer Team single Page
18min
-
Sass Projekat - Laywer News Page
27min
-
Sass Projekat - Laywer News SIngle
20min
-
Sass Projekat - Laywer Contact Page
30min
-
SASS Homework - Project Mademoiselle
Wordpress CMS
-
Introduction to WordPress
5min
Free
-
XAMPP for Linux
8min
Free
-
XAMPP for MAC OS
7min
Free
-
XAMPP for WINDOWS
5min
Free
-
Install WordPress Locally
15min
-
WordPress Posts
36min
-
WordPress Media
4min
-
WordPress Pages
6min
-
WordPress Comments
5min
-
WordPress Menu (Navigation)
12min
-
WordPress Customizer
4min
-
WordPress Widgets
6min
-
WordPress Plugins
26min
-
WordPress Users
6min
-
WordPress Settings
12min
-
WordPress Theme
10min
-
WordPress - Install WordPress site on a real domain
16min
-
Wordpress CMS Homework
Free
PHP Basics
-
PHP Basic - Introduction to PHP and PHP syntacs
27min
-
PHP Basic - Variables and data types
41min
-
PHP Basic - Operators
33min
-
PHP Basic - Conditionals
27min
-
PHP Basic - Functions
58min
-
PHP Basic - Built in functions
1h:01min
-
PHP Basic - Example Builtin functions
20min
-
PHP Basic - Loop
38min
-
PHP Basic - GET and POST
58min
-
PHP Basic - Send data using GET without form
39min
-
PHP Basic - Layout and partials
29min
-
PHP Basic - Objects
42min
-
PHP Basic - Homework
Database SQL
-
SQL Introduction
14min
-
SQL CREATE and DROP Database
15min
-
SQL CREATE and DELETE tables
32min
-
SQL CREATE Tables CHALLENGE
3min
-
SQL CREATE Tables SOLUTIONS
6min
-
SQL INSERT data into table
29min
-
SQL INSERT data INTO table CHALLENGE
1min
-
SQL INSERT insert data INTO table SOLUTION
11min
-
SQL EXPORT - IMPORT data
4min
-
SQL SELECT and Conditions
41min
-
SQL SELECT and Conditions CHALLENGE
4min
-
SQL SELECT and Conditions SOLUTIONS
12min
-
SQL AGREGATION
21min
-
SQL AGREGATION CHALLENGE
3min
-
SQL AGREGATION SOLUTIONS
17min
-
SQL OFFSET and LIMIT
20min
-
SQL CONCAT
4min
-
SQL UPDATE and DELETE
15min
-
SQL Normalization Part I
48min
-
SQL Normalization Part II
14min
-
SQL Normalization CHALLENGE
6min
-
SQL Normalization SOLUTION
24min
-
SQL JOIN
1h:18min
Wordpress Custom Theme
-
WP Custom Theme - Introduction
4min
Free
-
WP Custom Theme - Wordpress Instalation
12min
Free
-
WP Custom Theme - Create custom theme important files
18min
Free
-
WP Custom Theme - Add Single Page Templates
8min
-
WP Custom Theme - Loop and display page content
13min
-
WP Custom Theme - Create Header and Footer Partials
14min
-
WP Custom Theme - Import CSS and javaScript files
28min
-
WP Custom Theme - Add Theme Suport for Title Tag
17min
-
WP Custom Theme - Add Theme Support for Custom Logo
10min
-
WP Custom Theme - Add Menu Support
11min
-
WP Custom Theme - Display Header Menu
40min
-
WP Custom Theme - Finish Footer
13min
-
WP Custom Theme - Create About Us page
30min
-
WP Custom Theme - Create Template Parts
5min
-
WP Custom Theme - Create News Page
32min
-
WP Custom Theme - Add Other News
8min
-
WP Custom Theme - Create Single News Template
19min
-
WP Custom Theme - Add Page for Category
18min
-
WP Custom Theme - Add Page for Tags
5min
-
WP Custom Theme - Create Page Template for Team
25min
-
WP Custom Theme - Display Team Members
17min
-
WP Custom Theme - Add Single Team Member Page
11min
-
WP Custom Theme - Create Page Template for Services
26min
-
WP Custom Theme - Display Services
21min
-
WP Custom Theme - Add Single Service Page
9min
-
WP Custom Theme - Create Homepage Template
46min
-
WP Custom Theme - Create Contact Page Template and Option Page
43min
-
WP Custom Theme - Contact Form
19min
-
WP Custom Theme - Configure Mail Server for Contact Form
12min
-
WP Custom Theme - Add Google Map
5min
-
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
4min
Certificate Exam
Working environment - Mac OS X
Na ovom predavanju izvršićemo podešavanje razvojnog okruženja za MAC OX operativni sistem. Za početak praćenja i rada na kursu potrebne su nam dve stvari:
- WEB Pretraživač (browser) - Firefox, Chrome, Opera, Safari ...
- Code editor (Netbeanse, Atom, Sublime text, Visual studio code...)
Za potrebe kursa koristićemo Firefox pretraživač i Netbeanse Apache code editor.
WEB pretraživač nam je neophodan da bismo mogli da vidimo rezultat rada tj koda koji pišemo, dok nam Code Editor omogućava brže pisanje koda, svodi nam greške na minimum dajući nam predloge za kod. Ukoliko dodje do greške dobijamo upozorenje da u kodu postoji greška.
Prvo ćemo instalirati WEB pretraživac - Firefox , a nakon toga Code editor - Apache NetBeanse . Nakon instaliranja pretraživača Firefox, poseticemo zvaničnu stranicu netbeans-a na adresi https://netbeans.apache.org/ gde možete pronaći detalje vezane za editor.
