Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Test dla front end developera
Forum PHP.pl > Inne > Hydepark
nospor
Hejka, macie jakies przyklady/pomysly jak przetestowac front end developera pod kątem html/css ?
Ni zgruszki ni z pietruszki padło na mnie, że musze przygotowac jakiś test dla paru kandydatow.... sad.gif
Comandeer
https://forum.pasja-informatyki.pl/21816/challenge-js-dom – a może coś takiego? biggrin.gif
nospor
Hehe, mialem wlasnie napisac to co Pyton smile.gif Potrzebuje znalezc kogos w najblizszej przyszlosci wink.gif

@Pyton prosilem o testy a nie pytania. Pytania juz byly zadane, teraz pora na wiedze praktyczna.

Generalnie testy mam juz przygotowane. Ale jak ktos bedzie mial cos jeszcze ciekawego to zawsze mozna cos dodac smile.gif
Pyton_000
Weź jakiś prosty szablon do zakodowania, rwd, jakieś js, html5. Ciężko coś wymyślić innego
nospor
Mniej wiecej tak juz mam smile.gif
Comandeer
No przecież to moje zadanie nie jest jakoś mega zabójcze… Jego trudność w dużej mierze polega na tym, że mało kto w Polsce wie coś więcej na temat dostępności ponad "dostawiaj [alt] do obrazków".
nospor
Ja akurat interview bede prowadził nie w Polsce. Ale tam jest jeszcze gorzej niz w Polsce wiec wiesz... wink.gif
Comandeer
Gorzej niż w Polsce w zakresie dostępności? Z całego serca współczuję wink.gif
nospor
Gorzej z wiedza, gorzej z usability i generalnie wszystkie stronki tutaj wygladaja jak sprzed 100 lat. No, ale pomalutku do przodu wink.gif

Ludzie maja bardzo ograniczony zakres wiedzy. Szukamy fronend developera. Jakies bylo moje zdziwienie, ze jak na interview sie zapytalem o js to szczytem bylo jQuery. Okazalo sie, ze w specyfikacji o prace firma umiescila w wymaganiach glownie html/css a mi powiedziano o tym dopiero po pierwszym interview i po moim wielkim WTF ... Ot taki szczegol, malo wazny przeciez
rad11
  1. Pytania ogólne:
  2. Jakie jest Twoje preferowane środowisko programistyczne? (system operacyjny, edytor, przeglądarki, narzędzia itd.)
  3. Opisz kolejne zadania podczas tworzenia strony internetowej?
  4. Opisz różnicę między stopniowym ulepszaniem (progressive enhancement) i wdzięczną degradacją (graceful degradation)?
  5. Dodatkowe punkty za opisanie wykrywania obsługi cech (feature detection)
  6. Wyjaśnij, co kryje się za terminem "semantyczny HTML".
  7. Jak optymalizowałbyś zasoby strony internetowej?
  8. Dlaczego serwowanie zasobów strony przez wiele domen jest lepsze?
  9. Ile zasobów pobiera przeglądarka z danej domeny w jednej chwili?
  10. Podaj 3 sposoby na zmniejszenie czasu ładowania strony. (postrzeganego lub rzeczywistego czasu ładowania)
  11. Jakich narzędzi używasz do sprawdzenia wydajności swojego kodu?
  12. Gdybyś mógł opanować jedną technologię w tym roku, jaka byłaby to technologia?
  13. Czym jest FOUC? Jak unikasz FOUC? (Flash of unstyled content)
  14.  
  15. Troche technicznych 
  16. Pytania HTML:
  17. Jaka jest różnica między trybem standardów a trybem dziwactw (quirks mode)?
  18. Jak serwujesz stronę z treścią w wielu językach?
  19. Co jest ważne przy projektowaniu i tworzeniu stron wielojęzycznych?
  20. Jaka jest przydatność atrybutów data-
  21. Opisz różnice między cookies, sessionStorage i localStorage.
  22. Pytania JS:
  23. Wyjaśnij delegację zdarzeń.
  24. Wyjaśnij jak działa this w JavaScripcie.
  25. Wyjaśnij jak działa dziedziczenie prototypowe.
  26. Jak radzisz sobie z testowaniem swojego kodu JavaScript?
  27. AMD kontra CommonJS?
  28. Czym jest tablica mieszająca (hashtable)?
  29. Co oznaczają komunikaty undefined i undeclared dla zmiennych?
  30. Czym są domknięcia, jak i po co są używane?
  31. Ulubiony wzorzec używany do ich tworzenia? argyle (Dotyczy tylko IIFE)
  32. Jakie znasz typowe użycie funkcji anonimowych?
  33. Wyjaśnij pojęcie "Moduł JavaScript" i kiedy jest warte stosowania.
  34. Dodatkowe punkty za wzmiankę na temat czystości przestrzeni nazw.
  35. Co jeśli Twój kod nie używa przestrzeni nazw?
  36. Jak organizujesz swój kod? (moduły, klasyczne dziedziczenie?)
  37. Jaka jest różnicza między obiektami typu host i native?
  38. Różnica między:
  39. function Person(){} var person = Person() var person = new Person()
  40. Jaka jest różnica między .call i .apply?
  41. Wyjaśnij Function.prototype.bind?
  42. Kiedy optymalizujesz swój kod?
  43. Wyjaśnij działanie dziedziczenia w JavaScript?
  44. Kiedy użyłbyś document.write()?
  45. Wiele generowanych reklam używa document.write() choć nie jest to mile widziane
  46. Jakie są różnice między wykrywaniem obsługi funkcji, wnioskowaniem obsługi funkcji i używaniem ciągu UA?
  47. Omów AJAX jak najbardziej szczegółowo.
  48. Wyjaśnij działanie JSONP (i dlaczego nie jest właściwie AJAX).
  49. Czy kiedykolwiek używałeś szablonów w JavaScript?
  50. Jeśli tak, jakie to były biblioteki? (Mustache.js, Handlebars itd.)
  51. Wyjaśnij pojęcie "hoisting".
  52. Opisz bąbelkowanie zdarzeń.
  53. Jak jest różnica między "atrybutem" i "właściwością"?
  54. Czemu rozszerzanie obiektów wbudowanych w JavaScript jest złym pomysłem?
  55. Czemu rozszerzanie to dobry pomysł?
  56. Jak jest różnicą między zdarzeniami load i ready dla strony internetowej?
  57. Jaka jest różnica między == i ===?
  58. Wyjaśnij ewentualny sposób pobrania parametrów z adresu URL w oknie przeglądarki.
  59. Wyjaśnij politykę same-origin w odniesieniu do JavaScript.
  60. Opisz wzorce dziedziczenia w JavaScript.
  61. Opisz strategię zapamiętywania (unikanie powtarzalnych obliczeń) w JavaScript.
  62. Dlaczego mówimy wyrażenie trójkowe, co dokładnie oznacza słowo "trójkowy"?
  63. Czym jest arity funkcji?
  64. Co oznacza "use strict";? Jakie są zalety i wady takiego rozwiązania?
  65. Pytania CSS:
  66. Opisz, czym jest plik "reset" dla CSS i dlaczego jest użyteczny.
  67. Opisz jak działa właściwość float.
  68. Jakie znasz techniki kasowania (clearing) i kiedy wskazane jest ich stosowanie?
  69. Wyjaśnij technikę "CSS sprites" oraz sposób jej wdrożenia na stronie.
  70. Jakie są Twoje ulubione techniki zastępowania obrazów i kiedy je stosujesz?
  71. Haczyki właściwości CSS, warunkowe dołączanie plików .css lub... coś innego?
  72. Jak serwujesz strony dla przeglądarek z ograniczonym wsparciem funkcji?
  73. Jakie techniki stosujesz?
  74. Jakie istnieją sposoby wizualnego ukrycia treści (uczynienia ich dostępnymi tylko dla czytników ekranu)?
  75. Czy kiedykolwiek używałeś systemów siatek, a jeśli tak, to jakie preferujesz?
  76. Czy używałeś 'media queries' lub tworzyłeś konkretne układy i arkusze dla urządzeń mobilnych?
  77. Czy miałeś styczność ze stylizacją SVG?
  78. Jak optymalizujesz swoje strony do druku?
  79. Jakie stosujesz "sztuczki" przy pisaniu efektywnych CSS?
  80. Czy używasz narzędzi do przetwarzania CSS? (SASS, Compass, Stylus, LESS)
  81. Jeśli tak, opisz cechy, które lubisz i nie lubisz w używanych narzędziach.
  82. Jak tworzysz i wdrażasz projekt używający niestandardowych czcionek?
  83. Czcionki sieciowe (serwisy czcionek jak: Google Webfonts, Typekit itd.)
  84. Wyjaśnij jak przeglądarka określa elementy pasujące do selektora CSS?
nospor
Ile jeszcze razy mam pisac, ze nie chodzi mi o pytania?
Pilsener
Ja bym kandydatowi pokazał kilka aplikacji www (np. php.pl) i posłuchał, co ma do powiedzenia Lkingsmiley.png
Strony dobrać w zależności od potrzeb.
Jak jesteś sadystą to możesz poprosić o dodanie na poczekaniu jakiegoś wydumanego wodotrysku HTML5/CSS3 businesssmiley.png
deha21
Jak potrzebujesz front end deva to się zgłaszam, ale zdalnie skoro nie PL wink.gif Ja jakiś czas temu ubiegałem się o stanowisko front end dev i tylko trzy firmy chciały ode mnie wiedzy praktycznej tak na prawdę - tzn. dały mi zadanie rekrutacyjne. Pierwsze z nich to po prostu pociąć i zakodować stronę według przesłanego szablonu z PS-a. Drugie było ciekawsze - miałem stworzyć okrągły loader (według szablonu) który odliczał od 5 minut do 0 i po tym czasie pokazywał linka do innej podstrony. Fajne bo dotykało to html/css (pocięcie i ułożenie) i JS-a. A z JS-em było jeszcze tak, że ostatecznie chyba skorzystałem z html/css jeśli chodzi o postęp loadera ale w między czasie wypróbowałem jeszcze parę innych rozwiazań, np. canvas. I nawet się czegoś przy tym nauczyłem. Więc to zadanie rekrutacyjne było fajne smile.gif Ale ostatecznie i tak powiedzieli, że jednak nie chcą nikogo zdalnie tylko na miejscu :/ Szkoda że wcześniej tego nie mówili, skoro wiedzieli że u mnie tylko praca zdalna wchodziłaby w grę.
nospor
No znalezlismy juz jednego i na razie nie szukamy.
A nawet jakbysmy szukali to niestety ale nie zdalnie. Akurat u nas front end duzo czasu spedza z ludzmi z biura by ustalac szczegoly i na odleglosc to by byl jednak problem.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.