Frontender's notes. Страница 56

​​Репозиторий с задачами по JS Всем привет! Наткнулся на интересную репу на гитхабе в которой собрана куча интересных задачек по JS. Очень неплохой ресурс для того чтобы подготовиться к интервью или просто проверить свои знания. В общем ловите! Та самая репа... #js #resources

Ссылки mailto: Всем мы с вами знаем о ссылках mailto:, но возможно не все из вас знают что вы можете заполнять письмо с помощью параметров которые мы передаем в эту ссылку. Параметры: ➡️ body — текст письма ➡️ subject — тема письма ➡️ cc — получатели письма ➡️ bcc — скрытые получатели Если получателей много то их нужно передавать через запятую Пример: <a href="mailto:[email protected]?subject=subject&body=text&[email protected]">Link</a> ❗ При нажатии на эту ссылку откроется почтовый клиент который установлен по умолчанию. Письмо уже будет заполнено в соответствии с параметрами #html #features

​​Как программиста заменит Нейросеть? Тема видео не совсем связана с фронтендом, но наверное вам будет интересно узнать что уже есть технологии, пусть и совсем "зеленые", которые умеют писать на JS за вас. А что вы думаете на тему того как скоро фронтов сможет заменить ИИ? Смотреть видео...

​​Узнайте о главных трендах применения гибридных технологий и облачных сервисов. Участвуйте в ежегодной онлайн-конференции Microsoft Hybrid Cloub Forum 9 декабря!    Конференция пройдет с 10.00 до 14.00. Что будет:    - президент Microsoft Russia Кристина Тихонова расскажет о тенденциях гибридных технологий на российском рынке  - круглый стол по стратегическому партнерству с MTS, Сбер, Yandex, SAP  - эксперты Microsoft Russia расскажут о перспективных сценариях работы с передовыми облачными сервисами: GitHub, Azure Kubernetes, Azure Stack, Azure HCI, Azure IoT Edge, Dynamics 365, MCVP    Кроме того, вы можете создать учетную запись Azure и бесплатно воспользоваться сервисами и ресурсами платформы в объеме эквивалентном 12 500 рублей в течение года!    Участие в конференции бесплатное. Регистрируйтесь и отмечайте в календаре, чтобы не пропустить событие!

​​Вечера вам доброго! Ламповый, не напрягающий голову видос в пятничную ленту на тему релокации в Нидерланды. Рекомендую посмотреть если вы задумывались о релокации, в нем рассказано о множестве полезных нюансов при переезде и в целом описана жизнь в данной стране. И хороших выходных! Смотреть на ютубе...

🔥 Podlodka анонсировала 3-й сезон Podlodka Frontend Crew - старт 6 декабря. Интенсив продлится две недели. Сессии проходят дважды в день: утром и вечером. В программе: крутые спикеры, сессии в лайве, ламповое общение и обмен кейсами в слаке, записи (для тех, кто не успевает на лайв). Первая неделя посвящается тулингу на Node.js: - Научитесь работать со всем тулингом современного фронтенда - Разберетесь, как устроены современные сборщики, транспайлеры и статические анализаторы - Узнаете как создавать свои Node.js-скрипты для автоматизации рутинных задач Во время второй недели рассмотрят JavaScript под капотом: - Узнаете как работает JavaScript и как устроен его интерпретатор. - Посмотрите на специфику ECMAScript стандартов и принципы работы браузеров. - Поймёте, как дебажить и профилировать приложения, находить и исправлять утечки памяти Подробности и билеты уже на сайте! 😊

​​Задачи по веб-разработке: список ресурсов Лучший способ научиться веб-разработке – это постоянно практиковаться. А для практики нужны интересные задачи и идеи для личных проектов. В этом посте автор составил список сайтов для решения задач по веб-разработке. Читать статью... #resources

​​Стать программистом за 3 дня «Невозможно», — могли подумать вы и были правы. Нельзя стать программистом за 3 дня, но разобраться, как устроен мир разработки и сделать к нему первые шаги — вполне реально. На бесплатном трехдневном курсе Нетологии «Как стать программистом» вы узнаете, чего ждать от профессии разработчика, подходит ли она вам и как сделать самое сложное — начать. Сделайте первый шаг к большим возможностям, а мы поможем двигаться дальше ↓ https://netolo.gy/hmf

Работа с аргументами функции JS Приветствую коллеги! Знаете ли вы про массиво-подобный объект arguments ? Это штука хоть и не часто используется но она довольно интересная, и как я недавно узнал знают далеко не все. Если совсем вкратце то вам не обязательно обращаться к каждому аргументу по отдельности, вы можете обратиться к объекту arguments и получить сразу все. Ниже пример: function sum(a, b, c) { let val = 0; for (let i = 0, len = arguments.length; i < len; ++i) { val += arguments[i]; } return val; } sum(1, 2, 3) // вернет 6

​​Ребятки, на ютуб канале Как пройти в IT вышел новый видос на тему реактивности в JavaScript. Автор собрал по крупицам кучу инфы. Коротко и очень доступно рассказывает о том что такое реактивность и как с этим работать. 🚀 Смотреть видео о реактивности В целом, вы можете ознакомиться со всеми видео, которые уже выходили ранее. Я уверен, что вы найдете кучу всего полезного. В общем, мой личный recomendación. 🔥 Смотреть все видео

​Давно мечтаешь научиться верстать сайты и освоить востребованную профессию?

Присоединяйся к нашему курсу по web-верстке и всего за 2 месяца ты с нуля освоишь HTML/CSS и сверстаешь лендинг и интернет-магазин! А для вовлеченных студентов есть отличная возможность пройти стажировку в Ozon.

Чтобы понять подходит ли тебе наш курс, приглашаем посетить бесплатный мастер-класс, который пройдет уже в этот четверг, 11 марта в 20-00 по московскому времени.

Ты узнаешь, что такое: HTML, CSS, тег, основы верстки с помощью Bulma. И создашь страницу - визитку, которой сможешь самостоятельно пользоваться и дополнять в любой момент.

🔥 Участие бесплатное!

Записывайся по ссылке: https://ozon.ru/t/uhHzR

💡Анимация частиц с использованием JS🚀

Готовый код можете найти и по ссылке ниже.
Его вы можете свободно использовать в своих проектах.


💡5 вещей, которые должен знать каждый фронтенд-разработчик

1. Не бойтесь просить о помощи

2. Не пытайтесь изучить код, а выбирайте и эмулируйте проекты.

3. Не бойтесь неудач, стремитесь к ним.

4. Имейте достаточно уверенности, чтобы верить в себя, но достаточно скромности, чтобы знать, что вы не знаете всего.

5. Знайте, где найти ответы на вопросы, которые, как вы знаете, возникнут.
кстати, вот самые полезные веб-сайты, известные фронтендерам.


***********************************

https://www.theodinproject.com/home
https://dev.to/
https://css-tricks.com/
https://www.30secondsofcode.org/
https://www.frontendmentor.io/solutions

Как дойти до зарплаты тимлида за пол года?

Тебе нужно лишь перестать терять время сделав две простые вещи:

1. Начать слушать лучшие подкасты из Гарварда, Пристона, Кембриджа и крупных айтишных команд по front-end, back-end, QA и Data Science.
2. Кайфовать, поглощая охрененную инфу в очереди или по дороге на работу, пока другие деградируют!

Подписывайся и возьми свой graduation первым в офисе!

📄Debugger🚀

Выражение debugger открывает доступ к любому доступному в конкретном окружении отладочному функционалу, например к установке точек останова (т.н. брейкпоинтов). Если функционал отладки в среде выполнения недоступен, данное выражение не будет иметь никакого эффекта.

Синтаксис
debugger;

Примеры
Следующий пример показывает код, содержащий выражение debugger. Это позволяет вызвать функционал отладки (если таковой может быть использован) при вызове функции.
function potentiallyBuggyCode() {
debugger;
// чтобы протестировать работу отладчика, поместите здесь код, заведомо содержащий ошибку
}
При вызове отладчика выполнение скрипта приостановится в том месте, где находится выражение debugger, что равноценно действию установленных в скрипте точек останова.

вот ссылка на список спецификации дебаггеров.
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/debugger

​​Proxy и Reflect в JavaScript

Объект Proxy «оборачивается» вокруг другого объекта и может перехватывать (и, при желании, самостоятельно обрабатывать) разные действия с ним, например чтение/запись свойств и другие. Далее мы будем называть такие объекты «прокси».
Прокси используются во многих библиотеках и некоторых браузерных фреймворках. В этой главе мы увидим много случаев применения прокси в решении реальных задач.
Подробности с примерами найдете ниже по ссылке.
https://learn.javascript.ru/proxy

​​Где получить углубленные навыки JavaScript разработки?
10 марта на демо-занятии «Vue 3» Михаил Кузнецов познакомит вас с возможностями новой версии одного из самых популярных фронтенд фреймворков.
На открытом уроке:
- рассмотрим ключевые отличия в синтаксисе vue2 от vue3;
- разберем как работать с vue-router и VueX в новой версии фреймворка;
- cоздадим проект на Vue 3 с нуля с помощью Vue-cli.

Демо-урок — возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» и преподавателем. Пройдите вступительный тест, чтобы принять участие в занятии https://otus.pw/MLD9/

​​Рекурсия и стек

list = { value, next -> list }
Деревья, такие как дерево HTML-элементов также являются рекурсивными: они разветвляются, и каждая ветвь может содержать другие ветви.
Как мы видели в примере sumSalary, рекурсивные функции могут быть использованы для прохода по ним.
Любая рекурсивная функция может быть переписана в итеративную. И это иногда требуется для оптимизации работы. Но для многих задач рекурсивное решение достаточно быстрое и простое в написании и поддержке.
Рекурсия – это термин в программировании, означающий вызов функцией самой себя. Рекурсивные функции могут быть использованы для элегантного решения определённых задач.
Когда функция вызывает саму себя, это называется шагом рекурсии. База рекурсии – это такие аргументы функции, которые делают задачу настолько простой, что решение не требует дальнейших вложенных вызовов.
Рекурсивно определяемая структура данных – это структура данных, которая может быть определена с использованием самой себя.
Например, связанный список может быть определён как структура данных, состоящая из объекта, содержащего ссылку на список (или null).