Frontend & WordPress kurs

263 lekcije

CSS Flex - PRACTICE

Na ovom predavanju cemo raditi na Fasionable projektu. Nephodno je stilizovati html stranicu koristeci display:flex i ostale css propertije ali bez float propertija.

LINK DO PROJEKTA:

https://www.figma.com/proto/WZtDMMajQC60t0GEzfQsp0/Fashionable?page-id=0%3A1&type=design&node-id=5-92&viewport=404%2C426%2C0.19&t=y2y7YtIRsJqHSF1J-1&scaling=min-zoom

Materijali

Download material before lesson Download material after lesson

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