U okviru ovog domaćeg potrebno je kreirati jedan WordPress sajt u lokalnom razvojnom okruženju.

Neophodno je odraditi sledeće stavke:

Pokrenuti XAMPP
Kreirati bazu podataka
Preuzeti WordPress sa https://wordpress.org/download/
Pokrenuti netBeanse i kreirati projekat
ubaciti u projekat routing.php fajl
Instalirati WordPress i povezati ga sa kreiranom bazom podataka
Izabrati TEMU po izboru i instalirati je (NE SME SE KORISTITI NIJEDNA OD DEFAULT-nih tema), već vi mprate preuzeti , instalirati i aktvirati temu.
Kreirati Nekoliko stranica
Kreirati nekoliko postova sa kategorijama i tagovima
Kreirati i prikazati MENI
Na odredjenim stranicama prikazati Sidebar i u njega ubaciti nekoliko Widgeta
Izvršiti podešavanje Permalinkova i podesiti da se Postovi ne prikazuju na naslovnoj strani već na nekoj drugoj a da naslovna strana prikazuje neki drugi sadržaj (SETINGS->READING)
Instalirati Plugin za Contact formu i Galeriju slika po izboru

Nakon sto se sve ove stavke odrade neophodno je:

Kreirati folder na Desctop-u vašeg računara
Slikati : naslovnu stranicu, blog stranicu, pojedinacni blog stranicu, pojedinacnu stranicu na kojoj ima galerija slika, pojedinačnu stranicu na kojoj ima Kontakt forma.
1. Stranice sajta ćete slikati tako što sajt otvorite u Firefox-u, odradite desni klik i potom kliknete na TAKE A SCREENSHOOT. Nakon toga u gornjem desnom uglu izaberite SAVE FULL PAGE
2. Za Safari brouzer na MAC računarima neophodno je na pritisnite CMD+SHIFT+3
3. Za CHROME neophodno je da otvorite link https://chrome.google.com/webstore/detail/make-a-screenshot/gfpdknjgjlakoegfncghjdggmolfocpa a potom kliknete ADD EXTENSION. U gornjem desnom uglu vaseg CHROME brouzera ce se pojaviti mala ikonica FOTOAPARATA(slika ispod) a potom otvoriti stranice vašeg projekta i pomoću ovog alata slikati

Nakon što slikate sve neophodne stranice, ubacite ih u kreirani folder na desctopu. Zatim folder zapakujte(.zip, .rar, .7zip ....) i okačite i posaljite.

Frontend & WordPress kurs

Introduction

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