25 najważniejszych pytań i odpowiedzi na rozmowę kwalifikacyjną dla programistów internetowych

Twórcy stron internetowych są nadal poszukiwani wraz z rozwojem Internetu. Aby jednak dostać pracę, musisz najpierw skalować sesję rozmowy kwalifikacyjnej z pracodawcą.

Chociaż większe zespoły zazwyczaj zatrudniają programistów front-endowych lub back-endowych, mniejsze zespoły i start-upy często wybierają programistów full-stack. Dlatego warto wiedzieć jak najwięcej.

Poniżej znajduje się lista 25 najważniejszych pytań do rozmowy kwalifikacyjnej z twórcami stron internetowych, które należy znać, wraz z odpowiedziami, które pomogą Ci się przygotować.

1. Jaka jest rola HTML, JavaScript i CSS w tworzeniu stron internetowych?

HTML oznacza HyperText Markup Language i jest to standardowy język do tworzenia dokumentów do publikacji w Internecie. JavaScript i CSS to dodatki.

JavaScript został pierwotnie zaprojektowany jako język programowania po stronie klienta. Jest wykonywany w przeglądarce, aby zapewnić większą funkcjonalność strony internetowej. CSS oznacza Cascading Style Sheets i służy do prezentacji elementów na ekranie.

2. Co to jest responsywne projektowanie stron internetowych

Responsywne projektowanie stron internetowych to podejście do tworzenia stron internetowych, którego celem jest zapewnienie użytkownikowi jak najlepszych wrażeń poprzez dostosowanie wyglądu witryny do urządzenia lub środowiska tego użytkownika.

Celem jest, aby witryna wyglądała dobrze na wszystkich urządzeniach, co pociąga za sobą dynamiczne zmiany, które albo zmniejszają, albo zwiększają rozmiary pudełek i wyrównanie w zależności od rozmiaru lub orientacji ekranu urządzenia.

3. Jakie są korzyści ze stosowania frameworka?

Używanie frameworka do tworzenia aplikacji internetowych ma wiele zalet. Najważniejsze z nich są następujące:

1. Łatwiejszy proces rozwoju dzięki najlepszym praktykom.
2. Szybszy rozwój projektów startowych oszczędza czas.
3. Zastosowanie wypróbowanego i przetestowanego kodu.
4. Często zapewnia większe bezpieczeństwo.
5. Oszczędza koszty, zwłaszcza przy większych projektach.

4. Co to jest wywołanie zwrotne JavaScript?

Wywołanie zwrotne JavaScript to funkcja, która powinna zostać wykonana po innej funkcji. Nazwa i argumenty funkcji wywołania zwrotnego mogą być przekazywane jako argumenty do pierwszej funkcji, a ponadto pierwsza funkcja może również wewnętrznie przekazywać do funkcji wywołania zwrotnego argumenty będące wynikiem jej obliczeń.

Funkcji wywołania zwrotnego najlepiej używać z funkcjami asynchronicznymi, które muszą poczekać, aż inne funkcje zakończą wykonanie.

5. Wyjaśnij zakres lokalny i globalny w JavaScript

Zdefiniowane zmienne są zapisywane słownie i mają znaczenie tylko w odpowiednim kontekście. Zasięg lokalny i globalny odnosi się do tego kontekstu zdefiniowanych zmiennych. Zmienna globalna musi być zdefiniowana poza funkcją, natomiast zmienne lokalne są zdefiniowane wewnątrz funkcji.

Zatem zmienna globalna ma zasięg globalny, co oznacza, że ​​można uzyskać do niej dostęp z dowolnego miejsca w programie. Zmienna lokalna ma jednak zasięg lokalny, co oznacza, że ​​można uzyskać do niej dostęp tylko z wnętrza funkcji.

6. Wyjaśnij indeks Z w CSS

Indeks Z to właściwość elementu używana do definiowania kolejności elementów na stosie. Kolejność stosów odnosi się do zdolności elementu do znajdowania się za lub przed innymi elementami, tak jak stos kart.

Elementy o wyższej kolejności stosu pojawiają się przed elementami o niższej kolejności stosu. W tym kontekście nadanie elementowi kolejności stosu wynoszącej 2 lub 100 gwarantuje, że będzie on wyświetlany na stronie nad wszystkimi innymi. Podobnie, strona bez określonej kolejności stosów będzie układać dolne elementy ze źródła wyżej niż górne.

7. Co to jest markiza w HTML?

Marque to znacznik kontenera w HTML, który służy do wyświetlania przewijanego tekstu. Umożliwia kontrolowanie kierunku i szybkości przewijania. Marquee jest jednak przestarzały w HTML5 i zamiast tego zaleca się używanie CSS.

Przykład przewijania z markizą:

Tekst przewijania markizy

8. Wymień główne sposoby skrócenia czasu ładowania strony

Programista może podjąć wiele kroków, aby skrócić czas ładowania strony. Najważniejsze z nich to:

• Optymalizuj obrazy i zmniejszaj ich rozmiar
• Pozbądź się niepotrzebnych widżetów
• Ogranicz wyszukiwanie do absolutnego minimum
• Hostuj witrynę na przyzwoitym hoście
• Korzystaj z przyspieszonych stron mobilnych lub witryn statycznych
• Leniwe ładowanie obrazów
• Zminimalizuj swój kod

9. Jakie są różnice między płótnem a SVG?

SVG oznacza skalowalną grafikę wektorową i tag to element kontenera służący do tworzenia grafiki, takiej jak okrąg, prostokąt, elipsa i tak dalej. Możesz modyfikować SVG za pomocą CSS lub JavaScript, a skalowalność oznacza, że ​​działa dobrze w przypadku wyników o wysokiej rozdzielczości.

The Z drugiej strony kontener jest oparty na rastrze i nie jest skalowalny. Służy również do tworzenia grafiki, ale można go modyfikować tylko za pomocą JavaScript. Jest jednak bardziej skuteczny w obsłudze większej liczby obiektów.

10. Jak Null Różnią Undefined?

Null jest reprezentacją braku wartości. Jest powszechnie używany jako nośnik miejsca docelowego do inicjowania zdefiniowanej zmiennej, której nie przypisano wartości rzeczywistej. Z drugiej strony niezdefiniowana odnosi się do zdefiniowanej zmiennej, która nie została zainicjowana.

W JavaScript:

zmienna zmiennaA;

zmienna zmiennaB = null;

alert(zmiennaA); //pokazuje niezdefiniowane

alert(zmiennaB); //pokazuje wartość null

11. Czym ID różni się od klasy?

Identyfikator i klasa to dwie metody identyfikacji i obsługi elementów w dokumencie HTML. Główna różnica między nimi polega jednak na tym, że identyfikator musi być unikalny. Innymi słowy, dwa elementy nie mogą mieć tego samego identyfikatora, ale dwa lub więcej elementów może mieć tę samą klasę.

Identyfikator służy do obsługi określonych elementów, natomiast klasa służy do obsługi grupy elementów, które mają jedną lub więcej wspólnych cech.

12. Jak poprawić zabezpieczenia witryny internetowej?

Oto kilka kroków, które możesz podjąć, aby poprawić bezpieczeństwo witryny internetowej:

1. Egzekwowanie polityki silnych haseł. Oznacza to sprawdzenie, czy wybrane hasło ma więcej niż 8 znaków i zawiera cyfry, znaki specjalne oraz wielkie i małe litery.
2. Użycie captcha lub innego środka zabezpieczającego przed botami.
3. W razie potrzeby stosowanie metod uwierzytelniania dwuskładnikowego lub wieloskładnikowego, takich jak hasła OTP (hasła jednorazowe) i klucze sprzętowe.
4. Korzystanie z hosta z ochroną DDoS i funkcjami automatycznego tworzenia kopii zapasowych.

13. Czym localStorage różni się od sessionStorage?

Zarówno systemy localStorage, jak i sessionStorage umożliwiają programistom przechowywanie danych w przeglądarce internetowej. Jednak localStoarage jest trwały, podczas gdy sessionStorage nie. Innymi słowy, dane przechowywane w localStorage będą dostępne w przeglądarce przez wiele sesji, natomiast dane przechowywane w sessionStorage zostaną usunięte po zamknięciu karty przeglądarki.

14. Lista ulepszeń protokołu HTTP2.0 w stosunku do protokołu HTTP 1.1

Protokół HTTP/2 został opublikowany w 2015 roku i oferuje znaczące ulepszenia, takie jak:

1. Lepsze bezpieczeństwo dzięki zastosowaniu formatu binarnego zamiast tekstu.
2. Lepsza wydajność.
3. Mniejsze opóźnienie.
4. Lepsza obsługa błędów.
5. Niższy narzut.

15. Jaka jest różnica pomiędzy Git Pull a Git Merge?

Polecenie git pull umożliwia pobranie zawartości ze zdalnego repozytorium, a następnie zaktualizowanie lokalnego repozytorium pobraną zawartością.

Z kolei polecenie git merge pozwala połączyć dwie oddzielnie opracowane gałęzie tego samego projektu. Polecenie łączenia należy wykonać z gałęzi, do której chcesz się połączyć i jest to zwykle gałąź główna.

16. Czym różni się GET od POST i PUT?

Metoda HTML GET jest używana przez przeglądarkę do żądania informacji od serwera, natomiast metody POST i PUT służą do wysyłania informacji z przeglądarki do serwera.

Ale podczas gdy żądanie POST może po prostu dodać dane do zasobu serwera, żądanie PUT służy do całkowitego zastąpienia zasobu przy użyciu ładunku żądania.

17. Wymień najpopularniejsze formaty wymiany danych

Oto najpopularniejsze obecnie formaty wymiany danych:

1. XML
2. YAM
3. CSV
4. JSON
5. HTTP
6. SQL

18. Wymień 3 typy wyskakujących okienek

Wyskakujące okienka w JavaScript służą do wyświetlania wiadomości użytkownikowi, żądania wprowadzenia danych, a czasem do obu tych celów. Oto 3 typy wyskakujących okienek JavaScript:

1. Alert Box – Wyświetla Twoją wiadomość i przycisk „OK”.
2. Potwierdź pole – To okno dialogowe zawiera przyciski „OK” i „Anuluj”, które mogą mieć wpływ na kod.
3. Pole podpowiedzi – To pole zawiera pole wprowadzania tekstu umożliwiające zbieranie informacji od użytkownika.

19. Wymień różne sposoby dołączania kodu CSS

Istnieją 3 sposoby dołączania CSS do dokumentu HTML. Oni są:

1. Zewnętrzny CSS – Dołączasz dokument .css za pomocą wewnątrz dokumentu tagi.
2. Wbudowany CSS – Dołączasz kod CSS do pliku tagi w dowolnym miejscu dokumentu.
3. Wbudowany CSS – Używasz pary style=”Właściwość CSS: wartość” wewnątrz tagów HTML, np. PSquare!

20. Jak okno.onload Różnią się od document.onload?

Window.onload służy do wykonywania kodu JavaScript po załadowaniu przez przeglądarkę drzewa DOM strony i innych podstawowych elementów, w tym obrazów, kodu CSS i skryptów.

Chociaż document.onload jest wykonywany natychmiast po przygotowaniu modelu DOM, może to oznaczać nawet przed załadowaniem obrazów i bibliotek zewnętrznych.

21. Jak ukryć element za pomocą CSS?

Możesz ukryć element HTML za pomocą 3 metod CSS, są to:

1. Nie wyświetla się; – Element nie jest ani renderowany, ani wyświetlany.
2. Widoczność: ukryta; – Element jest renderowany, ale nie jest wyświetlany.
3. Pozycja: Absolutna; – Element jest renderowany i wyświetlany, ale znajduje się poza obszarem wyświetlania.

22. Jakie są najlepsze zastosowania Ajaxu?

Ajax to metoda ładowania danych z serwera w tle przy użyciu JavaScript. Ma wiele zastosowań, takich jak sprawdzanie poprawności danych, aplikacje do czatowania, komentarze, filtrowanie danych, edycja wizualna, ankiety i tak dalej.

23. Wymień kilka nowych funkcji CSS3

CSS3 zawiera wiele nowoczesnych i pomocnych funkcji w stosunku do CSS2, takich jak:

1. Zaokrąglone rogi pudełek i obrazów.
2. Animacja obiektów.
3. Zmienne i funkcje dla deklaracji.
4. Grid i Flexbox do responsywnego projektowania.
5. Gradienty kolorów tła.
6. Kontrola nieprzezroczystości za pomocą RGB.
7. Efekt cienia dla pól i tekstów.
8. Przejścia dla najechania i skupienia na elementach.

24. Jakie nowe typy wprowadzania danych zostały wprowadzone w HTML5?

Typ wejściowy to wartość nadana elementowi wejściowemu w dokumencie HTML.

Przykładem jest:

or

Nowe typy danych wejściowych HTML5 obejmują:

1. Data
2. Kolor
3. Email
4. Szukaj
5. Tel
6. Miesiąc
7. Zakres numerów
8. Miesiąc
9. URL
10. Data i godzina — lokalnie

25. Opisz elementy multimedialne HTML5

HTML5 zawiera więcej znaczników elementów do obsługi typów multimediów i źródeł. Oni są:

• – dla filmów MP4, WebM i Ogg.
• – definiowanie wielu źródeł w różnych formatach.
• – dla plików audio MP3, Ogg i WAV.
• – kontener zawierający zasoby zewnętrzne, od zdjęć po wideo i strony internetowe.
• – aby określić ścieżki napisów do filmów.

Wniosek

Docierając do końca naszej listy 25 najważniejszych pytań podczas rozmowy kwalifikacyjnej z twórcami stron internetowych, możesz zobaczyć, że aby zostać programistą full-stack, potrzeba sporo kombinacji technologii.

Chociaż jest to przewodnik poruszający różne aspekty pracy, nie jest on w żadnym wypadku wyczerpujący. Zatem Twoim zadaniem jest zidentyfikowanie obszarów, co do których nie masz pewności, a następnie nauczenie się ich.