annakrolikowska Goto Github PK

annakrolikowska

boilerplate-project-exercisetracker

A boilerplate for a freeCodeCamp project.

css-html-task

ecmascript-new-features-list

A comprehensive list of new ES features, including ES2015 (ES6), ES2016, ES2017, ES2018, ES2019

excursions-platform

It is a platform, which consists of two parts - in the first panel, you are able to create an excursion offer as an admin and in the second panel, you can purchase order as a client. Excursions and orders are stored in database - API running on JSON Server.

expense-manager

food-order-form

This application allows users to place food orders. Creating using React and TypeScript. The form data is submitted via a POST request as JSON.

garden-landingpage

Translation of a graphic design project from Figma to code. Landing page coded in HTML, CSS + Bootstrap, and JavaScript.

gd-accessibility

Semantic HTML, Alternate text, Keyboard accessible, Aria attributes, Ease of navigation, Properly size touch targets

gd-fullstack-app

github-helloworld

html-and-css-layout

html-and-css-menu-dropdown

html-scss-exercise

Design from Figma to HTML & SCSS.

js-payment-form

Figma design to code. Simple project with payment form to improve my skills in SCSS and JS.

js-product-card

Product card. Design from Figma to HTML & SCSS & Javascript.

kanban-board

It is a Kanban Board (visual-organization tool), created using React and Redux. Tasks can be added to the board, removed and moved between columns (each column has a limit of tasks). The data is stored in Local Storage.

language-course-website

A landing page offering Polish language lessons for Ukrainians. Built using React and Tailwind CSS.

mazury-website

The landing page was created using HTML, pure CSS, and JavaScript. It features a dynamic image gallery with a slider and expandable sections for additional information. It was my first real project for a client.

node-exercisetracker

https://www.freecodecamp.org/learn/back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker

portfolio

This is my portfolio website that I created using TypeScript, React, and SCSS. The website has a simple design that I previously prepared in Figma. Color theme of the website can be changed according to preferences. Various animations have been used.

practice-html-and-css-basics

👉 HTML&CSS: Podstawy - wygraj Code Review ✅ wykonując zadania! ➡ Znajomość HTML-a i CSS-a jest niezbędna do rozpoczęcia przygody z programowaniem w języku JavaScript, dlatego zawsze najpierw polecam naukę podstaw tych dwóch technologii.

practice-html-and-css-rwd

👉 HTML&CSS: Responsywność - wygraj Code Review ✅ wykonując zadania! ➡ Ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn może stanowić nawet 90% ruchu. Umiejętność tworzenia responsywnych stron internetowych, czyli dostosowujących się do rozmiaru urządzenia, jest niezbędna u każdego frontendowca.

practice-js-api-and-fetch

👉 JavaScript: API & FETCH - wygraj Code Review ✅ wykonując zadania! ➡ Umiejętność korzystania z API jest często wykorzystywaną umiejętnością w pracy Front-end Developer-a. fetch() to rozwiązaniem, które pozwala nam wykonywać zapytania do API i pobierać dane, które potem możemy zaprezentować na naszej stronie. Wspomniana funkcja jest rozwiązaniem asynchronicznym dlatego wywołania zwrotne (ang. callback) powinny być Ci znane, jak również problemy z nimi związane np. callback hell. fetch() wykorzystuje w swojej implementacji obietnice (ang. Promise), które również nie powinny być Ci obce. Opisywane wyżej zagadania są niezbędne do wykonania zadań jakie są dostępne w tym repozytorium.

practice-js-basics

👉 JavaScript: Podstawy - wygraj Code Review ✅ wykonując zadania! ➡ Stawiając pierwsze kroki w każdej dziedzinie należy najpierw poznać teorię, która pozwala lepiej interpretować zaistniałe sytuacje. Sprawdź swoją znajomość podstaw JavaScriptu!

practice-js-basics-arrays

👉 JavaScript: Podstawy, tablice - wygraj Code Review ✅ wykonując zadania! ➡ Tablice to podstawowa struktura danych wykorzystywana w języku JavaScript. Sprawdź czy Twoja wiedza z tablic i funkcji z nimi powiązanych jest wystarczająca!

practice-js-basics-functions

👉 JavaScript: Podstawy, funkcje - wygraj Code Review ✅ wykonując zadania! ➡ Funkcje pozwalają na przestrzeganie zasady DRY, która przyczynia się do tworzenia kodu wysokiej jakości. Sprawdź, czy rozumiesz działanie funkcji i potrafisz z nich korzystać!

practice-js-basics-loops

👉 JavaScript: Podstawy, pętle - wygraj Code Review ✅ wykonując zadania! ➡ Pętle `for` czy `while` są niezbędnym elementem każdej aplikacji. Zrozumienie ich działania jest pierwszym krokiem jaki należy wykonać, aby wejść w świat programowania.

practice-js-basics-objects

👉 JavaScript: Podstawy, obiekty - wygraj Code Review ✅ wykonując zadania! ➡ Obiekty to kolejna struktura w JavaScript, która pozwala na grupowanie danych. Przekonaj się, czy potrafisz operować na właściwościach i wartościach obiektów.

practice-js-dom-elements

👉 JavaScript: Elementy DOM - wygraj Code Review ✅ wykonując zadania! ➡ Elementy DOM to małe klocki, z których jest budowana strona internetowa. Umiejętne wyszukiwanie, dodawanie, modyfikowanie czy usuwanie tych elementów jest pierwszym krokiem do budowania interaktywnych i nowoczesnych stron internetowych.