Frontender's notes [ru]

2021-02-14 19:30:00 ​Кто сказал что работать с WordPress сложно? А ну-ка давайте его сюда.

За 3 дня посадим вёрстку реального заказа на фрилансе. Никакой скучной теории, только практика и только хардкор.

А теперь давайте посмотрим программу интенсива:

День 1. Установка и настройка темы
— Устанавливаем Wordpress
— Создаем тему для сайта
— Переносим готовую верстку на сайт
— Подключаем стили и скрипты

День 2. Наполнение сайта
— Создаем редактируемые блоки
— Настраиваем плагин ACF
— Выводим динамические блоки на сайте
— Создаем отдельные типы записей

День 3. Публикация
— Настраиваем форму обратной связи
— Плагины для отправки данных
— Публикуем сайт на хостинге
— Пишем инструкцию для заказчика

Участие абсолютно бесплатно.

Переходите по ссылке и получайте приглашение:
https://telegram.me/gloacademy_bot?start=602639e02a91a4000d10f61e Открыть/Комментировать

2021-02-14 14:00:57 ​​ Что такое npm? Гайд по Node Package Manager для начинающих.
Как установить, опубликовать и проверить JavaScript-пакеты на уязвимость с помощью npm – менеджера пакетов Node.js.
Программная платформа Node.js появилась в 2009 г., и с тех пор на ней были построены сотни тысяч приложений. Одной из причин успеха стал npm – популярный пакетный менеджер, позволяющий JS-разработчикам быстро делиться пакетами.
На момент написания статьи в npm содержится 1.3 млн пакетов с общим количеством скачиваний 16 млрд.
Подробнее... Открыть/Комментировать

2021-02-14 08:01:56 ​​ 12 бесплатных ресурсов для изучения React
React – одна из самых популярных JavaScript-библиотек для разработки пользовательских интерфейсов. В этой статье вы найдете подборку бесплатных ресурсов о React: открытые курсы, подкасты, ёмкие конспекты и плейлисты YouTube.
Как вы уже наверняка знаете, React — это JavaScript-библиотека для создания пользовательских интерфейсов, которая разрабатывается и поддерживается Facebook, Instagram и сообществом отдельных разработчиков и корпораций.

-Видеокурсы
Если текстовому формату вы предпочитаете визуальный, существует множество высококачественных и даже интерактивных курсов React, которые вы можете использовать для начала своего путешествия.

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

-FreeCodeCamp – Список учебных ресурсов не был бы полным без FreeCodeCamp – одной из крупнейших платформ для изучения кода с тысячами статей, руководств и учебных пособий. По приведенной ссылке курс по фронтенду с React.

-React.js Cheatsheet – сборник готового кода по множеству тем: компонентам, свойствам, хукам, работе с узлами DOM и т. д.

-Подкасты о React - Англоязычный подкаст подойдет тем пользователям React, которые хотят совместить изучение чего-то нового с практикой восприятия английской речи на слух. Хотя подкаст React Podcast и не является учебным ресурсом, он поможет понять React и экосистему WebDev и получить представление о практиках разработки.

- Пятиминутка React - Подкаст 5minreact.ru посвящен не только React, но и различным смежным технологиям и конференциям. Но на странице легко найти темы, посвященные только React. Подкаст ведется с ноября 2016 г., выпущено 65 записей. Кроме видео автор иногда записывает и скринксты. Открыть/Комментировать

2021-02-13 19:30:00 Говнокод — уникальный канал, где каждый день публикуют забавный говнокод и мемы для программистов.

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

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

Подписывайся, чтоб не пропустить. Открыть/Комментировать

2021-02-13 14:00:44 ​​ Что такое ECMASCRIPT?

Если вы разработчик JavaScript или изучаете JavaScript, возможно, вы слышали о ECMAScript и таких терминах, как ES2016 или ES16, и так далее ...

ECMAScript - это стандарт JavaScript, предназначенный для обеспечения интерпретируемости веб-страниц в разных браузерах.

Что это значит?
у каждого браузера есть свой собственный JS-компилятор, который является частью JS Engine, и каждый браузер имеет свою собственную реализацию JS-компилятора. Таким образом, ECMAScript предоставляет стандарт, согласно которому один и тот же JS-код работает в разных браузерах.

Движки JavaScript
- Chrome поставляется с двигателем V8
- Mozilla поставляется с SpiderMonkey
- Safari поставляется с JavaScriptCore
- InternetExplorer поставляется с Chakra

ECMASript VSJavaScript

ECMASript предоставляет правила, подробные сведения и рекомендации, которым должен следовать script-овый язык, чтобы считаться совместимым с ECMASript.

С другой стороны, JavaScript можно рассматривать как диалект ECMASript. Это script-овый язык общего назначения, соответствующий спецификации ECMASript.

Версии ECMAScript:
> ЕС2015 - 6th Edition of ECMAScript(ES6)
> ES2016 - ES7
> ES2017 - ES8
> ES2018 - ES9
> ES2019 - ES10
> ES2020 - ES11
> ES2021 - ES12 Открыть/Комментировать

2021-02-13 08:00:34 ​​- Если бы я знал это прежде...

Примерно так я реагировал каждый раз когда узнавал что-то новое и получал новые советы.

Я решил поделиться семью самыми важными из них с тобой.

- Не копируй и вставляй код - Пиши код самостоятельно. Это даёт огромную разницу!
Когда только начинаешь, нужно чувствовать себя более комфортно с кодом
Это можно сделать, - как вы уже догадались - написав больше кода самостоятельно.

Oтправляй свое резюме, прежде чем будешь готов - Это одна из ошибок, которые я совершил в начале : я слишком долго ждал, чтобы отправить свое резюме, потому что думал, что еще не готов.
**
Пусть рынок решит, готовы вы или нет.
**
Отправив свое резюме и пройдя собеседование, ты поймешь, насколько твои навыки и потребности рынка совпадают, чтобы ты мог больше практиковаться в том, что необходимо.

SoftSkills так же важны, как и технические навыки - Неважно, насколько ты хорош в программировании, если ты не можешь правильно представить себя.
Научись как правильно написать хорошее резюме, продвигать себя и общаться с другими.

Работай над собственным сайтом или приложением - Нужен опыт, чтобы устроиться на работу, но нужно работать, чтобы получить опыт.
Итак, что нужно делать?
Создай собственное приложение или веб-сайт для гипотетического клиента и продемонстрируй свои навыки!

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

****
Цитата на день: «Работайте в то время, как они спят. Учитесь в то время, как они развлекаются.
Берегите в то время, как они тратят. Живите так, как они мечтают». Открыть/Комментировать

2021-02-12 19:00:26 ​Мы создали специальный курс для фронтенд-разработчиков с опытом. Подойдёт для всех, кто уверенно чувствует себя с HTML, CSS, JavaScript. Знает про работу браузера и Git.

За 4 месяца вы детально разберётесь в устройстве современных фреймворков, познакомитесь с алгоритмами и структурами данных, отточите навыки JS.

Вас ждёт:

- Собственная среда для обучения. Специальный полноценный тренажёр от Яндекс.Практикума.
- Проекты. Самостоятельный и командный.
- Практика. Все знания отрабатываются в онлайн-тренажёре.
- Поддержка наставников.
- Программа профессиональной акселерации и помощь с трудоустройством.

Пройдите бесплатное тестирование в онлайн-тренажёре. Решите задачи, изучите программу и подготовьтесь к продолжению. Открыть/Комментировать

2021-02-12 14:00:43 Document Object Model или DOM.

И так для начала, что такое DOM.

- Document Object представляет собой весь HTML-документ.
Основой HTML-документа являются теги.
В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом.
Все эти объекты доступны при помощи JavaScript, мы можем использовать их для изменения страницы.
https://telegra.ph/DOM-Obekt-02-11 Открыть/Комментировать

2021-02-12 08:00:52 ​​ Алгоритмы которые нужно знать каждому разработчику.
***
Для разработчиков данные типы алгоритмов являются фундаментальными и без опроса данных алгоритмов не проходит ни одно собеседование в IT
***
1. Алгоритмы сортировок. - таких алгоримов есть вагон и ещё маленькая тележка, знать все алгоритмы не целесообразно, нужно знать самые часто-используемые и распространённые.

2.Алгоритмы поиска. - Поиск — обработка некоторого множества данных с целью выявления подмножества данных, соответствующего критериям поиска.
Все алгоритмы поиска делятся на
- поиск в неупорядоченном множестве данных;
- поиск в упорядоченном множестве данных.

3. Хэш функции - Хеш-функция , или функция свёртки — функция, осуществляющая преобразование массива входных данных произвольной длины в (выходную) битовую строку установленной длины, выполняемое определённым алгоритмом. Преобразование, производимое хеш-функцией, называется хешированием.
***
«Хорошая» хеш-функция должна удовлетворять двум свойствам:
-быстрое вычисление;
-минимальное количество «коллизий».
***

4.Динамическое программирование — метод решения задачи путём её разбиения на несколько одинаковых подзадач, рекуррентно связанных между собой. Самым простым примером будут числа Фибоначчи — чтобы вычислить некоторое число в этой последовательности, нам нужно сперва вычислить третье число, сложив первые два, затем четвёртое таким же образом на основе второго и третьего, и так далее

5. Парсинг строк и совпадения (regex) - Парсинг (Parsing) – это принятое в информатике определение синтаксического анализа. Для этого создается математическая модель сравнения лексем с формальной грамматикой, описанная одним из языков программирования. Открыть/Комментировать

2021-02-11 20:00:39 Хочешь стать руководителем команды разработки?

AGIMA совместно с GeekBrains запускает второй поток на курс для middle- и senior-разработчиков. Расскажем, как автоматизировать разработку, управлять командой и высоконагруженными системами.
Длительность курса 6 месяцев, начало — 18 февраля.
В процесс обучения вы узнаете:
— Как подбирать специалистов и делегировать задачи.
— Как организовать командную работу и оценивать ее эффективность.
— Как обучать сотрудников и управлять ими.

Выпускники получат удостоверение о повышении квалификации.
Обучение платное.
Записаться на курс. Открыть/Комментировать