Patika Javascript 30

Ajax Type Ahead

A data coming with fetching is matched with input values and listed.

Flex Panels Image Gallery

Image panel gallery with a flexbox based built in vanilla JavaScript.

Playing with CSS Variables and JS

CSS variables can be update with JavaScript. So, you can change these properties on the image.

CSS + JS Clock

An analog clock with sound was created using basic HTML, CSS and JavaScript knowledge.

Patika Week 6

To Do List

To Do List was created using basic HTML, CSS and vanilla JavaScript knowledge. List contents are kept in localstorage.

Assian Kitchen

Assian Kitchen was created using basic HTML, CSS and vanilla JavaScript knowledge. Data are fetched from local json file and items are filtered with the buttons.

Chuck Norris Jokes

An interactive website showing Chuck Norris jokes was created using basic HTML, CSS and JavaScript knowledge. A new joke was pulled every time the page was refreshed or the user clicked the Another Joke button.

Dice Game

Dice Game using HTML, CSS, and JavaScript. The Dice Game is based on a two-player. Both players roll the dice and the player who gets the highest phase value will win the game.

Patika Week 4

Drum Kit

An interactive (keyboard and button) Drum Kit website was created using basic HTML, CSS and JavaScript knowledge.

Welcome Screen

Using JavaScript, a screen was called that shows the current time and day when a name is placed on the welcome screen with a prompt on the opened page.

Patika Week 3

Instagram Bootstrap Clone

Bootstrap kullanılarak yapılmış basit bir HTML instagram clone'u.

Bootstrap Özellikleri Kullanılarak Yapılan Sayfa

Daha önce basit bir şekilde CSS kullanılarak oluşturulan site, Bootstrap özellikleri kullanılarak daha estetik hale getirildi.

Patika Week 2

Google Ana Sayfasını Tasarlamak

HTML ve CSS kullanılarak Google anasayfanın tasarımı yapıldı.

Google Eski Ana Sayfasını Tasarlamak

HTML ve CSS kullanılarak 1998 yılında ki Google anasayfasının tasarımı yapıldı.

Responsive Navbar

CSS ve HTML ile Responsive tasarımdan yararlanılarak navbar'da sayfa genişliğine bağlı olarak açılıp kapanabilen dropdown tasarlandı.

HTML Sayfasına CSS Eklemek

External ve internel CSS kullanılarak birkaç sayfadan oluşan bir HTML sayfası oluşturuldu.

Patika Week 1

İlk Web Sayfamızı Oluşturmak

Sadece HTML kullanılarak ilk web sayfası tasarlandı. Web sayfasında en çok kullanılan HTML etiketleri ile bir motosiklet tanıtımı yapıldı.

Kişisel Sayfamızı Detaylandırmaya Devam Etmek

HTML ile oluşturulan kişisel web sayfası detaylandırıldı.

Magnolia Tarifi

Tatlının tarifi öğrenilen bir web sitesini, HTML etiketleri ve CSS kullanılarak yeniden oluşturuldu.

Tablolarla Çalışmak

HTML tablo kullanılarak bir sayfa oluşturuldu.