WEB - How it works

Na ovom predavanju upoznaću vas sa Internetom i WEB-om.

Pojasniću neke od osnovnih pojmova(internet, Internet, www, IP adresa, domen, hosting ...) i kako stvari funkcionisu na WEB-u.

Objasniću ceo proces od unosa neke adrese u Browser-u računara do dobijanja i prikaza zahtevanog sadržaja.

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