Navrátil

O mně

Ahoj, jmenuji se Lukáš Navrátil a jsem junior Frontend developer, co má chuť pracovat a učit se nové věci.

Aktuálně hledám práci + spolupracuji s Webzahubičku.cz

Tento web není ve finální fázi a stejně tak projektové aplikace jsou spíše v beta verzi, takže jde spíš o funkčnost než o vzhled. Rád bych všechny ty věci přepsal a dodělal vše do pidi detailu + tvořil a učil se nové věci, ale chtělo by to mít více času nebo nemít strach z předávkování kofeinem 😬

Minulá zaměstnání

...AČR - střelec/starší střelec

...Svářeč - výroba atypických svítidel

Vzdělání

... - Střední vzdělání s maturitou

... - mírně pokročilý

Ostatní dovednosti

... ... ... ... ... ...

Zájmy

... ... ... ... ... ... ... ... ... ... ... ...

Zkušenosti

Základní dovednosti

JavaScript

NodeJS

React

Redux

Next

Typescript

HTML

CSS

Bootstrap

Tailwind

Photoshop

FireBase API

GIT

Kurzy

React Tutorial

kurz od Learn React

  • React.createElement
  • JSX
  • Advanced JSX
  • ReactDOM
  • Elements
  • Components
  • Functional Components
  • Props
  • State
  • Hooks
  • Destructuring
  • UI Kit
  • DOM Events
  • Pure functions
  • Closures
  • Events
  • JSX Advanced
  • Conditional state
  • Conditional rendering
  • Immutability
  • Array immutability
  • State with Arrays
  • Object immutability
  • State with Objects
  • Accessibility
  • Lazy loading
  • Intro to testing
  • Intro to redux
  • React Dev Tools
  • Forms
  • Class Components
  • Functional state
  • Effect hook
  • Component lifecycle
  • Mapbox integration
  • Effect & State
  • Effect, State & Events
  • Advanced State
  • Effect performance
  • Storing to localStorage
  • Using APIs & fetch
  • Advanced Hooks
  • Write your own hooks
  • useFetch hook
  • Context Provider
  • Stripe integration
  • React Router
  • Create React App
  • Deploying React apps
  • Folder structure
  • Custom Events
  • Lifting state up
  • Virtual DOM
  • React Lazy
  • Intro to Preact
  • Intro to react-redux

Learn Modern JavaScript

kurz od Learn JavaScript + ITnetwork

  • Arrays
  • Functions
  • Arrow functions
  • Advanced Arrays
  • Destructuring
  • Optional chaining
  • Nullish coalescing
  • Objects
  • Arrays of Objects
  • Advanced Control Flow
  • Reduce
  • Classes
  • Callbacks
  • Asynchronous logic
  • Advanced classes
  • Prototypical inheritance
  • JSON
  • Promises
  • Fetch
  • Work with real APIs
  • Lexical scope
  • Async/await
  • DOM Selection
  • DOM basics
  • Advanced DOM
  • Events
  • Forms
  • Package Managers
  • Module Bundlers/li>
  • Modules
  • Dynamic imports
  • EcmaScript
  • Legacy var
  • Legacy topics
  • Window object
  • Closures
  • Loops & iteration
  • The event loop

Moderní webdesign - HTML5, CSS3, Bootstrap

kurz od ITnetwork

  • Úvod do HTML 5
  • Struktura HTML stránky
  • Úvod do CSS 3
  • Základní typy selektorů
  • Pozicování
  • Box-model
  • Stylování elementů, notace barev
  • Webová písma
  • Stylování seznamů a tabulek
  • Tvorba layoutu, nové HTML 5 tagy, sémantika
  • Databáze ikon a písem
  • Stíny, animace, přechody, zakulacení
  • Responzivní design
  • Pozicování pomocí flexbox
  • Grid systémy
  • Bootstrap a šablony na něm postavené
  • Moderní webdesign
  • Grafické návrhy a wireframing
  • CSS preprocesory Sass, LESS
  • OOCSS (objektové CSS) s BEM syntaxí
  • Základy SEO optimalizace pro vyhledávače

Projekty

NS-Store

NS-Store je jednoduchý e-shop. Aplikace je tvořena pomocí Reactu + Reduxu, Typescriptu, Tailwindu, Firebase realtime database a Localstorage. Produkty se dají vyhledat, seřadit i třídit podle typu.

>>

Pojištění

Webová aplikace na správu pojištěnců a jejich pojištění. Ukládání a čtení dat probíhá pomocí API přes Firebase Realtime database. V aplikaci lze hledat, přidávat, upravovat, mazat pojištěnce a jejich pojištění.

>>

CoTest

Webová aplikace na online covid test. Zaměřeno spíše na animované pozadí a interakci.

>>