Wyszukaj / o blogu

Pobór na front

Opublikowano sob 28 listopada 2020 w praca • Tagi: css, js, react, html • 1 min read

over the top

W poniższym poście zamieszczam linki przydane w procesie rekrutacji na Frontend'owca. Zebrane materiały zarówno omawiają wybrane zagadnienia jak i przedstawiają potencjalne pytania/zadania (oraz odpowiedzi/rozwiązania) jakie można spotkać w procesie rekrutacji na front-end developera.

CSS/HTML/JS...

Cracking the front-end interview

front-end-interview-handbook i wersja PL Podręcznik Frontend przygotowujący do …


Czytaj dalej

HTML -> wstęp do budowy dostępnych stron (ang. Accessibility)

Opublikowano wto 23 czerwca 2020 w html • Tagi: vsc, accessibility, dostępność, semantyczny html, html • 3 min read

accessibility

Kwestia dostępności (ang. accessibility) jest związana z takim tworzeniem stron internetowych (w tym w dużej mierze odpowiedniej struktury HTML) aby osoby posiadające różnego rodzaju zaburzenia (np. widzenia) lub problemami z motoryką ciała w możliwie jak najprostszy sposób mogły z nich korzystać.

Do osób wykluczonych zaliczyć można:

  • osoby niepełnosprawne sensorycznie

  • osoby …


Czytaj dalej

CSS konwencje nazewnictwa klas -> OOCSS, BEM i BEMIT

Opublikowano czw 18 czerwca 2020 w css • Tagi: css, html, klasy, bem, bemit, oocss • 3 min read

BEM

Podstawowe zasady nazewnictwa

Nazewnictwo klas CSS zaczyna się od... wybrania odpowiedniego taga HTML a później...

Podział na 3 sposoby nazywania klas

  • funkcjonalność (Functional class names) -> połączenie klasy z elementem ze względu na jego znaczenie selected-button, important-text

  • zawartość (Content-based class names) -> klasy wskazujące na zawartość elementu submit-button, intro-text

  • prezencja (Presentational class …


Czytaj dalej

HTML: semantyczny HTML

Opublikowano śro 17 czerwca 2020 w html • Tagi: css, html, semantyczny html, semantic • 2 min read

semantyczny-html

Znaczniki semantyczne określają znaczenie treści, która jest w ramach nich zamknięta. Nie powinny być wykorzystywane do pozycjonowania (od tego div) a do określania treści.

HTML - tag znaczenie
<alt> alternative/opis w przypadku braku elementu lub dla czytnika
<article> artykuł - rozumiany jako przedmiot rzecz / niezależna i zamknięta część strony
zawartość tego …

Czytaj dalej

HTML: podstawy tabel

Opublikowano wto 16 czerwca 2020 w html • Tagi: css, html, semantyczny html, semantic • 1 min read

html-tabele

Sekcje Tabeli HTML
Tabela <table></table>
Sekcja nagłówka <thead></thead>
Sekcja główna <tbody></tbody>
Stopka <tfoot></tfoot>
---- ----
Wiersz <tr></tr>
Komórka <td></td>
Nagłówek tabeli <th></th>
---- ----
Zasięg (columna/wiersz) <th scope="col/row">
Łączenie (liczba kolumn) <th rowspan="2">

Przykładowa tabela

Model Planet Class
1 R2D2 Naboo Droid
2 …

Czytaj dalej

Visual Studio Code - Emmet

Opublikowano sob 28 marca 2020 w VSC • Tagi: vsc, emmet, html, css, szybkie kodowanie, code snippets, szybkie pisanie • 2 min read

Emmet jest zbiorem wtyczek, które pozwalają na szybkie kodowanie (html,xml,css) przy pomocy wykorzystania pojawiających się podpowiedzi rozpoznających wpisane skróty. Nazwa ma być nawiązaniem do brzmienia wyrazu mrówka w j. angielskim (Ant) - owada potrafiącego przenieść przedmioty ważące wielokrotnie więcej od niej samej.

Emmet jest "wbudowany" w Visual Studio Code …


Czytaj dalej