• Blog
    • CSS
    • HTML
    • JavaScript
    • React
    • React Native
    • Narzędzia Front-end Developera
  • Baza wiedzy
    • Biblioteka snippetów
    • Pytania rekrutacyjne dla Front-end developerów
  • Wtyczki WordPress
    • Simple Cookie Notice Plugin
    • Convert Taxonomy Terms Plugin
  • pl
  • en

Love Coding – blog programistyczny

12/07/2018

Joanna

Prosty Quiz w Javascript

Simple Quiz in JavaScript Kolejny przykład jednego z możliwych pierwszych projektów juniora – quiz 🙂 Quiz wykonany został na zasadzie kart – zakładek. Z pliku .json losowanych jest 10 pytań, które następnie (wraz z odpowiedziami, w pętli) przyporządkowywane są do 10 kart, ułożonych jedna „pod” drugą (position: absolute). Po kliknięciu przycisku next „wyłączana” jest widoczność […]

Czytaj więcej

10/07/2018

Joanna

Snake game wersja 2

Drugą wersję węża zrobiłam już przy wykorzystaniu elementu canvas. Sami oceńcie, która wersja podoba Wam się bardziej 🙂 Gra snake wersja 2  – kod: github , wersja z wykorzystaniem canvas

Czytaj więcej

09/07/2018

Joanna

Snake game

Zaraz po memory zabrałam się do zrobienia innej, równie znanej mini-gry: snake. Popularny wąż to gra, która królowała na telefonach jakieś 15 lat temu, ale i teraz lubię w nią zagrać od czasu do czasu. Wersję pierwszą można obejrzeć tu: Gra snake  – kod: github . Wersja ta została zaprojektowana przy wykorzystaniu tabeli.

Czytaj więcej

08/07/2018

Joanna

Gra memory – wersja 2

Druga wersja gry memory posiada efekt obracający się kart, co sprawia, że gra nieco się ożywia. W grę można pograć tu: Gra memory wersja 2 . Kod można zobaczyć tu: github

Czytaj więcej

05/06/2018

Joanna

Gra memory

Nowa gra – Memory Do gry wykorzystany został html, css i javascript. Tablica gry rysuje się za pomocą javascript, nie ma jej więc w kodzie html. Kod gry można podejrzeć tutaj: kod gry See the Pen Simple memory game in javascript by Joanna (@JoannaEl) on CodePen.

Czytaj więcej

25/05/2018

Joanna

Tabliczka mnożenia

Dorwałam książkę „Programowanie zorientowane obiektowo w języku JavaScript” i jednym z pierwszych zadań było wykonanie tabliczki mnożenia. Moją tabliczkę można zobaczyć tu: tabliczka mnożenia

Czytaj więcej

23/05/2018

Joanna

Mój pierwszy slider

Mój pierwszy slider można zobaczyć tu: slider Slider działa na 3 sposoby: Całkiem fajny ten slider 🙂

Czytaj więcej

23/05/2018

Joanna

Kółko krzyżyk javascript – ulepszona wersja

Jest! Ulepszona wersja gry kółko i krzyżyk: zagraj Niedopracowana pod względem wyglądu, ale nie o to chodziło. Dodałam opcję gry z komputerem (poziom trudności: low) oraz możliwość wyboru tego, czy chce się zagrać kółkiem czy krzyżykiem. Poza tym, wprowadziłam jeszcze kilka drobnych zmian, jak resetowanie gry, komunikat o remisie i informację o tym, który gracz wygrał […]

Czytaj więcej
to-do-list picture

23/05/2018

Joanna

TO DO List

Lista To Do – drugie w kolejności, zaraz po kalkulatorze polecane zadanie do zrobienia dla początkujących. No to zrobiłam. Nie skupiałam się na wyglądzie, lecz na funkcjonalności. Efekt można zobaczyć tutaj: lista to do

Czytaj więcej

11/05/2018

Joanna

Najprostsza z możliwych wersja gry kółko i krzyżyk

Pierwsza stworzona przeze mnie wersja gry kółko i krzyżyk (podobnie jak w przypadku kalkulatora) była trochę zagmatwana i nie działała do końca poprawnie – głównie dlatego, że jej nie skończyłam. A nie skończyłam jej, bo nie wiedziałam jak ją skończyć (tak, wiem jak to brzmi 🙁 ). Po kilkutygodniowej przerwie, kiedy zaczynałam pisać drugą wersję, […]

Czytaj więcej

Kategorie

  • CSS
  • HTML
  • JavaScript
  • Narzędzia Front-end Developera
  • Przykładowe projekty juniora
  • React
  • React Native
1 … 3 4 5 6 7
  • Blog
  • Spaceship Game
  • Cookies
  • Polski
  • English

2025 love-coding

Ta strona używa cookies dla sprawniejszego działania. Korzystając z witryny akceptujesz politykę cookies.