Get Mystery Box with random crypto!

IT Верстальщик

Logo of telegram channel tgverstka — IT Верстальщик I
Logo of telegram channel tgverstka — IT Верстальщик
Channel address: @tgverstka
Categories: Technologies
Language: English
Subscribers: 1.48K
Description from channel

Авторский блог про веб-разработку
Подборки сервисов, статей и новостей в мире front-end и back-end
Для рекламы: @devtgram

Ratings & Reviews

5.00

3 reviews

Reviews can be left only by registered users. All reviews are moderated by admins.

5 stars

3

4 stars

0

3 stars

0

2 stars

0

1 stars

0


The latest Messages 33

2020-12-19 14:47:53 ​​Шпаргалка по работе с DOM #1

Создание элементов

document.createElement(tag) - создать элемент с тегом tag
document.createTextNode(txt) - создать текстовый узел с текстом txt
node.cloneNode(deep) - клонировать существующий узел, если deep=true то с подузлами.

Свойства узлов

node.nodeType - тип узла: 1(элемент) / 3(текст) / другие.
elem.tagName - тег элемента.
elem.innerHTML - HTML внутри элемента.
node.data - содержимое любого узла любого типа, кроме элемента.

Ссылки

document.documentElement - элемент
document.body - элемент

По всем узлам:

parentNode
nextSibling previousSibling
childNodes firstChild lastChild

Только по элементам:

Дети: children (В IE 8- также содержит комментарии)
Соседи, кроме IE8-: nextElementSibling previousElementSibling
Дети, кроме IE8-: firstElementChild lastElementChild

Таблицы

table.rows[N] - строка TR номер N.
tr.cells[N] - ячейка TH/TD номер N.
tr.sectionRowIndex - номер строки в таблице в секции THEAD/TBODY.
td.cellIndex - номер ячейки в строке.

Формы

document.forms[N/name] - форма по номеру/имени.
form.elements[N/name] - элемент формы по номеру/имени
element.form - форма для элемента.
2.6K views11:47
Open / Comment
2020-12-19 12:01:14
Backend-Мастер - авторский блог про backend в телеграм.

Этот канал для тебя, если ты:

- учишь backend и языки программирования
- работаешь на Python / PHP / Ruby
- хочешь выйти на фриланс
- интересуешься Django / Laravel / Ruby on Rails
2.0K views09:01
Open / Comment
2020-12-16 08:56:33 ​​Junior React Developer - что нужно знать

1. Хорошее знание JavaScript. В React разработке используется ES6 и большинство экспериментальных фич еще не вошедших в стандарт.

2. Хорошее знание HTML и CSS. Кроссбраузерная верстка. Так же, хорошо иметь представление о том, что такое css-in-js.

3. Web APIs. Умение работать с объектной моделью документа(DOM) и все эти XMLHttpRequest, localstorage, cookie, history и прочее.

4. Хорошее знание API React. Вы должны хорошо знать React, знать его возможности, понимать основные концепции и уметь ответить на большинство типовых вопросов. Для этого достаточно хорошо изучить документацию, разобрать пару типовых проектов на github и попрактиковаться. Много полезной информации, приёмов и идей можно подчерпнуть из тематических статей и докладов. Так же, на просторах интернета можно найти подборки типовых вопросов, часто задаваемых на собеседованиях. В англоязычном сегменте их больше.

5. Redux. Уверенное знание API. API библиотеки до боли пост. Знать, что такое промежуточное ПО и зачем оно. Понимать базовые концепции архитектуры Flux. Все это есть в документации и многочисленных курсах.

6. Умение работать с менеджером пакетов npm на базовом уровне.

7. Node.js. Хотя бы уметь написать простейший express/koa сервер, который будет отдавать ваше приложение и статику.

8. Webpack. Базовые знания.

9. Умение работать с git. Хотя бы знать и уметь примерять команды: init, clone, add, commit, push, pull, merge, checkout.

10. Иммутабельность. Четкое понимание зачем это надо. Знание приемов иммутабельного изменения структур данных. Это есть в официальном туториале React.

11. Статическая типизация TypeScrpt/Flow. Для начала хватит самых основ и способности понимать чужой код.

12. Функциональное программирование. Хватит знаний полученных в процессе изучения JavaScript, а так же не помешает знать, что такое каррирование, чистые функции и рекурсия.

13. Базовые концепции ООП. Хватит знаний полученных в рамках изучения JavaScript.

14. Асинхронный код. Понимать как его правильно организовывать. Promise, async/await.

15. Сетевые протоколы передачи данных. Вполне хватит базовых знаний о http/https, о том, что такое заголовки и какие они бывают. Хорошо знать о том, что такое websocket.

16. За плечами должен быть хотя бы один учебный проект на React. Хватит типового тестового задания.
Примеры таких заданий: 1, 2, 3(сайт может быть не доступен на территории РФ, советую отрыть через VPN и посмотреть), 4, 5. Если подобного проекта у вас нет, то будьте готовы, что потенциальный работодатель предложит вам выполнить тестовое задание и только по его результату вас, может быть, пригласят на техническое интервью. Если напишите хорошо, вас скорей всего пригласят.

17. Желателен опыт создания типовых UI элементов. Например, чтобы не вызывало трудностей написать простой кастомный чекбокс. Куча примеров реализаций типовых элементов есть на codepen.
3.1K views05:56
Open / Comment