​​HTML <iframe> Тег

Пример:

<iframe src="/default.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/default.asp" width="100%" height="300" style="border:none;">
</iframe>

Определение и использование
<iframe>Тег определяет встроенный фрейм.
Встроенный фрейм используется для встраивания другого документа в текущий HTML-документ.

Совет: рекомендуется всегда включать атрибут title для <iframe>. Это используется программами чтения с экрана для чтения содержимого <iframe> .

​​Eval: выполнение строки кода
Встроенная функция eval позволяет выполнять строку кода.
[ Статья ]

​​Примеры поведения и навыков на которые часто обращают внимание во время работы в команде

➡️ Быть приветливым и позитивным
➡️ Уважительно относится к различным точкам зрения и опыту (особенно касается "самых умных" сеньоров)
➡️ Позитивно принимать конструктивную критику (особенно когда ревьюят ваш код)
➡️ Сосредоточить внимание на том, что будет лучше для команды
➡️ Брать на себя дополнительную ответственность, такие действия позволяют расти во всех рабочих аспектах
➡️ Быть упорным и добивать задачи до конца
➡️ Делать работу хорошо, красивый код и качественно выполненная работа позволит получать удовольствие от того что ты делаешь, что в свою очередь добавит мотивации в дальнейшем

​​Создание приложений на Angular с использованием продвинутых возможностей DI
[ Личный опыт ].

Меня зовут Андрей, и я занимаюсь разработкой фронтенда на Angular для внутренних продуктов компании. Фреймворк обладает обширными возможностями, одни и те же задачи можно решить огромным количеством способов. Чтобы облегчить свою работу и повысить продуктивность, я задался целью найти универсальный и не сложный подход, который бы упростил проектирование и позволил уменьшить объем кода при сохранении его читаемости. Перепробовав множество различных вариантов и учтя допущенные ошибки, я пришел к архитектуре, которой хочу поделиться в этой статье.

[ Статья ]

​​Кратко о пороге входа во фронтенд (на текущий период).

✅ HTML - обязательно
✅ CSS - обязательно
✅ JavaScript - как минимум на начальном уровне
✅ React / Angular / Vue - тоже что и для JS
✅ Git - знание основных команд
✅ Знание английского языка - опционально, но если знаете выбор вакансий становится шире
✅ Умение решать самостоятельно небольшие задачи - это не значит что не нужно ничего спрашивать, нужно выдержать золотую середину
✅ Быть коммуникабельным / не быть «токсичным» - звучит банально но в силу опыта показалось что на это смотрят чаще чем на hardskills

Object.keys, values, entries
Давайте отойдём от отдельных структур данных и поговорим об их переборе вообще.
В предыдущей главе мы видели методы map.keys(), map.values(), map.entries().
Это универсальные методы, и существует общее соглашение использовать их для структур данных. Если бы мы делали собственную структуру данных, нам также следовало бы их реализовать.
Методы поддерживаются для структур:
Map
Set
Array
Простые объекты также можно перебирать похожими методами, но синтаксис немного отличается.
Object.keys, values, entries
Для простых объектов доступны следующие методы:
Object.keys(obj) – возвращает массив ключей.
Object.values(obj) – возвращает массив значений.
Object.entries(obj) – возвращает массив пар [ключ, значение].
Обратите внимание на различия (по сравнению с map, например):

Map Object Синтаксис вызова map.keys() Object.keys(obj), не obj.keys() Возвращает перебираемый объект «реальный» массив Первое отличие в том, что мы должны вызвать Object.keys(obj), а не obj.keys().
Почему так? Основная причина – гибкость. Помните, что объекты являются основой всех сложных структур в JavaScript. У нас может быть объект data, который реализует свой собственный метод data.values(). И мы всё ещё можем применять к нему стандартный метод Object.values(data).
Второе отличие в том, что методы вида Object.* возвращают «реальные» массивы, а не просто итерируемые объекты. Это в основном по историческим причинам.
[ Полная статья... ]

​​🧐DIV должен уйти?!
Улучшаем HTML

[ Статья ]

​​Самые полезные веб-сайты для веб-разработчиков ии фронтендеров.

👉🏻W3Schools - W3schools - это бесплатный образовательный сайт для обучения программированию онлайн.
👉🏻GitHub - GitHub - это платформа разработки, управляемая сообществом, где вы можете изучить новые методы у более чем 23 миллионов разработчиков, а также поделиться своими знаниями и ресурсами.
👉🏻StackOverflow - Всеми любимый stackoverflow Это действительно идеальное место в сети для любого начинающего разработчика, и не только.
Кто ищет новые приемы кодинга и хочет расширить свои знания, тот, рано или поздно, окажется на этой платформе.
👉🏻SitePoint - стартовал еще в 2009 году и является одним из крупнейших центров разработки в Интернете.
👉🏻CSS-Tricks - Ежедневные статьи о CSS, HTML, JavaScript и обо всем, что связано с веб-дизайном и разработкой.
👉🏻CodePen.io - еще один из моих любимых веб-сайтов, который я настоятельно рекомендую frontend разработчикам всех уровней.

7 лучших библиотек для создания молниеносно быстрых приложений ReactJS

ReactJS по умолчанию обладает высокой производительностью. Но время от времени у вас появляется шанс сделать его еще лучше. И замечательное сообщество React придумало для этого несколько фантастических библиотек.
Сегодня мы поговорим о семи таких библиотеках, которые могут улучшить качество вашего кода и при этом повысить производительность.

[ Статья ]

Советы по стилю кода для фронтендеров.
[ Статья ]

IT в 2021 - это как биткоин в 2018

▪️ Точка А: немного времени и подписка на канал @academit.
▪️ Точка Б: вы востребованный специалист, зарабатываете более $3.000 в месяц, многомиллионные контракты, успешный успех.

@academit - отправная точка в любую IT-отрасль: дизайн, маркетинг, разработка, менеджмент.
Бесплатно проходите любой курс - делаете деньги.

Одна кнопка - и ваша жизнь перевернётся в лучшую сторону

Показательный факт: IT – самый большой тренд 2021 года.

Даже пройдя фиговенький курс по проге, вы сможете работать дома, получать норм зарплату и писать программы для Google или Apple.

Главное – не ходить на курсы и учиться в проверенных местах. Например, в канале @igrodel_it.

Ребята собрали всю инфу, которая нужна для старта в айти: уроки, примеры, инструкции, готовые методички и лайфхаки.

Подписывайтесь, это лучший канал для старта в айти: @igrodel_it

Нужен человек для просмотра рекламных промо-роликов с зарплатой 3.800 рублей в день! Это не шутка! Срочно!

Также ищем:
- Оператора ПК
- Администратора в интернет-магазин
- Помощник руководителя
- Оператор Call-центра

НОВОБРАНЕЦ публикует вакансии для тех у кого нет опыта. Если ты ничего не умеешь - добро пожаловать. Работодатели не требуют квалификации!

Найди работу на НОВОБРАНЦЕ и получи деньги за 15 минут!

​​Рассказ о том, почему в 2021 году лучше выбирать TypeScript, а не JavaScript

Недавно я, используя React Native, занимался разработкой мобильного приложения для медитации Atomic Meditation. Эта программа помогает тем, кто ей пользуется, выработать привычку медитировать, ежедневно уделяя этому занятию какое-то время. В ходе работы у меня появились серьёзные причины приступить к изучению TypeScript и начать пользоваться им вместо JavaScript в проектах среднего и крупного размера.

[ Статья ]

Сидишь дома без работы из за коронавируса? Всем людям от 17 и без денег!

— Можешь найти картинку в Яндексе и выложить в инстаграм ?
— Умеешь печатать на клавиатуре ?
— Знаешь хотя бы один иностранный язык ?

На канале Проект на «час» можно заработать 22.000 рублей за месяц если ты бездарь и до 100.000 рублей за короткую часовую работу, если ты талантище

Найди быструю подработку даже если у тебя нет опыта!

Осталось 15/200 мест. Поторопись и найди быструю подработку за деньги на проект на час!

Выбор CSS макета — Grid или Flexbox?
Удачно оформленный макет удерживает пользователей на сайте, так как делает важные элементы доступными и легко находимыми. Слабые же макеты отпугивают посетителей, которые покидают ресурс, так и не найдя того, за чем пришли.

Читать статью.

#css #grid #flexbox