Ahoj 👋, jsem Vendy :)
Frontend developer
Vyvíjím weby a aplikace v Reactu s využitím TypeScriptu.
Další level ve vývoji? Next.js!
O mně
Kdo jsem?
Frontend vývojářka webů a webových aplikací v technologiích - React, TypeScript a JavaScript.
Grafické návrhy webů z Figmy kóduji do responsivního HTML/CSS a doplňuji o interaktivní prvky.
Moje další meta? Next.js – přirozené rozšíření toho, co už dobře znám z Reactu.
Co mě baví na frontendu?
Vyvíjet funkční a vizuálně přívětivé webové aplikace , které návštěvníci přímo vidí a používají.
Navrhovat a tvořit komponenty v Reactu s důrazem na jejich znovupoužitelnost napříč projektem.
Kódovat a převádět grafické návrhy z Figmy do podoby s dynamickým obsahem, který následně ožívá v prohlížeči.
Jaké vlastnosti mě vystihují?
- Spolehlivost: Dodržuji termíny a často předkládám výsledky dříve, než je potřeba.
- Pečlivost: Detaily nepřehlížím – toleruju jen 1px!
- Flexibilita: Cítím se jistější, mám-li po ruce parťáka, ale dokážu pracovat i samostatně.
- Otevřenost: Zpětná vazba? Ráda si vyslechnu, je pro mě motivací k rozvoji svých dovedností.
Dovednosti a nástroje
... se kterými pracuju ve svých projektech.
React
JavaScript
TypeScript
Next.js
HTML
CSS
Sass
Tailwind
Git
Visual Studio Code
Vite
Figma
Supabase
11ty
Photoshop
Corel
Projekty
... na kterých získávám praktické zkušenosti.
React / Supabase / Sass / Vite
Words Game
Web na procvičování anglické slovní zásoby s výběrem ze 3 modulů a s možností měnit jejich výchozí nastavení. Aplikaci jsem naprogramovala v Reactu a pro práci s daty jsem využila Supabase. Realizace tohoto projektu proběhla na ReactGirls Mentoringovém programu.
JavaScript / Sass / Webpack
Vinařství
Web s katalogem vína, na kterém lze filtrovat produkty a odesílat rezervační formulář. Web jsem naprogramovala v JavaScriptu a pro jeho sestavení jsem použila Webpack. Data z katalogu jsou uložena v samostatném souboru jako pole objektů. Projektu jsem se věnovala v rámci kurzu JavaScript 2.
HTML / Sass / Eleventy
Expo burza Pardubice
Web s informacemi o jednodenní události jsem nakódovala pomocí HTML a Sass. Ke generování statických stránek jsem využila šablonovací systém Eleventy. Projekt je závěrečnou prací kurzu Staň se kodérkou.
Kurzy a certifikáty
... vzdělávám se a rozšiřuju si své dovednosti.
09/2024 - 09/2024
Czechitas
Figma
Seznámila jsem se s prostředím Figmy a jejími základními funkcemi. Orientuji se ve stylování textů, přidávání elementům barvy a stínovací efekty. Pracuji s auto layoutem pro efektivní rozvržení prvků. Vytvářím komponenty a jejich varianty, navrhuji wireframy i funkční prototypy podle zadání. Pro přehlednou správu stylů napříč návrhem využívám Figma Variables.
07/2024 - 08/2024
Skillmea
Základy Next.js
Vytváření multi-page aplikací pomocí Pages Router a dynamické segmenty v URL. Metody stylování aplikace: CSS/Sass, Styled Components, Tailwind CSS, CSS-in-JS. Renderování a načítání dat: getServerSideProps (SSR), getStaticPaths (SSG), Automatic Static Optimization. Optimalizace obrázků. Povědomí o vývoji full-stack aplikací přes API Routes a nastavení autentizace.
04/2024 - 06/2024
Czechitas
React 2 - Nástroje a techniky
Ovládám používat TypeScript při vývoji React aplikacích. Získala jsem hlubší pochopení Reactu a životního cyklu komponenty. Naučila jsem se vytvářet vlastní hooky a pokročilé metody state managementu pomocí useContextu. Zpracovávat formuláře a validovat data přes Formik. Seznámila jsem se s psaním unit testů a testováním prostřednictvím Vitest.
02/2024 - 04/2024
Kódím.cz
Základy TypeScriptu
Ovládám základy Typescriptu a jeho typového systému, jednoduché datové modelování, nastavení projektu v TypeScriptu vč. bundlování, základy parametrických typů (generik) a doporučené postupy pro vývoj webových aplikací v TypeScriptu a Reactu.
01/2024 - 04/2024
Czechitas
React 1 - Základy
Zopakovala jsem si základy JavaScriptu a zapisování ve formátu ES6 a vyšší. Ovládám základní principy fungování Reactu. Dokážu vytvořit jednoduchou aplikaci složenou z komponent, která načítá data z API, pracuje s useState, useEffect a React Routerem.