Окончание перевода статьи о том, как не нужно учиться программировать.

Первая часть была про HTML:

HTML семантика. Что это такое правильный HTML?

Вторая про JavaScript:

JavaScript. Правила программирования, которые нужно правильно применять

Очень часто, когда люди слышат, что что-то плохо по одной причине, они автоматически принимают это за нечестивый ужас, которого следует избегать любой ценой. Вместо того чтобы взвесить все "за" и "против", они превращают "использовать Y вместо X, когда это уместно" в "никогда не использовать X, всегда использовать Y", даже если это никоим образом, ни в какой форме не указано в начальном утверждении!

На самом деле, если кто-то говорит вам не делать чего-то, потому что "это слишком сложно для новичков", то они сами, скорее всего, новички; они не имеют права разглагольствовать на эту тему; так что бегите. Бегите, спасая свою жизнь. Если вы можете, маленькая девочка, спрячьте голову в песок, маленькая девочка.

Онлайн-курс «Fullstack-разработчик на Python»

Освоить программирование. Стать Python-разработчиком. Создавать свои веб-проекты. Fullstack-разработчик – универсальный специалист, который может совмещать сразу две роли – backend- и frontend-разработчика. Это значит, что такой специалист может создавать внешнюю сторону сайта и внутреннюю серверную часть. Fullstack-разработчик делает проекты полностью, от начала до конца. Такой специалист очень нужен в любых стартапах, особенно в продуктовых компаниях, потому что может быстро запустить сайт или веб-сервис. Python занимает в рейтинге популярных языков программирования TIOBE. Айтишники создают программы и сервисы, а еще поддерживают стабильную работу продуктов, которыми мы все пользуемся. Без айтишников даже государственный софт не будет работать нормально – например, госуслуги или налог. Научишься мыслить алгоритмически и программировать через отработку алгоритмов, чтобы решать нетривиальные задачи в разработке.

Другие видеокурсы по теме:

- Онлайн курс «Javascript-разработчик»

- Онлайн курс «Инженер по тестированию»

- Онлайн курс «Java-разработчик с нуля»

- Онлайн курс «Python-разработчик»

- Видеокурс «Программирование на C++ в Unreal Engine 5»

- Видеокурс «Написание лайфхаков на Python»

- Видеокурс «Программирование на C++ с Нуля до Гуру»

- Видеокурс «Программирование на C# с нуля до гуру»

- Видеокурс «Программирование на Python с нуля до гуру»

 

 

Онлайн курс «Javascript-разработчик»

За 4 месяца поможем освоить язык программирования JavaScript. На курсе напишите сервис по бронированию жилья и игру для браузера. Курс составлялся на основе требований IT-компаний к JavaScript-разработчикам. Всё необходимое добавили, ненужное убрали — вам осталось посмотреть, всё выполнить и получить профессию. Во время обучения будете практиковаться на реальных задачах, создавать собственные проекты и улучшать навыки в работе с кодом. Таймеры и замыкание. Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать. JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций. Кратко о том, как развиваться разработчику дальше и что изучать.

Другие видеокурсы по теме:

- Видеокурс «WordPress 6 с нуля»

- Курс «SEO-специалист»

- Онлайн курс «Веб-разработчик с нуля»

- Онлайн курс «Инженер по тестированию»

- Курс «SMM-специалист с нуля»

- Онлайн курс «Python-разработчик»

- Онлайн курс «Java-разработчик с нуля»

 

Онлайн курс «Веб-разработчик с нуля»

За 9 месяцев получите профессию веб-разработчика: от HTML и CSS до практики по Javascript и PHP. Курс нацелен на профессию веб-разработчика. Научим всему, что есть в джун-вакансиях. Подготовим к первой работе, поможем наполнить проектами портфолио и предоставим стажировку. Виды позиционирования: статическое, абсолютное, относительное, фиксированное. Понятие адаптивного и отзывчивого веб-дизайна. Как создавать объекты. Ключевое слово this. Получение, изменение и удаление свойств объекта. Ссылки на объекты. JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций. Основы Webpack. Зачем нужны сборщики и какие этапы можно автоматизировать.

Другие видеокурсы по теме:

- Видеокурс «WordPress 6 с нуля»

- Курс «SEO-специалист»

- Видеокурс «Создание сайтов на django»

- Видеокурс «Программирование на C++ в Unreal Engine 5»

- Курс «SMM-специалист с нуля»

- Видеокурс «Программирование на C++ с Нуля до Гуру»

- Видеокурс «Программирование на C# с нуля до гуру»

 

Только сегодня при публикации перевода руководства по Composer заметил, что полетела красота с разметки кода (и унеслась куда-то за горизонт). 👻🦇

Вот уж не знаю, дело в моей невнимательности или в том, что Cloudflare обновил свой кэш... Ну и из-за того, что Joomla 4 после обновления что-то перестала подтягивать из общих папок, тоже обновив свой кэш... В общем, "Усё пропало шэф!" 😲😳🙈

Но, кто не делает (и не хранит) бэкапы, тот не я! 😜

В итоге, я взял css и JavaScript файлы из архивов ещё Joomla 3 и прописал их в шаблоне.

Кому интересна подсветка кода, смотреть тут:

highlight.js — универсальный инструмент для подсветки кода на страницах сайтов в интернете

В общем, и эту неожиданность ожидаемо разрулил.

Текущая версия шаблона: v.1.4.0

Продолжение [возможно] преследует! 🤠✌🏻

Если вы рассматриваете возможность построения карьеры в сфере веб-разработки, у вас, несомненно, может возникнуть много вопросов. Какие языки программирования следует изучать? Как выглядит рынок труда сегодня? На какую зарплату вы можете рассчитывать, получив заветную должность?

Современная веб-разработка включает различные пути развития, каждый из которых требует наличия определенных компетенций. Одним из возможных направлений является фронтенд разработка на языке JavaScript. Фронтенд — это клиентская часть приложения, с которой взаимодействует пользователь.

О том, чем занимаются frontend-разработчики, насколько востребована эта профессия и где сегодня можно получить новые знания расскажет Василий Муравьев, основатель учебной платформы Stackdev и разработчик с 9-летним стажем.

Чем занимаются фронтенд разработчики

Говоря об экосистеме JavaScript, стоит упомянуть, что сегодня этот язык используется не только для создания клиентской части сайта, но также и для создания бэкенда (внутренняя часть сайта, скрытая от пользователей).



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

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

Востребованность фронтенд разработчиков

Сегодня JavaScript является одним из самых востребованных языков программирования. Например, поиск известной соцсети LinkedIn выдает около 20 000 вакансий фронтенд разработчиков в США. К числу навыков и компетенций, на которые компании обращают внимание, относятся:

• 
  Опыт использования HTML, CSS и JavaScript для создания динамических веб-сайтов и приложений.


• 
  Знание JavaScript библиотек и фреймворков (React, Angular или Vue).


• 
  Уверенное знание нативного JavaScript, включая редакции ES5 и ES6.


• 
  Владение инструментами для управления состоянием данных (Redux и др.).

В своем отчете “IT Skills Report 2022” рекрутинговая платформа DevSkiller представила интересные данные о текущих тенденциях найма разработчиков. На основе анализа более 200 000 тестов по программированию в 143 странах они обнаружили, что 34,8% компаний, проводящих собеседования на младшие должности, искали именно разработчиков JavaScript.

Зарплаты в России

В 2023 году средний рост зарплат всех IT специалистов в Москве, куда входят разработчики, составляет около 16,5%.  IT сфера несомненно остается одной из самых привлекательной для соискателей, несмотря на происходящие трансформации в экономике.

Общее количество опубликованных вакансий frontend разработчиков на hh.ru в начале года составило более 3-х тысяч.

За последние пару лет конкуренция среди младших фронтенд разработчиков усилилась, но даже junior-специалисты в столице могут получать порядка 100 тыс. руб. без учета дополнительных льгот и компенсаций. А вот разработчик с квалификацией middle-senior может рассчитывать на диапазон заработной платы от 200 до 700 тыс. руб.

Вывод один: даже на старте карьеры во frontend разработке можно получать достойную оплату за свою работу, но для этого необходимы хорошие базовые знания JavaScript и сопутствующих технологий.

Зарплаты в мире

В ходе исследования 2022 года “State of JS” более 28 000 разработчиков JavaScript поделились уровнем своего дохода. Большинство (28,3%) сообщили о зарплате в пределах 50-100 тыс. долл. в год, а 18,8% зарабатывают порядка 100-200 тыс. долл. в год. Только 17,1% участников исследования сообщили о заработке, эквивалентном 30-50 тыс. долларов в год.

А в Англии, например, по данным платформы для найма разработчиков CodinGame, каждые 2 минуты появляется новая вакансия, где требуется знание JavaScript. При этом более чем в половине из них предлагается зарплата не менее 50 000 фунтов стерлингов ($60 900), а каждый пятый работодатель (20%) обещает 70 000 фунтов стерлингов ($85 300) и выше. Да и в целом более 33% всех объявлений о технических вакансиях требуют владения языком JavaScript.

Средние зарплаты разработчиков JavaScript в разных странах мира в 2023 году:

• 
  Австралия — $137 654 в год.


• 
  Канада — $90 237 в год.


• 
  Германия — €64 411 в год.


• 
  Индия — ₹6,14,982 в год.


• 
  Южная Африка — 111 730 рандов в год.


• 
  Великобритания — 62 826 фунтов стерлингов в год.


• 
  США — $103 590 в год.

Еще один фактор, который влияет на уровень оклада, это размер компании. Данные сервиса PayScale показывают как компенсация труда JS разработчиков соотносится с размером компании:

• 
  1-9 сотрудников в компании — $73 202 в год.


• 
  10-49 сотрудников в компании — $72 081 в год.


• 
  50-199 сотрудников в компании — $78 114 в год.


• 
  200-599 сотрудников в компании — $81 377 в год.


• 
  600-1,999 сотрудников в компании — $84 838 в год.


• 
  2 000-4 999 сотрудников в компании — $84 738 в год.


• 
  5 000-19 999 сотрудников в компании — $89 866 в год.


• 
  20 000-49 999 сотрудников в компании — $88 860 в год.


• 
  50 000+ сотрудников в компании — $88 650 в год.

Как мы видим, в крупных компаниях зарплата разработчиков, специализирующихся на экосистеме JavaScript, несколько выше.

Где приобретать новые знания?

Новые технологии не стоят на месте. Появляются новые библиотеки, выходят новые редакции языков программирования, появляются новые подходы к решению задач.



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

Начинающим сложнее учиться по роликам на YouTube, так как часто они представляют собой разрозненный материал без выраженной структуры от разных авторов. Очень сложно разобраться что конкретно нужно учить, в каком объеме и последовательности.

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



В любом случае важно понимать, что освоение любой новой профессии занимает время и требует ежедневной работы. Итог стараний — профессия разработчика, которая востребована во всем мире и минимально зависит от контекста конкретной страны.

Привет, друзья!

Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными способами улучшения показателей Core Web Vitals.

Core Web Vitals — это часть метрик Web Vitals, используемых для оценки веб-страниц и включенных во все инструменты Google. Владельцы сайтов должны учитывать эти метрики. Каждый показатель Core Web Vitals представляет собой отдельный аспект опыта взаимодействия пользователя с сайтом, измеряемый в полевых условиях и отражающий реальные действия по достижению критически важного результата, ориентированного на пользователя.

Web Vitals — это инициатива Google, цель которой — предоставить единое руководство по сигналам качества, необходимым для обеспечения хорошего взаимодействия с пользователем в Интернете (источник).

Интересно? Тогда прошу под кат.

Читать дальше →

https://habr.com/ru/post/714280/?utm_source=habrahabr&utm_medium=rss&utm_campaign=714280

Привет, друзья!

Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными способами улучшения показателей Core Web Vitals.

Core Web Vitals — это часть метрик Web Vitals, используемых для оценки веб-страниц и включенных во все инструменты Google. Владельцы сайтов должны учитывать эти метрики. Каждый показатель Core Web Vitals представляет собой отдельный аспект опыта взаимодействия пользователя с сайтом, измеряемый в полевых условиях и отражающий реальные действия по достижению критически важного результата, ориентированного на пользователя.

Web Vitals — это инициатива Google, цель которой — предоставить единое руководство по сигналам качества, необходимым для обеспечения хорошего взаимодействия с пользователем в Интернете (источник).

Интересно? Тогда прошу под кат.

Читать дальше →

https://habr.com/ru/post/714280/?utm_source=habrahabr&utm_medium=rss&utm_campaign=714280

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

К статье

https://habr.com/ru/post/714270/?utm_source=habrahabr&utm_medium=rss&utm_campaign=714270

Всем привет, меня зовут Артём Арутюнян, и я уже пять лет изучаю реактивное программирование. Меня задела недавняя статья, Big State Managers Benchmark, в которой моя библиотека Reatom заняла лишь третье место (скорее второе, ну да ладно) и я решил написать самую эффективную реализацию реактивных состояний, убрав лишние фичи, сфокусировавшись на простоте и производительности.



Немного поэкспериментировав я добился удивительных результатов, в сто строк (0.3KB gzip) уместив максимально простое апи, которое позволяет подключаться к React и Svelte без дополнительных адаптеров. Но самое главное, найденный алгоритм фундаментально покрывает любые краевые случаи условных переподписок зависимых вычислений, с которыми подавляющее большинство популярных библиотек не справляется и дают глитчи.



Если вам интересны детали реализации — прошу под кат.
Читать дальше →

https://habr.com/ru/post/713808/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713808

SOLID — универсальный набор принципов разработки поддерживаемого программного обеспечения. В данной статье я попытался разъяснить свое понимание принципов SOLID в отношении языка JavaScript: особенности реализации, некоторые синтаксические конструкции и, конечно, примеры из жизни. Если вам стало интересно, то прошу под кат.

Читать далее

https://habr.com/ru/post/714068/?utm_source=habrahabr&utm_medium=rss&utm_campaign=714068

Я пишу на TS уже довольно давно. Но некоторые вопросы все еще сбивают меня с толку: что такое never, и почему он так странно себя ведет? Чем отличаются any и unknown? Почему const x: {} = true — не ошибка?

Оказывается, если перевести TS на язык теории множеств, всё встанет на свои места!

Читать далее

https://habr.com/ru/post/713800/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713800

Я пишу на TS уже довольно давно. Но некоторые вопросы все еще сбивают меня с толку: что такое never, и почему он так странно себя ведет? Чем отличаются any и unknown? Почему const x: {} = true — не ошибка?

Оказывается, если перевести TS на язык теории множеств, всё встанет на свои места!

Читать далее

https://habr.com/ru/post/713800/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713800

Привет, друзья!

В этой небольшой заметке я хочу рассказать вам об одном интересном предложении по дальнейшему совершенствованию всеми нами любого JavaScript, а именно: об операторе конвейера (pipe operator) |>.

На сегодняшний день данное предложение находится на 2 стадии рассмотрения. Это означает, что даже если все пойдет по плану, новый оператор будет стандартизирован года через два. Кроме того, синтаксис и возможности, о которых мы будем говорить, могут претерпеть некоторые изменения.

Если вам это интересно, прошу под кат.

Читать дальше →

https://habr.com/ru/post/713768/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713768

Привет, друзья!

В этой небольшой заметке я хочу рассказать вам об одном интересном предложении по дальнейшему совершенствованию всеми нами любого JavaScript, а именно: об операторе конвейера (pipe operator) |>.

На сегодняшний день данное предложение находится на 2 стадии рассмотрения. Это означает, что даже если все пойдет по плану, новый оператор будет стандартизирован года через два. Кроме того, синтаксис и возможности, о которых мы будем говорить, могут претерпеть некоторые изменения.

Если вам это интересно, прошу под кат.

Читать дальше →

https://habr.com/ru/post/713768/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713768

https://habr.com/ru/post/713764/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713764

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



Создавая такой алгоритм, вы заметите, что просто замусориваете ваш код логикой if-else (пока он не превратится в кашу), а самим вам начинает казаться, что вот так просто не прокатит.



Итак, если только вас не пробирает дрожь от математики – читайте дальше. Здесь в дело вступает нечёткая логика! Немного контекста: слово «нечёткий» (англ. «fuzzy») в данном случае означает «труднопонимаемый» — таков может быть, например, код вашего коллеги.



В этом посте я постараюсь объяснить нечёткую логику и объяснить, как она работает. Читать дальше →

https://habr.com/ru/post/713620/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713620

Привет! Меня зовут Савр, я работаю инженером технической поддержки Arenadata. В прошлом году нам, как и многим другим компаниям, использовавшим зарубежное ПО, пришлось переходить на российские аналоги. В частности, с болью в сердце мы отказались от Jira Service Management (далее SM) — нашей системы управления обращениями заказчиков и основного инструмента службы поддержки. Мы были вынуждены перейти на российскую разработку SimpleOne.

Поскольку наша команда привыкла к предыдущей функциональности, после миграции мы сделали ряд доработок нового сервиса. В этой статье я расскажу о некоторых из них: почему мы решили это исправить и как именно реализовали. Сразу оговорюсь, что мы не претендуем на статус великих специалистов или консультантов по SimpleOne, а лишь хотим поделиться своим опытом и идеями с теми, кто тоже рассматривает этот инструмент как альтернативу существующему решению.

Читать далее

https://habr.com/ru/post/712988/?utm_source=habrahabr&utm_medium=rss&utm_campaign=712988

Да, про эту нейросеть сейчас слышно отовсюду, как она пишет текста песен, сдает экзамены, пишет куски кода, но я подумал, а сможет ли она сама целиком завершить проект под моим руководством?

Читать далее

https://habr.com/ru/post/713532/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713532

Да, про эту нейросеть сейчас слышно отовсюду, как она пишет текста песен, сдает экзамены, пишет куски кода, но я подумал, а сможет ли она сама целиком завершить проект под моим руководством?

Читать далее

https://habr.com/ru/post/713532/?utm_source=habrahabr&utm_medium=rss&utm_campaign=713532