​Поздравляем с Днем программиста!

Хочется поздравить вас, дорогие подписчики, с праздником и пожелать безошибочного кода, легкой отладки, интересных проектов и гигабайтов вдохновения!

В честь этого дня, нашли для вас интересную статью о том, как зарождался этот праздник.

А вы знали, что раньше программисты праздновали свой профессиональный день 14 февраля и почему, в итоге, выбрали именно 13 сентября? Подробнее об этом в статье:

https://habr.com/ru/companies/timeweb/articles/687362/

#деньпрограммиста

​В чем разница между __proto__ и prototype?

Свойство __proto__ (внутреннее скрытое свойство [[Prototype]]) — это объект, от которого экземпляр наследует поля и методы. А prototype — это объект, который используется для создания __proto__ при создании экземпляра с помощью ключевого слова new.

#основы

​Релиз Bun 1.0 (новый runtime для JavaScript )

Bun — это быстрый универсальный набор инструментов для запуска, сборки, тестирования и отладки JavaScript и TypeScript кода (от одного файла до fullstack-приложения).

Автор статьи подробно рассказал о способе установки новинки, о её преимуществах перед Node.js, о том, как Bun поможет ускорить ваши проекты, а также о возможностях, которые предоставляет новая версия:

https://habr.com/ru/articles/760002/

#javascript

​Как устроиться в крутую компанию, когда тебе 18 лет

Если вы молодой специалист и задаётесь тем же вопросом, то эта статья может быть полезна для вас.

Александр, 18-летний разработчик, поделился своей историей о том, как осваивал программирование и, как ему удалось, в столь юном возрасте, попасть на работу в крупную компанию, не имея за плечами многолетнего опыта работы. Секрет до боли простой. Нужно лишь немного упорства и настойчивости: https://tprg.ru/17mt

Любой проект на JavaScript be like:

​Использование FileReader для чтения файлов в JavaScript

Нашли для вас туториал о том, как использовать FileReader для чтения содержимого файлов в браузере. Автор статьи на практике рассмотрел несколько примеров, как с использованием элемента input, так и Drag'n'Drop:

https://itchief.ru/javascript/filereader

#javascript #туториал

​Для чего используется метод freeze()

Этот метод служит для «замораживания» объекта. Замороженный объект является неизменяемым. Это означает, что в такой объект нельзя добавлять новые свойства, удалять или изменять существующие. Также этот метод устанавливает configurable: false и writable: false для существующих свойств. Метод возвращает замороженный объект.

#основы

Анимированная форма обратной связи

Ещё один способ сделать ваш сайт более интересным. Проект реализован с помощью CSS, jQuery и TweenMax.js.

Посмотреть код можно тут:

https://codepen.io/izmaelmag/pen/NqyEKx

#codepen

Аж глаз задёргался

Требуется Senior Frontend Developer

Группа компаний в сфере digital Kokoc Group ищет к себе в команду мощного специалиста, который будет заниматься разработкой и поддержкой текущей компонентной базы react компонентов и внедрением next.js.

Вы идеальный кандидат, если:

— имеете опыт коммерческой разработки от 4х лет;
— хорошо знаете React, JavaScript (операции с массивами, объектами), TypeScript, HTML/CSS, HTTP;
— имеете опыт работы с Next.js;
— умеете конфигурировать webpack;
— можете писать код, который понятен даже коллегам из бэкенда.

По ссылке все подробности, условия и возможность оставить отклик:https://tprg.ru/EHzY

#работа #вакансии

​Задачи по JavaScript

Проверьте, содержит ли строка одинаковое количество символов «x» и «o». Метод должен возвращать логическое значение и быть нечувствительным к регистру. Строка может содержать любой символ.

Пример:

XO("ooxx") => true
XO("xooxx") => false
XO("ooxXm") => true
XO("zpzpzpp") => true // when no 'x' and 'o' is present should return true
XO("zzoo") => false

Поделитесь своими результатами в комментариях👇

#задачи

​Задачи по JavaScript

Вчера мы опубликовали задачу, а вот и один из вариантов её решения.

Если у вас есть более лаконичный ответ, то предлагаем вам поделиться им в комментариях👇

#задачи

Подборка актуальных вакансий

— QA Automation Java (web, UI) в Открытие
Где: удалённо
Опыт: от 2 лет

— Python-разработчик в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Разработчик PHP Middle+ / Senior в Kokoc Group
Где: удалённо
Опыт: от 3 лет

— Middle/Senior Backend Node.js Developer в МТС
Где: удалённо
Опыт: от 3 лет

— Senior QA Automation Java / Kotlin в Иннотех
Где: удалённо
Опыт: от 3 лет

— Senior Frontend Developer в Kokoc Group
Где: удалённо
Опыт: от 4 лет

— Senior Fullstack Developer / Фулстек разработчик (.net/react) в Иннотех
Где: удалённо
Опыт: от 5 лет

#вакансии #работа

​Как отправить синхронный HTTP-запрос

XMLHttpRequest — это встроенный в браузер объект, который даёт возможность делать HTTP-запросы к серверу без перезагрузки страницы.

Чтобы сделать синхронный запрос, нам нужно, для начала, создать XMLHttpRequest. Затем в методе open третий параметр установить, как false.

Выполнение JavaScript останавливается на send() и возобновляется после получения ответа. Так ведут себя, например, функции alert или prompt.

Синхронные запросы используются редко, так как они блокируют выполнение JavaScript до тех пор, пока загрузка не завершена. В некоторых браузерах нельзя прокручивать страницу, пока идёт синхронный запрос. Если же запрос по какой-то причине выполняется слишком долго, браузер предложит закрыть «зависшую» страницу.

Многие продвинутые возможности XMLHttpRequest, такие как выполнение запроса на другой домен или установка таймаута, недоступны для синхронных запросов.

#основы

​За что ненавидят язык программирования JavaScript

Интересный материал о проблемах языка. Автор рассказал основные причины, по которым не любят JavaScript, и разобрался, справедливы ли претензии.

Статья будет особенно полезна новичкам, которые только решают, какой язык программирования будут изучать:

https://tproger.ru/articles/za-chto-nenavidyat-yazyk-programmirovaniya-javascript

#javascript

​Создание ToDo-листа бесконечной вложенности

Подробный туториал по созданию ToDo-листа со всем необходимым функционалом. Для создания проекта автор использовал React, TypeScript и MobX.

По ссылке вы также сможете ознакомиться с полным кодом в репозитории проекта:

https://tproger.ru/articles/sozdanie-todo-list-beskonechnoj-vlozhennosti-react-typescript-mobx

#туториал

​Rematch — Redux без шаблонного кода

Rematch — это интуитивный и легковесный фреймворк для управления состоянием вашего веб-приложения на основе Redux. Он предлагает простой и эффективный подход к организации и управлению Redux-хранилищем, сокращая количество лишнего кода и упрощая разработку.

Автор статьи предлагаю вам ознакомиться с основными преимуществами Rematch и узнать, как просто и эффективно использовать его для управления состоянием ваших приложений:

https://habr.com/ru/companies/usetech/articles/761168/

#rematch

Печально

GitHub тоже помогает развивать мелкую моторику

Поэтому почему бы не сделать анимацию его логотипа в стиле одного известного сайта для взрослых? Автор проекта подумал также и написал небольшой проект, использовав только HTML и CSS.

Если хотите сделать анимацию для какого-нибудь ещё «Хаба», то ссылку на проект оставили тут:

https://codepen.io/toshiya-marukubo/pen/qBPryZb

#codepen