Úvod do otázek a odpovědí vývojářského rozhraní pro front-end

Víte, že existuje asi 1, 673, 535, 333 webů (opouštějících mobilní aplikaci) na světě (od října 2018)? Víte, došlo k obrovskému nárůstu počtu uživatelů internetu o 800% (ve srovnání s minulým desetiletím).

Šokováno !!!

Tohle je jen pohled na titul, který budeme pokrývat. Ale dříve si to trochu představme. Pomůžeme našim čtenářům s vodítkem - „je to všude, na internetu“.

Tyto statistiky jen ztrojnásobily tlak na přední vývojáře po celém světě. S každou další sekundou vznikne jedna nebo více webových stránek a to je stále rostoucí poptávka. Ano, budeme diskutovat o front-end vývojáři dnes v našem článku.

Takže, začít s tím, co přesně je frontend vývojář? Co dělali?

Klientské rozhraní znamená to, co se objeví před uživateli (ano, webové stránky). Přední vývojář tedy implementuje strukturu, design, chování a animace související se všemi kousky a kousky, které vidíte při každém otevření webu nebo mobilní aplikace.

Nyní, pokud hledáte práci, která souvisí s front-end vývojářem, musíte se připravit na 2019 front-end dotazy pro vývojáře. Je pravda, že každý pohovor se liší podle různých profilů práce. Zde jsme připravili důležité dotazy a odpovědi na rozhraní front-end pro vývojáře, které vám pomohou dosáhnout úspěchu v rozhovoru.

V tomto článku z roku 2019 Front End Developer Interview Questions uvedeme 14 nejdůležitějších a často kladených dotazů Front End Developer Interview. Tyto otázky jsou rozděleny do dvou částí:

Část 1 - Frontend DeveloperInterview Questions (Basic)

Tato první část se zabývá základními otázkami a odpověďmi z rozhraní front-end pro vývojáře

Q1. Jaká sada dovedností dělá z vývojáře front-end kompletní? Nebo jaké jsou klíčové dovednosti potřebné pro vývojáře front-end?

Odpovědět:
Klíčové dovednosti potřebné pro vývojáře front-end jsou následující

  • HTML
  • CSS
  • JavaScript
  • JQuery
  • Kromě toho existují další další dovednosti, které mohou vylepšit profil -
  • Porozumění testování v různých prohlížečích
  • Systémy pro správu obsahu jako WordPress, Joomla a Drupal
  • Znalost SEO

Q2. Vysvětlete vrstvy přítomné na webové stránce. Jak v tom hraje roli CSS?

Odpovědět:
Na každé webové stránce jsou 3 druhy vrstev. Tyto jsou

  • Vrstva obsahu
  • Prezentační vrstva
  • Vrstva chování

Obsahová vrstva je informace, kterou web drží. Obsahuje textové údaje, fakta a informační část.

Přejdeme k dalším dotazům na rozhraní pro vývojáře front-end

Q3. Řekni mi něco o W3C?

Odpovědět:
W3C znamená World Wide Web Consortium, což je mezinárodní standard pro web. Tito lidé odpovídají za standardizaci webu a za jeho zpřístupnění všem uživatelům.

Prezentační vrstva bude definovat, jak se bude obsah zobrazovat před jeho uživateli. Dá se také říci, že se jedná o vzhled a dojem z webové stránky. Zde je role CSS aka kaskádových stylů je způsob, jak ovládat a prezentovat prezentační vrstvu ve webovém dokumentu.

Vrstva chování zahrnuje interakci uživatele s webovou stránkou v reálném čase.

Q4. Zmínit některé výhody CSS?

Odpovědět:
Toto je běžný front-end rozhovor pro vývojáře Otázky položené v rozhovoru. Výhody CSS jsou následující:

  • To šetří čas
  • Pomáhá při rychlém načítání stránky
  • Snadná údržba
  • Vynikající pro HTL styl
  • Kompatibilita více zařízení
  • Globální standardy pro web
  • Procházení offline
  • Nezávislost na platformě

Q5. Jakým způsobem se vývojář používá ke snížení doby načítání daného webu?

Odpovědět:
Některé klíčové věci, které bereme v úvahu, jsou -

  • Povolte správné ukládání do mezipaměti prohlížeče
  • Optimalizujte obrazové soubory
  • Minimalizujte požadavky HTTP
  • Omezte přesměrování

Q6. Jakým způsobem budete jako vývojář považovat za zásadní pro zkrácení doby načítání webové aplikace?

Odpovědět:
Existuje mnoho způsobů, jak toho dosáhnout, mohou snížit složitost

  • Ukládání do mezipaměti prohlížeče
  • Optimalizací obrazových souborů
  • Minimalizace zdrojů (odstranění nepotřebných znaků ze zdrojového kódu)
  • Minimalizujte požadavek HTTP

Přejdeme k dalším dotazům na rozhraní pro vývojáře front-end.

Q7. Jak deklarujete trojrozměrné pole v Javascriptu?

Odpovědět:
Pomocí této syntaxe -

Var myArray = ((()));

Část 2 - Otázky pro vývojáře front-end (pokročilé)

Podívejme se nyní na pokročilé dotazy pro vývojáře front-end.

Q8. Jaký by byl výsledek 9 + 6 + ”3”?

Odpovědět:
O / p bude 153.

Vysvětlení - zde 9 a 6 jsou datové typy (celá čísla), takže budou přidány číselně. Protože 3 je řetězec, výsledek by byl zřetězený a stal by se 9 + 6 = 15 a 3 se spojí do formy 153 jako výstup.

Q9. Vysvětlete model CSS boxu?

Odpovědět:
Model Box pomáhá poskytovat strukturovanější způsob, jak prostorové prvky ve vztahu k sobě navzájem pro webovou stránku. Model boxu obsahuje několik komponentů

  • Okraje
  • Hranice
  • Polstrování
  • Obsah

Přejdeme k dalším dotazům na rozhraní pro vývojáře front-end.

Q10. Co je předprocesor CSS? Proč je používáme?

Odpovědět:
Předběžný procesor se používá pro převod kódu. Předpracované jazyky jako SASS a LESS jsou převedeny do formálnějšího formátu CSS. Důvody pro jejich použití jsou

  • Schopnost definovat proměnné
  • Schopnost používat vnořenou syntaxi
  • Schopnost vytvářet a používat mixiny (funkce)
  • Využití matematických a operačních funkcí

Q11. Pojmenujte některé nové funkce přítomné v HTML5 a chybí v HTML?

Odpovědět:
Toto jsou nejčastěji kladené dotazy týkající se rozhovorů s klientskými rozhraními front-end. Některé nové funkce v HTML5 jsou -

  • Prohlášení DOCTYPE
  • Značka sekce (
  • Značka záhlaví a zápatí
  • Flgcaption tag

Q12. Řekněte mi komponenty stylu CSS?

Odpovědět:
Styl CSS se skládá ze tří věcí