Топ 25 въпроса и отговора за интервю за уеб разработчици, които трябва да знаете

Уеб разработчиците продължават да бъдат търсени, тъй като Интернет продължава да расте. За да намерите работата обаче, първо трябва да мащабирате сесията за интервю с работодателя.

Въпреки че по-големите екипи са склонни да наемат специално предни или бек-енд разработчици, по-малките екипи и стартиращи компании често ще избират разработчици с пълен набор. Така че е полезно да знаете колкото можете повече.

Следва списък с 25-те най-важни въпроса за интервю за уеб разработчици и техните отговори, които да ви помогнат да се подготвите.

1. Какви са ролите на HTML, JavaScript и CSS в уеб разработката?

HTML означава HyperText Markup Language и е стандартният език за разработване на документи за публикуване в мрежата. JavaScript и CSS са екстри.

JavaScript първоначално е проектиран като език за програмиране от страна на клиента, той се изпълнява в браузъра, за да създаде повече функционалност в уеб страницата. CSS означава Cascading Style Sheets и се използва за представяне на елементи на екрана.

2. Какво е адаптивен уеб дизайн

Отзивчивият уеб дизайн е подход за уеб разработка, който има за цел да създаде най-доброто изживяване за потребителя чрез адаптиране на външния вид на уебсайта въз основа на устройството или средата на този потребител.

Целта е уебсайтът да изглежда добре на всички устройства и това води до динамични промени, които или намаляват при увеличаване на размерите на кутията и подравняване въз основа на размера или ориентацията на екрана на устройството.

3. Какви са ползите от използването на рамка?

Има много предимства от използването на рамка при разработването на уеб приложение. Основните са следните:

1. По-лесен процес на разработка с най-добри практики.
2. По-бързото развитие със стартиращи проекти спестява време.
3. Използването на изпитан код.
4. Често осигурява по-добра сигурност.
5. Спестява разходи, особено при по-големи проекти.

4. Какво е JavaScript обратно извикване?

Обратното извикване на JavaScript е функция, която трябва да се изпълни след друга функция. Името и аргументите на функцията за обратно извикване могат да бъдат предадени като аргументи на първата функция, плюс първата функция може също да предаде аргументи вътрешно на функцията за обратно извикване, които са резултат от нейните изчисления.

Функциите за обратно извикване се използват най-добре с асинхронни функции, които трябва да изчакат други функции да завършат първо изпълнението.

5. Обяснете местния срещу глобалния обхват в JavaScript

Дефинираните променливи са написани с думи и те имат смисъл само в правилния контекст. Локален и глобален обхват се отнася до този контекст на дефинирани променливи. Глобалната променлива трябва да бъде дефинирана извън функция, докато локалните променливи се дефинират вътре във функция.

По този начин глобалната променлива има глобален обхват, което означава, че може да бъде достъпна от всяко място в програмата. Локална променлива обаче има локален обхват и това означава, че може да бъде достъпна само от вътрешността на функцията.

6. Обяснете Z-индекса в CSS

Z-index е свойство на елемент, което се използва за определяне на реда на стека на елемента. Редът на стека се отнася до способността на даден елемент да бъде или зад, или пред други елементи, точно като купчина карти.

Елементите с по-висок ред на стека се появяват пред елементи с по-нисък ред на стека. В този контекст, даването на ред на стека на елемент от 2 или 100 гарантира, че той ще се покаже върху всички останали на страницата. По същия начин, страница без определени редове на стекове ще подрежда долните елементи от източника по-високо от горните.

7. Какво е Marquee в HTML?

Marque е етикет на контейнер в HTML, който се използва за показване на превъртащ се текст. Позволява ви да контролирате посоката на превъртане, както и скоростта. Marquee обаче е остарял в HTML5 и ви съветваме вместо това да използвате CSS.

Пример за превъртане с маркировка:

Текст за превъртане на маркировка

8. Избройте основните начини за намаляване на времето за зареждане на страницата

Има много стъпки, които програмистът може да предприеме, за да подобри времето за зареждане на страницата, основните са:

• Оптимизирайте изображенията и намалете размера им
• Отървете се от ненужните джаджи
• Намалете търсенето до минимум
• Хоствайте уебсайта на приличен хост
• Използвайте ускорени мобилни страници или статични сайтове
• Мързеливо зареждане на изображения
• Минимизирайте кода си

9. Какви са разликите между Canvas и SVG?

SVG означава мащабируема векторна графика и tag е контейнерен елемент за създаване на графики, като кръг, кутия, елипса и т.н. Можете да модифицирате SVG с помощта на CSS или JavaScript и това, че е мащабируем, означава, че работи добре за изходи с висока разделителна способност.

The контейнерът, от друга страна, е растерно базиран и не е мащабируем. Използва се и за създаване на графики, но може да се променя само от JavaScript. Въпреки това е по-ефективен при обработката на по-голям брой обекти.

10. Как Null Различават се от Неопределен?

Null е представяне без стойност. Обикновено се използва като държач на разположение за инициализиране на дефинирана променлива, на която не е присвоена реална стойност. Undefined, от друга страна, се отнася до дефинирана променлива, която не е инициализирана.

В JavaScript:

променлива променлива A;

var variableB = null;

предупреждение(променливаA); //показва недефинирано

предупреждение (променливаB); //показва нула

11. Как ID се различава от класа?

ID и клас са два метода за идентифициране и обработка на елементи в HTML документ. Основната разлика между двете обаче е, че ID трябва да бъде уникален. С други думи, два елемента не могат да споделят един и същ идентификатор, но два или повече елемента могат да споделят един и същ клас.

ID се използва за обработка на конкретни елементи, докато класът се използва за обработка на група елементи, които споделят една или повече общи характеристики.

12. Как да подобрите функциите за сигурност на уебсайта?

Няколкото стъпки, които можете да предприемете, за да подобрите сигурността на уебсайта, включват:

1. Налагане на политика за силна парола. Това означава да проверите дали избраната парола има над 8 знака и съдържа цифри, специални символи и главни и малки букви.
2. Използване на captcha или друга анти-бот мярка.
3. Използване на 2-факторни или многофакторни методи за удостоверяване, като OTP (еднократни пароли) и хардуерни ключове, когато е необходимо.
4. Използване на хост с DDoS защита и функции за автоматично архивиране.

13. По какво се различава localStorage от sessionStorage?

Системите localStorage и sessionStorage позволяват на разработчика да съхранява данни в уеб браузър. Въпреки това, localStoarage е постоянен, докато sessionStorage не е. С други думи, данните, съхранявани в localStorage, ще бъдат достъпни в браузъра през множество сесии, докато данните, съхранявани в sessionStorage, се изтриват, след като разделът на браузъра се затвори.

14. Избройте HTTP2.0 подобрения спрямо HTTP 1.1

Протоколът HTTP/2 беше публикуван през 2015 г. и предлага значителни подобрения, като например:

1. По-добра сигурност с помощта на двоичен над текст.
2. По-добро представяне.
3. По-ниска латентност.
4. По-добра обработка на грешки.
5. Долни режийни.

15. Каква е разликата между Git Pull и Git Merge?

Командата git pull ви позволява да изтегляте съдържание от отдалечено хранилище, след което актуализира вашето локално хранилище с изтегленото съдържание.

Командата git merge, от друга страна, ви позволява да комбинирате два отделно разработени клона на един и същ проект. Командата за сливане трябва да се изпълни от клона, в който искате да се слеете, и това обикновено е основният клон.

16. По какво се различава GET от POST и PUT?

Методът HTML GET се използва от браузър за искане на информация от сървър, докато методите POST и PUT се използват за изпращане на информация от браузъра към сървър.

Но докато POST заявката може просто да добави данни към ресурс на сървъра, PUT заявката се използва за замяна на ресурса изцяло, като се използва полезният товар на заявката.

17. Избройте най-популярните формати за обмен на данни

Ето най-популярните формати за обмен на данни към днешна дата:

1. XML
2. ЯМЛ
3. CSV
4. JSON
5. HTTP
6. SQL

18. Избройте 3-те вида изскачащи кутии

Изскачащите прозорци в JavaScript се използват за показване на съобщения на потребителя, за искане на въвеждане, а понякога и за двете. Ето 3 типа изскачащи прозорци на JavaScript:

1. Предупредителна кутия – Това показва вашето съобщение плюс бутон „OK“.
2. Кутия за потвърждение – Този диалогов прозорец включва бутони „ОК“ и „Отказ“, които могат да повлияят на кода.
3. Кутия за подкани – Това поле включва поле за въвеждане на текст за събиране на информация от потребителя.

19. Назовете различните начини за включване на CSS код

Има 3 начина за включване на CSS в HTML документ. Те са:

1. Външен CSS – Включвате .css документ, като използвате вътре в документа етикети.
2. Вграден CSS – Включвате CSS кода вътре в етикети навсякъде в документа.
3. Вграден CSS – Използвате двойката style=”CSS-property: value” във вашите HTML тагове, напр. PSquare!

20. Как window.onload Различава ли се от document.onload?

Window.onload се използва за изпълнение на JavaScript код, след като браузърът е заредил DOM дървото на страницата и други основи, включително изображения, CSS код и скриптове.

Докато document.onload се изпълнява веднага след като DOM е готов, това може да означава дори преди изображенията и външните библиотеки да бъдат заредени.

21. Как да скриете елемент с помощта на CSS?

Можете да скриете HTML елемент с помощта на 3 CSS метода, те са:

1. Дисплей: няма; – Елементът нито се изобразява, нито се показва.
2. Видимост: скрита; – Елементът се визуализира, но не се показва.
3. Позиция: Абсолютна; – Елементът се визуализира и показва, но е позициониран извън зоната за показване.

22. Какви са най-добрите приложения за Ajax?

Ajax е метод за зареждане на данни от сървър във фонов режим с помощта на JavaScript. Има много приложения, като валидиране на данни, приложения за чат, коментари, филтриране на данни, визуално редактиране, анкети и т.н.

23. Избройте някои нови функции на CSS3

CSS3 включва много модерни и полезни функции спрямо CSS2, като например:

1. Заоблени ъгли за кутии и изображения.
2. Анимация на обекти.
3. Променливи и функции за декларации.
4. Grid & Flexbox за адаптивен дизайн.
5. Градиенти за фонови цветове.
6. Контрол на непрозрачността с помощта на rgba.
7. Ефект на сянка за полета и текстове.
8. Преходи за задържане и фокус върху елементи.

24. Кои нови типове въвеждане бяха въведени в HTML5?

Типът вход е стойността, която давате на входен елемент в HTML документ.

Пример е:

or

Новите типове въвеждане на HTML5 включват:

1. Дата
2. Цвят
3. Имейл
4. Търсене
5. Тел
6. месец
7. Диапазон на броя
8. месец
9. URL
10. Дата-час-местен

25. Опишете медийните елементи на HTML5

HTML5 включва повече елементни тагове за обработка на медийни типове и източници. Те са:

• – за MP4, WebM и Ogg видеоклипове.
• – за дефиниране на множество източници в различни формати.
• – за MP3, Ogg и WAV аудио.
• – контейнер за включване на външни ресурси от снимки до видео и уеб страници.
• – за указване на песни със субтитри за видеоклипове.

Заключение

Стигайки до края на нашия списък с 25-те най-важни въпроса за интервю за уеб разработчици, можете да видите, че е необходима доста комбинация от технологии, за да бъдете пълен стек разработчик.

Въпреки че това е ръководство, което засяга различните аспекти на работата, то в никакъв случай не е изчерпателно. Така че от вас зависи да идентифицирате областите, които не са ви ясни, и след това да научите.