Топ курсы по JavaScript — обучение c нуля | Бесплатные для начинающих и профи. Каналы на YouTube, книги
Подготовил для вас подборку бесплатных и платных курсов обучения по программированию на JavaScript.
☝ Для начинающих, не надо проходить сразу все курсы, выберете внимательно какой вам больше подходит очень много отличных школ, ребята знают своё дело, замечательные курсы, великолепные наставники.
Так же большой выбор бесплатных курсов, видео курсы с YouTube, есть где разгуляться, ребята выбор за Вами.
Профессия Fullstack-разработчик на JavaScript от Skillbox — Вы с нуля научитесь разрабатывать полноценные сайты и веб-приложения на JS и изучите один из фреймворков — Vue, React или Angular.
«Факультет Fullstack JavaScript» от GeekBrains — Освойте с нуля язык программирования JavaScript, чтобы стать Fullstack-разработчиком. Вы научитесь создавать сайты, мобильные приложения и высоконагруженные сервисы.
«Онлайн-курс JavaScript-разработчик» от Бруноям — Полностью практический курс идеально подойдет тем, кто хочет освоить профессию frontend-разработчика и научиться программировать на JavaScript. Во время обучения вы научитесь технологиям JavaScript, Node.js, основам React и Typescript.
«Профессия Fullstack-разработчик» от Hexlet — Программист полного цикла. Он в одиночку может создать веб-приложение: сверстать страницу в HTML и CSS, оживить её с помощью JavaScript, разработать клиентскую часть на React и собрать весь бэкенд с помощью Node.js.
«Fullstack-разработчик на JavaScript» от Netology — Fullstack-разработчик может в одиночку запрограммировать веб-приложение. Он владеет всем набором инструментов, разбирается в бэкенд- и во фронтенд-составляющей продукта.
«Разработчик JavaScript. Базовый уровень» от Otus — На курсе вы получите навыки фронтенд-разработки, которые выделят вас среди начинающих разработчиков. Вы освоите технологии, которые используют в проектах прямо сейчас: React, TypeScript, Babel, Webpack, Node.js.
«Курс JavaScript» от Skillbox — Вы освоите язык JavaScript и его экосистему в теории и на практике, сможете создавать интерактивные сайты и вырасти как веб-разработчик.
«Профессия Fullstack веб-разработчик на JavaScript и PHP» от Skillfactory — Фулстек-разработчики совмещают сразу две роли — backend- и frontend-разработчика. Это делает их востребованными как в небольших стартапах, так и в крупных компаниях.
«Разработчик JavaScript. Углубленный уровень» от Otus — Вы научитесь решать на JavaScript различные задачи фронтенда и бэкенда. Стек позволяет внести разнообразие в свою работу, открывает возможность участвовать в интересных проектах и стартапах, предлагать комплексные решения. Однозначно, Fullstack-специальность для тех, кто ищет драйва и хардкора в разработке!
«Базовый курс JavaScript» от GeekBrains — Студенты знакомятся с основами JavaScript, позволяющего делать веб-страницы интерактивными. Учатся создавать динамические страницы и приложения, используя опыт HTML-верстки. Отрабатывают навык программирования на JavaScript, разрабатывая мини-игры.
«Продвинутый курс JavaScript» от GeekBrains — Курс научит использовать максимум возможностей JavaScript, чтобы создавать функциональные, привлекательные сайты. Используя библиотеку JQuery, осваивая Ajax-запросы, начинающие разработчики сделают интерфейс своего интернет-магазина интерактивным.
Так вот ребят, тут дело каждого, кому выбирать какие курсы, лично мне по душе платные, потому что, во первых есть наставник, а это тот человек который ведёт тебя по этой дорожке знаний.
Во вторых драйв, этот внутренний огонь, жажда сделать, выучиться, забабахать что-нибудь. Мне нравилось, что была поддержка, и общение с группой, обмен своими результатами, каким то опытом, обратная связь очень помогает.
По структуризации курса и поэтапному продвижению, думаю тут говорить нечего, всё идёт по плану ��.
В платных курсах есть конечно свои плюсы, по сравнению с бесплатными, и всё же подборки огонь, выбора хватает, Но, я порекомендовал Вам, так что поехали ребятки.
Большое количество бесплатных курсов это хорошо, но это увеличивает сложность выбора.
Давайте рассмотрим, тут есть где разгуляться, очень не плохой выбор. Определяйтесь, да учитесь, удачи с выбором. ��
В данном видеокурсе будут разобраны основные понятия и базовые возможности языка, без знания которых вы не сможете начать работать с JavaScript. Данный курс подойдёт для начинающих разработчиков.
В курсе рассматриваются основы языка JavaScript, а также необходимые понятия для программирования на нём. Такие как работа с ошибками, отладка, импорт модулей.
Курс длится 2 недели. Вас ждут 4 онлайн-занятия и 6 часов самостоятельной практики. Занятия проходят 2 раза в неделю в будни с 19:00 до 20:00 МСК.
Основная цель курса — практика изучения JavaScript на реальных примерах для frontend-разработчиков. Каждый теоретический блок заканчивается практикой. Создадите реальные проекты в процессе прохождения курса. Исходные коды к заданиям для сверки прилагаются.
На бесплатном вебинаре GeekBrains вы разберетесь в основах JavaScript и поймете, хотите ли изучать его. Занятие будет полезно тем, кто интересуется программированием и задумывается, с чего начать.
Этот бесплатный онлайн-курс по JavaScript познакомит с базовыми понятиями языка. Вы выучите основы и напишете свои первые программы на JS.
Перед вами учебник по JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.
Этот учебник научит вас JavaScript от базового до продвинутого.
Начните изучать JavaScript прямо сейчас.
Научитесь кодировать с помощью более 10 000 интерактивных задач. Получайте опыт, открывайте достижения и повышайте уровень.
В данном курсе рассмотрены основы программирования на JavaScript а также некоторые инструменты и модели данных, необходимые для практического использования JavaScript.
За курс мы будем изучать Javascript с нуля для начинающих. Начать курс js для начинающих нужно с переменных, а далее постепенно изучать более сложные конструкции.
Представляем вам большой курс по изучению React Native с нуля. В ходе курса для начинающих вы научитесь создавать мобильные приложения на JavaScript (React). За курс будет создано несколько проектов на основе Реакт JS.
На примере языка JavaScript вы научитесь работать с регулярными выражениями для решения самых разных задач. Данный видеокурс призван заполнить все возможные пробелы в ваших знаниях относительно регулярных выражений.
Помимо полноценных курсов многие YouTube каналы предоставляют мануалы или ликбезы, которые тоже могут быть очень полезными при тренировках, решении определенных задач и повышения своего уровня.
С нуля! Легкий уровень. Ты даже не представляешь на что способен JavaScript! Сегодня ты начнешь изучать самый легкий язык программирования, который даст тебе возможность не только добавлять к сайтам интерактивные элементы, но и писать игры, программировать роботов, создавать музыку и даже создавать анимацию под VR.
Веб разработка для начинающих. Уроки, разборы кода, хакинги, JavaScript, PHP, Node.js
автор предлагает серию уроков с базовой информацией о JS. Те, кто уже знает, как работать с массивами, переменными, объектами, могут перейти к изучению более сложных вопросов, например, изучить, как адаптировать сайт под десктоп или мобильное устройство.
автор снимает ролики и размещает на своём YouTube-канале. Смотреть может любой желающий. Выполнение практических заданий, сдача тестов или экзаменов не предусмотрены.
Уроки JavaScript для всех начинающих кто хочет выучить этот мега популярный язык программирования и найти работу мечты. Javascript уроки построены таким образом, вы сначала изучаете основы Javascript, а потом переходите к практике применяя все что вы выучили в программировании ранее.
Уроки по основам языка программирования JavaScript. Пишите в описаниях к видео «хочу еще!», «давай больше», «еще!», «хочу серию уроков!», тогда конечно, таких уроков я буду публиковать чаще и больше ))))))
IT школа EasyCode — это возможность получить престижную и высокооплачиваемую IT профессию. Обучение полностью основывается на практике. На IT курсах мы готовим специалистов, которые могут претендовать на получение должности Junior в крупнейших IT-компаниях или самостоятельно работать на фрилансе.
Обучиться JavaScript с нуля — это возможно. По моим урокам JS c помощью этих видо ты сможешь освоить язык программирования JavaScript с нуля. Чтобы самостоятельно выучить JS с помощью этих уроков тебе не нужно уметь программировать, знать какой-либо другой язык программирования, быть математиком или иметь специальную подготовку.
Если ты устал слушать, как другие создают сайты, изучают верстку, Java Script, php и фреймворки, а ты все думаешь, когда стоит начать?! Так вот, ты на верном пути на нужном канале и все, что осталось это просмотреть нужные плейлисты и видеоролики, задать правильные вопросы и получить ответ. Начни свой путь прямо сейчас, прямо здесь. Удачного обучения.
В данном плейлисте находятся все видеоуроки по изучению языка JavaScript. Этот язык может быть полезен как при создании сайта, так и при создании игр, приложений и много другого!
Меня зовут Слава Шевченко, я занимаюсь веб-разработкой уже более 7 лет. На этом канале, я буду делиться с Вами своим опытом, наработками, успехами и неудачами!
Данный курс посвящен теме Full-Stack разработки на JavaScript и знакомства с ней. В курсе мы разработаем небольшой блог, на примере которого мы разберем базовые составляющие Full-Stack разработки.
Этот и все последующие уроки JavaScript с нуля я постараюсь подать в максимально понятной форме. Сегодня практически ни один фронтенд-проект, в том числе по верстке, не обходится без JavaScript.
Мы любим Arduino, Raspberry Pi, Iskra JS и другие платформы, которые дают возможность даже новичкам создавать собственные гаджеты, роботов, автоматизировать свой дом или дачу, и делать много другое. Мы создаем эти проекты для вас, учим как сделать такое же устройство или свое собственное.
JavaScript для блондинок — и этим всё сказано )
ВебКадеми — веб-разработка, программирование и IT
С нуля пишем приложение на чистом JS. Еще расскажу про некоторые фишки из ES5 и ES6, например, о деструктуризации в JS. Еще посмотрим, как можно хранить данные в браузере с помощью localStorage.
Веб разработка для начинающих. Уроки, разборы кода, хакинги, JavaScript, PHP, Node.js
��Список хороших книг по Javascript:
Если Вам будет интересно можете ознакомиться с полной статьей тык
Ребят, если определились с выбором, дайте обратную связь через комментарии. Всем Мир ✌
25 бесплатных курсов Javascript-разработки 2023 года
Подготовили для вас статью с бесплатными курсами по Javascript. В некоторых курсах есть тренажеры: можно проходить теории и там же практиковаться.
Покликайте на курсы, выбирайте. Важно, чтобы вам был удобен курс, понятен язык изложения, и ваш уровень знаний подходил для конкретного курса.
Тренажеры
Бесплатный тренажер по Javascript
Тип: Тренажер состоит из блоков теории, после которого сразу идет практика с задачами прямо внутри тренажера.
Язык: русский.
W3schools.com
Тип: обучающий онлайн-тренажер.
Язык: английский.
Edabit.com
Тип: обучающий онлайн-тренажер.
Язык: английский.
Codewars
Тип: обучающий онлайн-тренажер.
Язык: английский.
Бесплатные курсы от школ
«Основы программирования» от Hexlet
Популярная программа по JavaScript-программированию от популярной платформы Хекслет. В дополнение к видеоматериалам, предложенным участникам в качестве 29 видео, разработчики программ 135 проверочных теста и практические материалы для закрепления успехов каждого студента.
«Уроки Javascript» от itProger
Видеокурс для начинающих разработчиков JavaScript с полезными материалами под каждой частью и редактором кода для практики. Участники пройдут путь от общей информации о языке до создания объектов. Бонус: все коды, используемые в видео, прописаны в текстовом формате.
«Javascript: погружение» от WayUp
Курс для начинающих JavaScript-программистов длительностью в неделю. Во время обучения команда WAYUP расскажет о наиболее полезных инструментов языка, а по окончании выдаст электронный сертификат и сформирует портфолио.
«Веб-программирование» от Skillbox
Представляет собой набор из 12 видео длительностью от 1 до 6 часов с разбором кейсов из PHP-, JavaScript- и HTML-разработки вместе с сотрудниками мировых IT-компаний в роли спикеров. Все лекции также доступны в свободном формате на YouTube-канале платформы Skillbox.
Курсы с Youtube
Уроки JavaScript с нуля
Программа, состоящая из получасовых-часовых видео, со звучным названием «JavaScript с нуля (ну ваще с нуля)». Здесь автор действительно пояснит все вводные данные: от функционала языка до основных объектов — для дальнейшего освоения в мире JavaScript-программирования.
Создание Full-Stack Javascript блога
Эта программа для тех, кто мечтает стать FullStack-разработчиком на JavaScript. Курс от WebForMySelf охватывает многие тематики и аспекты данной профессии всего в 6 коротких видео.
Курс JavaScript — Основы JS WEB
Массивы, функции, атрибуты — все это в курсе по JavaScript от WebUpBlog. Программа удобно спланирована в виде последовательных роликов на YouTube.
Уроки js
YouTube-курс для начинающих и продвинутых JavaScript-программистов на канале Алекса Лущенко. В 40 роликах автор расскажет обо всем, что нужно знать начинающим и не очень кодерам: от алгоритмов ветвления до работы с DOM-деревом.
Видеоуроки JavaScript
Один из немногих курсов по программированию платформы Iskra JS с помощью JavaScript. В своих коротких видео автор не только покажет процесс написания кодов, но и на реальных примерах продемонстрирует их применение в робототехнике.
Курс Node.js — для тех, кто хочет начать бекенд разработку
Курс по Node.js для тех, кто хочет попробовать себя в роли Backend-разработчика. Приблизительно за 4 часа контента автор канала Алекс Лущенко расскажет об основных аспектах работы с данной программной платформой.
JavaScript — один из ключевых языков программирования. Он, как и Java, находит применение в широком спектре задач: от веб-программирования до 3D-геймдева.
На февраль 2023 рейтинг TIOBE оценивает популярность JavaScript седьмым местом, однако, по подсчетам рейтинга GitHub, этот язык — все же третий в мире после Java и Python.
Сколько приносит знание JavaScript в 2023 году?
По данным портала Zarplan.com на февраль этого года, в среднем JavaScript-программисты получают до 160 688 рублей в месяц, а вот наиболее частая зарплата — держится в диапазоне от 161 000 до 201 000 рублей.
На данный момент, согласно HH.ru , рынок труда предлагает около 3 500 рабочих мест для JavaScript-программистов или позиций, где необходимо знание этого языка, — например, это на порядок выше вакансий со знанием C++, приблизительно 1 500 мест, или C# с 1 200 мест.
Почему JavaScript?
Поскольку основное применение язык находит в веб-разработке, его преимущества связаны именно с это разделом программирования. Так, JavaScript:
Интегративен — JavaScript полностью совместим с версткой и серверами сайтов;
Производителен — язык оптимизирует код, ускоряя обработку данных;
Обладает собственной экосистемой — теперь для JS доступны тысячи фреймворков;
Прост и понятен — изучить синтаксис JavaScript можно так же быстро, как и синтаксис других языков программирования.
Где научиться JavaScript с нуля?
Найти возможности обучения JavaScript для начинающих несложно. Например, среди них: курсы от Udemy, Hexlet и Skillbox, онлайн-книги и учебники на Habr, HTML5CSS.ru , а также видеолекции на YouTube-каналах freeCodeCamp.org , Telusko и Bro Code.
1.6K постов 16.8K подписчиков
Правила сообщества
Не забывайте поддерживать авторов плюсами!
— Добавлять нетематические посты, последнее решение за модератором
— Рекламировать какую-либо продукцию в виде постов
— Делится любыми интересными историями, связанными с фрилансом 🙂
Что за на пикабу наплыв ебаных перепостов с ссылками из тырнета? Причем бездарно спижженых, где путается Java и JavaScript, или с ссылками на свои ебаные телеграмы
Не хочу долго учиться, хочу сразу погромировать
Что за хуйню я прочитал?
Даже сотки не наберется, а популярных 3 штуки.
Если он такой же, как и другие, то в чем преимущество?
Автор, поешь говен.
Это что, не различаем Java и js? Минус
А я думал что шутки про JavaScript != Java только в устаревших учебниках.
Алсо странно не упомянуть Кантора
Читать ещё на Пикабу
Простыми словами о фреймворках
Всем привет, работаю java разработчиком последние 9 лет, хотел бы пояснить на максимально простом примере зачем нужны фреймворки и в чем их отличие от библиотек.
И те и другие созданы для исключения дублирования часто используемой функциональности: не нужно повторно писать и тестировать код, разработчики знакомы с распространенными решениями, что облегчает вход в проект.
Библиотеки имеют определенный интерфейс, который позволяет вызывать их код из вашего проекта. За интерфейс и его реализацию отвечают авторы библиотеки. Фреймворки же напротив, являются точкой входа и вызывают код вашего проекта. А это значит что теперь уже вы должны реализовать определенный интерфейс, который предлагает автор фреймворка. Это похоже на подключение плагинов в других программах.
Часть кода переезжает в настройки или в иной форме становится декларативной. Приведу пример конфигурации одного из самых популярных java фреймворков Spring. Проект будет загружать из БД список пользователей и отдавать их «как есть» через REST апи:
application.yml — конфигурируем порт для апи и настройку подключения к бд:
server.port: 8080
spring.datasource.url: jdbc:postgresql://localhost:5432/mydb
В формате фреймворка объявляем репозиторий — компонент для получения записей о пользователях из таблицы БД:
interface UserRepository extends CrudRepository<User, Long> <>
В формате фреймворка объявляем эндпоинт — точку для подключения других сервисов к REST апи нашего проекта:
Теперь другие сервисы могут через апи нашего сервиса получить список пользователей из БД:
С минимальными настройками можно подключить и другие необходимые компоненты — для работы с разными БД, очередями, логгированием, можно настроить транзакции, ретраи, авторизацию и всё остальное.
Если вы только начинаете карьеру в it, есть смысл попробовать воспроизвести пару примеров из интернета по вашему фреймворку, а также пройтись по теоретическим вопросам (вроде «жизненный цикл спринг бинов»), но было бы разумней потратить время на общие алгоритмические и технические темы. Всем удачи!
«А если изменить скорость открывания, то можно сделать самолетный движок»
Первый опыт работы в 16 лет в IT
Я хотел изначально написать этот пост на хабре, но это скорее просто личное желание поделиться опытом, радостью и слить накопленное, чем информативная статья с моими анализами и выводами.
Я занимаюсь программированием с детства, а веб разработкой всего пару лет, но тем не менее собрал достаточно знаний, чтобы попробовать найти работку в IT. Оно знаете, было как-то лень и интересно одновременно, я люблю приключения и к тому же я собирался работать удалённо. Мой системник уже проситься на тот свет, иногда просто может не включиться, помогает передёрнуть ОЗУ и почистить от пыли и он снова работает (Кому интересно, p7p55le + i5 750, 8 gb DDR3 и две Radeon HD 5830). Апгрейдить там бессмысленно, нужно с нуля собирать. Не то что бы меня это сильно мотивировало, ну останусь без пк, жизнь же продолжается; но он не ломается к удивлению, заставляя меня угрожать кулаком в монитор и по клавиатуре, когда курсор останавливается, а IDE (От реактивных мозгов) вылетает.
Путь до оффера
Приблизительно начало февраля 2022. Тихонько себе листал вакансии на hh и habr карьере, откликался, получал отказы, решал тестовые (увы, тестовой зарплаты не было), но я остановлюсь на собесах. Хотя и там особо всё просто, коммерческого опыта нет, ты маленький, и вообще что ты тут забыл. Потому я продолжал откликаться уже по приколу, на middle даже, ну прокатит и круто.
Ивент от яндекса.
Осень 2022. Яндекс приглашает поучаствовать в соревновании YaCup 2022. До денежного приза вряд ли дойду, а вот пройти отбор на стажировку по упрощённой схеме, если попал в топ 50 уже не так уж и не возможно. Рвя жопу и нервы, я занял 36 место (в направлении фронтенд) и через неделю меня пригласили пройти удалённо отбор. Подробно не буду. Прошёл первый этап, на том конце были весёлые ребята и прикольные задачи (относительно простые, по этому не нервничал). На втором этапе меня встретил мужик который вероятно давно не ухаживал за своей растительностью на лице. За ним была доска, где я должен был бы решать задачи, но у меня была фора, однако я всё равно завалил. В яндекс я не попал (
Удача?
Февраль 2023. Вечерочком сижу и листаю вакансии на хабре и откликаюсь на «Typescript Lead». Странное название, просто Typescript и просто Lead. В описании написано «в поисках джуна», ну а кто я, чтобы не тригернуться на слово «джун». Через часок, уже полностью сонный, смотрю пишет мужик с этой вакансии, мол, вообще смотришь куда откликаешься. Я подумал, ну бывает, хотя это не hh и на кассира случайно тут не откликнешься. Проверяю отклики и всё ок. Он зовёт поболтать.
Первый разговор был без вебки, так что я не знал кто там. По голосу лет на 20. Попросил выполнить тестовое к завтрашнему дню и втирал какую-то дичь про тёплую атмосферу в команде и что-то ещё, я не помню, хотел спать. Тестовое было простенькое, но я всё равно потратил на него пол дня.
На «собесе» меня встретил бородатый мужик далеко не 20ти лет, а как оказалось почти сорока. Вебку тоже пришлось включить, переборов себя. Это был просто разговор по интересам, был только один тех. вопрос (что такое DI?) на который я нашёл много что ответить (мог бы больше, но моя речь не поспевает за моими мыслями, я вообще довольно не общительный). Потом я ничего не помню, помню только конец. Через полтора часа разговора с меня уже стекли литры пота, пытаюсь сдерживать судороги в ногах и шею, которая тоже вот-вот пойдёт в разнос. Меня он оценил в 50к рублей и объявил испытательный срок — 3 месяца с 75% ставкой. Завершил разговор, требуя готовиться к первому рабочему дню. От меня он потребовал мой плейлист spotify, любимые фильмы, книги и moodboard, дабы «знать мой психотип», чтобы это не значило.
Надо сказать я устраивался на Frontend, он меня направил на FullStack и спойлер работал как Backend.
Первый рабочий день
Было так круто, что я аж в 6 утра подскочил. Меня добавили в телеграм группу по разработке. И к обеду мне прилетела задача (issue) в гитхаб. Единственное, что мне сказал руководитель — «Иди раскуривай».
Кстати про команду: руководитель(он же тот самый мужик), дизайнер(парень где-то лет 20ти) и два фронта, с которыми особо не контактировал.
Так вот возвращаясь к задаче. Я нихера не понял. Задача была наполнена непонятными мне терминами. Я подумал это нормально, капец какого опыта я наберусь (спойлер, это правда).
Чтож. Делать нечего, я пишу, что-то вроде «памагите, я ничего не понимаю». Меня направили почитать про [куча терминов]. «Раскуриванием» задачи я занимался следующую неделю.
Из будущего: задача была в том, чтобы доить базы сети аптек по всей России, готовить данные и кормить ими с ложечки аналитические сервисы. Ведь просто, правда? Как будто я с базами данных не работал или бэкэндом. Но вот данных там на сотни гигабайт и это вполне тянет на биг дату. Обрабатывать их нужно грамотно, чтобы не было утечки памяти. А как это делать, я не знал.
Медленно, но уверенно
Я погружался в новые технологии, местный стек и так любимое в этом месте DDD. И вот первый потребитель данных доволен. Всё работает как надо, спустя сотни исправлений. И прошло уже чуть больше двух недель. Всё время я работал над проектом один, и настраивал его с полного нуля.
А вот и первая ЗП за 2 недели. Что кстати удивило, с самого начало думал, что кинут.
Отношение начинает меняться
На одном из one-to-one
— Ну как там?
— Первый потребитель готов, ещё два осталось
— Замечательно. За этот день добьёш?
— Нууу. Эээ.. Тут я думаю где-то к концу следующей недели доделаю.
— Б*ть, какой следующей недели. У нас уже сроки на этой недели заканчиваются. Чё там делать, то. Ты должен был по моим предположениям ещё на прошлой неделе всё сдать и перейти к следующему проекту.
Дальше на меня льётся куча критики и мата, а с моими то социальными навыками, я просто сижу как камень, слушаю, говорю «ага» и со всем соглашаюсь.
Что-то похожее происходило каждую неделю. «Ну чё за день осилишь», «Так, тогда через час идём в прод, да?», а там работы на неделю.
Затем мне пришло сообщение, что мой испытательный срок нужно продлить на ещё один месяц. Я поинтересовался, как это повлияет на ЗП. Оказалось всё нормально, на ЗП это продление не влияет. Держите это в голове, пригодится.
С проекта на проект
Сроки просрались, меня ведут на другой проект, а там прод лежит, и вообще что-то там наворотили и не работает, иду на следующий, через дня 2 всем говорят бросать этот проект и идти на другой.
Чтож на этот раз это бот для подготовки формы(pdf файла) для миграции в США. Он уже был готов, но там нужно было что-то «поправить». Пока я это правил, появились подробности, что оказывается там вообще сценарий вопросов не правильный. Ну ладно, сел переписывать. Ну и как обычно, я должен был сделать это вчера, а почему-то потратил на это три недели. Ну работает и ладно.
Вообще я много когда узнавал новые подробности в не подходящее время.
Последняя капля
Напоминаю, что частенько меня кроют в чате и one-to-one. Так, что мотивации и настроения, что-то делать у меня нет. Каждый день жду увольнения.
У меня есть такая особенность, что я копирую манеру общения собеседника. Так что отвечать добром на такие сообщения я не мог, а в one-to-one просто говорю «ага» и стараюсь как можно быстрее уйти, потому что такой разговор мне не приятен. Чтобы вы не думали, что я так всегда общаюсь, с дизайнером общаться вообще по кайфу, нет желания уйти, хотя и поддержать разговор также не получается.
На проекте с ботом у меня возникла проблема, с тем, что бот падает при создании pdf, но ошибки нет, точнее она пустая. Я обращаюсь к руководителю (больше не к кому)
— У меня не собирается pdf, падаёт ошибка в виде пустого объекта
. не помню точно, но разговор зашёл к тому, что зачем мне linux, если я им не умею пользоваться, и вообще — купи мак. Вот у тебя docker стартует из под рута, потому и не работает
— Слушай. Ну вот! Да! У меня всё собирается. Это у тебя Docker из под рута стартует.
— Ладно, буду разбираться.
Посидев, я понял в чём ошибка. И тут до меня доходит. Как он мог сгенерировать pdf, если ошибка совсем в другом. Я начал кое что подозревать, что уже давно подметил.
Часто на мои глупые вопросы, я получаю слишком умные(тупые) ответы, по сути это просто каша из умных терминов. Вместо того чтобы переспросить, уточнить, руководитель мне либо посылают такой ответ, либо наезжает.
Ответ на один из моих глупых вопросов
Эти вещи нужно оборачивать в модельные сущности и эксплуатировать в рамках стекового инструментария, приватизация тут ничего не решает
Поняли? Контекст тут не важен, чтобы понять, что это отборный бред. Такие ответы я получал почти всегда.
Так, вот я решил проверить мою теорию(обращаясь к руководителю)
— А можно pdf который вчера удалось сгенерировать?
— [скидывает пустой pdf (бланк для заполнения)]
— Не, это бланк, мне нужно заполненный со вчера.
— Ты сказал не собирается, ну я и собрал. Генерация это уже другая задача.
И да. Я подтвердил свою теорию. Он придрался к термину. Я сказал «собрать», вместо «сгенерировать». Я окончательно сгорел, и назвал его душнилой, а потом не сдержался и ещё жёстче его покрыл. На что он ответил что-то вроде: что ты себе позволяешь, вы(команда), должны целовать мне ноги, я вам тут плачу, я собрал команду, я, я, я.
К этому времени в команде остался только я, приходили иногда новички (с не плохим таким опытом уже), но уходили через день, два. Мне кажеться они сразу понимали, что тут что-то не так.
Саботаж
С этого момента, почти каждый день продолжалась эскалация конфликта. Я больше не задавал вопросов по задаче (поскольку от этого я только теряю время на бессмысленный токсичный разговор), и шёл на one-to-one только со словом «ага» и каменным лицом.
Одним утром, без настроения пытаясь разобрать очередную задачу, уже по другому проекту, я вылетаю из группы в телеграме. Я сначала не понял, что произошло, потом зашёл на github и увидел, что больше не состою в их организации. И я понял — я уволен. Однако в течении дня мне ничего не написали. Так, что это сделал я.
— Это типо увольнение? Тогда уж можно пожалуйста официальную причину и ЗП за 12 дней?
— Официальная причина — некомпетентность, саботаж
— Официально — ты у меня не работал, по документам, благо, не успел тебе контракт оформить. Я рекомендую тебе походить к врачу и начать общаться с людьми, у тебя большие проблемы, которые тебе предстоит решить.
— А зп за 12 дней? Если я получаю 50тр в месяц, то за 12 дней это должно быть 20тр
— Ты не получаешь 50к в месяц, я продлил твой испытательный, ты согласился
Поняли, да? Я там даже и не работал. И что ещё за «саботаж».
Где же обещанное обучение к которому вы так ответственно относитесь, ламповая атмосфера и уважение к неопытным сотрудникам, о чём мне заливали в самом начале?
Вот такие мои весёлые приключения в мире трудоустройства в IT, так ещё и в 16 лет.
P.S. Ах, да. Мне хватило ровно на новый ПК. Так, что я не сильно расстроился.
Опять все забыли про мидлов
Что не так с Шедеврумом и моя попытка это исправить
Недавно прокатилась волна о том, как Шедеврум от Яндекса замечательно рисует флаги США по запросу «наша родина», и меня, как специалиста, это сильно кольнуло. Настолько, что я решил что-то с этим сделать.
Вот пример такого художества, взял у Tagash, потому что уже закрыли костылем конкретно этот запрос, но основной проблемы это не решает:
Почему вообще складывается такая картина: алгоритмы может быть и отечественные, но результат, что-то, говорит об обратном.
Такие системы создаются на основе огромного количества данных — баз на сотни терабайт, состоящих из различных изображений и маркировок к ним, которые их описывают. Почти все существующие системы тренировались именно на таких открытых, огромных каталогах, которых довольно немного, а все они, как вы могли догадаться, сделаны на английском.
Данных с маркировкой на русском просто нет, либо их ничтожно мало, поскольку никому это просто не было нужно. А теперь, несмотря на наличие одареннейших специалистов у нас (к счастью, еще далеко не все разбежались), которые работают над отечественными решениями, без нужной информации им будет крайне тяжело продвигаться и приходится подпирать решения костылями, но это все равно не будет наш продукт до конца.
Так вот, есть предложение помочь им. Если создать такую базу или каталог изображений с описаниями на русском, то вся система заговорит совсем по другому. В качестве первой инициативы, я накидал сайт, где можно добавить маркировку изображениям на русском и загрузить свои картинки для последующей маркировки:
(для названия решил скаламбурить: взял «AI» (Искусственный интеллект на английском), поменял буквы местами и получился ослик Иа. Не кидайте тапками за лого, это лучший осел, которого я осилил нарисовать, да и то через Dall-E 2).
Хочу сказать, что коллективно мы можем подготовить фундамент на котором у нас появится реальный шедеврум, который будет думать на русском!
Плюс в том, что мы уже понимаем, что от этого нужно и можем создать базу данных, которая будет более разнообразной и яркой, чем англоязычные аналоги. Звучит странно, но здесь у нас есть фора, потому что мы точно знаем каким должен быть сервис и можем именно под него собрать и составить информацию.
Итак, как все это работает:
Нажимаем «Предложить ассоциацию». Система даст картинку для описания, которую кто-то ранее загрузил. Опишите одним словом, потом чуть подробнее и какие эмоции вызывает. Нажали на кнопку, описание улетело, получили следующую картинку и плюс в карму.
Там же можно загрузить свою картинку, но она сначала пройдет модерацию, чтобы всякой жути не заливали.
Неплохим примером описания было бы:
— Одним словом: лисы
— Подробнее: мама лиса с двумя лисятками, которые держатся за ее хвост на фоне травы
— Эмоции: милота, любопытсво (можно любой формат эмоций, прямо так как хочется сказать)
Кстати, если у вас есть желание помочь, то мне нужна юридическая помощь, а также с модерацией, разработкой, наполнением, да и вообще предложения приветствуются. Есть пара вопросов о том, как не угодить в «места не столь отдаленные» за инициативность)
Пока все это хранится на Amazon, но как только будут решены юридические вопросы, буду переносить всё на отечественный хостинг. Цель — создать собственную базу, чтобы можно было гордиться отечественным продуктом.
А для братьев технарей — весь код лежит в открытом виде, все как положено.
Топ-25 бесплатных курсов обучения Python 2023 года
Подготовили для вас статью с бесплатными курсами по Python. В некоторых курсах есть тренажеры: можно проходить теории и там же практиковаться.
Покликайте на курсы, выбирайте. Важно, чтобы вам был удобен курс, понятен язык изложения, и ваш уровень знаний подходил для конкретного курса.
Python — это один из наиболее популярных языков программирования в мире, широко применяемый как в создании программного обеспечении, так и в Data Science B Machine Learning.
Тренажеры
Тип: тренажер состоит из блоков теории, после которых сразу идет практика с задачами внутри тренажера. Бесплатный сертификат о прохождении выдается после окончания курса.
Тип: обучающий тренажер.
Тип: обучающий тренажер.
Бесплатные курсы от школ
Курс на платформе Stepik от онлайн-школы BEEGEEK для начинающих и учащихся образовательных учреждений. Программа предлагает изучить основы владения Python, а по окончании участников ждет электронный сертификат.
Бесплатный курс от Мичиганского университета на платформе Coursera предлагает участником набор онлайн-лекций по базовым навыкам владения языком Python. Каждый поток длится 7 недель, в рамках которых профессор Чарльз Северанс преподносит знания из своей книги «Python for Everybody».
Бесплатный курс по Python от Хекслет для начинающих программистов. Материалы, среди которых — 7 уроков в формате текста или видео и тесты, раскрывают основы написания кодов на языке, а также описывают ключевые аспекты работы в его экосистеме.
В рамках этих курсов по Python от Skillbox автор Артем Манченков расскажет обо всем, что пригодится начинающему программисту, используя реальные примеры. Вместе участники пройдут путь от написания интерфейса мессенджера до создания голосового помощника — и все это в формате видео.
Как заявляет автор курса, его программа рассчитана для программистов Python с любым уровнем знаний. По мере прохождения участников ждут 90 видеоуроков и практических заданий. По окончании курса платформа Stepik выдает электронный сертификат.
Бесплатный курс от Академии IT с рейтингом 4,75. Обучение состоит из прохождения 42 уроков, во время которых автор Михаил Тарасов расскажет все об основах программирования на Python, а также поделится ценной информацией о будущей карьере программиста.
Курсы с Youtube
Курс YouTube-лекций по программированию на Python. Вся программа состоит из 123 видео длительность от 5 до 12 минут. При желании можно найти те же видео на языке оригинала.
Что можно писать на Python
Практически как Java, Python находит применение во многих областях программирования. Так, например, язык применяют в:
Создании систем автоматизации;
Математических расчетах и других продуктах.
Сколько приносит знание Python в 2023 году?
Средняя заработная плата Python-программистов, согласно данным портала ГородРабот.ру, составляет 131 478 рублей — лучший показатель на рынке труда. А вот новички, основываясь на информации HH.ru , могут получать оплату от 70 000 рублей.
Ключевой недостаток владения Python — это необходимость конкурировать с другими кандидатами за место в штате. По подсчетам того же ГородРабот.ру, количество вакансий на позицию Python-разработчика достигает до 203 мест ежемесячно, однако и предложение труда уверенно растет: так, команда Skillbox посчитала, что на одно место программиста Python в 2023 году приходятся сразу 20 кандидатов.
Почему Python?
Python — идеальное решение для каждого и предлагает:
Доступность — из-за простого синтаксиса язык понятен даже новичкам;
Кроссплатформенность — интерпретаторы Python поддерживаются большинством операционных систем;
Разнообразие применения — язык нужен везде: от веб-разработки до геймдева;
Интегративность — Python можно применять в сочетании с другими системами и встраивать его коды как компоненты.
Самая трешовая айти вакансия на HH обнаружена
Между прочим, компания расположена в г. Москва.
Топ 10 бесплатных сайтов по программированию
Программирование становится все более востребованным навыком в современном мире, и все больше людей стремятся научиться кодированию. Однако, не все готовы потратить деньги на покупку дорогостоящих учебных материалов или курсов. Счастливо, существует множество бесплатных ресурсов, которые помогут вам освоить программирование без лишних затрат. В этой статье мы рассмотрим топ 10 бесплатных сайтов по программированию, которые помогут вам начать свой путь в мире кодирования.
Codecademy (https://www.codecademy.com/)
Codecademy — один из наиболее популярных сайтов по программированию. Он предлагает широкий выбор курсов, которые охватывают различные языки программирования, включая Python, JavaScript, Ruby, HTML, CSS и многие другие. Все курсы Codecademy бесплатны, но для получения доступа к некоторым дополнительным возможностям сайта требуется платная подписка.
Coursera (https://www.coursera.org/)
Coursera — это образовательная платформа, которая предлагает бесплатные курсы по программированию, разработке веб-сайтов, анализу данных и многому другому. Среди доступных языков программирования на Coursera можно найти Python, Java, C++, JavaScript и многие другие. Курсы на Coursera разработаны университетами и компаниями по всему миру.
edX (https://www.edx.org/)
edX — это еще одна образовательная платформа, которая предлагает бесплатные онлайн-курсы по программированию и другим темам. Курсы на edX предоставляются ведущими университетами, включая MIT, Harvard и Berkeley. Среди языков программирования, которые можно изучить на edX, находятся Python, Java, C#, JavaScript и многие другие.
FreeCodeCamp (https://www.freecodecamp.org/)
FreeCodeCamp — это некоммерческая организация, которая предоставляет бесплатные курсы по программированию и разработке веб-сайтов. Она известна своим курсом по полному стеку веб-разработки, который включает HTML, CSS, JavaScript, Node.js и другие технологии.
W3Schools (https://www.w3schools.com/)
W3Schools — это сайт, который предоставляет обучение веб-технологиям, таким как HTML, CSS, JavaScript, SQL и многие другие. Этот сайт является очень популярным среди начинающих веб-разработчиков, так как он предлагает краткие и понятные уроки, а также многочисленные примеры кода.
Khan Academy (https://www.khanacademy.org/)
Khan Academy — это некоммерческая организация, которая предоставляет бесплатные образовательные ресурсы для учащихся всех возрастов. Она предлагает бесплатные курсы по программированию, включая JavaScript, HTML/CSS, SQL и многие другие. Khan Academy известна своими понятными и доступными уроками, которые могут быть использованы как начинающими, так и продвинутыми учащимися.
Mozilla Developer Network (https://developer.mozilla.org/)
Mozilla Developer Network (MDN) — это сайт, который предоставляет бесплатные ресурсы для разработчиков веб-сайтов. MDN предлагает обширную документацию по HTML, CSS, JavaScript и другим веб-технологиям, а также множество уроков и примеров кода.
Udacity (https://www.udacity.com/)
Udacity — это образовательная платформа, которая предоставляет бесплатные и платные курсы по программированию и другим техническим темам. Udacity сотрудничает с компаниями, такими как Google, Facebook и Amazon, чтобы создавать курсы, которые соответствуют современным требованиям рынка. Среди языков программирования, которые можно изучить на Udacity, находятся Python, Java, JavaScript и многие другие.
GitHub (https://github.com/)
GitHub — это онлайн-хранилище, которое используется разработчиками для хранения и совместной работы над проектами. На GitHub вы можете найти множество бесплатных проектов с открытым исходным кодом, а также участвовать в совместных проектах с другими разработчиками.
Stack Overflow (https://stackoverflow.com/)
Stack Overflow — это сайт, который предоставляет ответы на технические вопросы, связанные с программированием и другими техническими темами. Стек переполнение является очень полезным ресурсом для начинающих программистов, так как он содержит ответы на множество вопросов, которые могут возникнуть в процессе изучения программирования.
Большая подборка книг по программированию у нас в телеграме, подписывайся!
Парсинг персональных ачивок
Долгое время был в read-only, но на днях увидел пост о борьбе с баянами «своими» постами, и как бы сказать вдохновился. Ладушки, поехали.
На Пикабу, на странице ленты наград есть проблема: нельзя просмотреть персональные ачивки. Есть только разделы «все», «индивидуальные» (которая по сути «все») и «сообщества». Мда, и сортировки нет, одна кнопка «загрузить еще» красуется. А мне было бы интересно почитать посты, за которые пользователей наградили персональными ачивками. Штош, если гора не идет к Магомеду, решаем проблему сами.
За язык программирования взял Javascript, т.к. долгое время работаю на нем и хотелось запускать скрипт сразу из браузера. Заодно почему бы и не найти все ачивки, а еще сгруппировать по пользователям (это не все ачивки :(, см. п. 4 в проблемах в конце поста). Посты писать не умею, поэтому сразу результат (код ниже).
На треугольники-стрелочки (которые слева) можно нажать, чтобы раскрыть список.
Отлично! Теперь можно скопировать ник пользователя, вставить в URL после «собачки» (https://pikabu.ru/@) и почитать посты.
Ну и сам скрипт с коментариями, если кто-то тоже хочет запустить у себя. Инструкция по запуску и проблемы ниже.
UPD. Не знал, что Пикабу не переваривает код. Ссылка на исходник https://pastebin.com/C7eZp3H7
Инструкция по запуску скрипта (только десктоп):
Открываем любую страницу Пикабу в браузере, лишь бы домен был pikabu.ru, иначе возможна ошибка CORS.
Нажимаем F12 (или Ctrl + Shift + i) (или тыкаем правой кнопкой мыши в любое место и выбираем пункт Inspect/Посмотреть код) (или через настройки браузера справа вверху в пункте Developer Tools/Инструменты разработчика). Открылись инструменты разработчика.
Открываем вкладку Console/Консоль.
Вставляем весь скрипт и нажимаем Enter.
Ждем секунд 40 (зависит от интернет соединения, к серверу же обращаемся). Можно посмотреть ход выполнения скрипта во вкладке Network/Сеть. Там должны запросы к серверу отличающиеся только параметром page.
Смотрим в консоль, и если ошибки нет, любуемся результатом.
Проблемы, с которыми столкнулся:
Только методом тыка удалось составить необходимый header для AJAX запроса. И почему-то это ‘X-Requested-With’. Странно, почему не ‘Content-Type’?
Кнопка «загрузить еще» грузит гребаный HTML код. Да, для браузера пользователя так быстрее, чем получать JSON и по нему рендерить HTML, но твою мать 🙁
Я с этим не сталкивался, но если кто-то хочет запустить скрипт у себя, возможны синтаксические ошибки, т.к. использовал такие конструкции как spread, window.fetch и async/await. Эта проблема решается свежей версией браузера, в которой должны быть реализованы эти фичи.
Почему-то на сервере всего 36 страниц наград. Т.е. это не все награды. Может и можно как-то загрузить все, но не нашел.
Изначальная цель поиска персональных ачивок достигнута наполовину, потому что непонятно как понять, что ачивка персональная, а не выдана только одному пользователю. Поэтому просто взял весь список ачивок и отфильтровал по выданному кол-ву пользователей (чтобы был 1 пользователь-владелец), ну хоть как-то.
Странно, в предпросмотре поста, слетели табы/пробелы кода.
Ну вот и все. Сам скрипт занял примерно 2 часа, зато теперь можно почитать специфичные посты (жаль только что не все (см. п. 4 в проблемах)).
P.S. скрипт мой значит тег «мое» 🙂 Или нет, непонятно
P.P.S. чукча не писатель
Уже 9
Так можно и с Python играть
У нас с JS есть общая тайна — мы оба не разбираемся в больших числах
P.S. JS не поддерживает целочисленные типы, все числа являются number, который по факту double, поэтому самый большой int который JS может сохранить без потери точности — 2^53 — 1
Никаких ошибок при попытке обработать слишком большое число не будет — оно просто сконвертируется в ближайшее представимое double (удачного дебага, если это ID в базе)
То же касается JSON — как формат, он не содержит точных требований как обрабатывать числа — всё number и зависит от имплементации. Какие-то языки и библиотеки различают int и double автомагически, какие-то всё интерпретируют как double, какие-то падают на конверсии.
Javascript
Войти в айти
2001 год. Очень хотелось свой ПК. Денег не было совсем. Предложили добрые люди схему — я нахожу старые советские ПК, выдираю из них конденсаторы КМ, затем это дело везу на Митино (тридевять земель от моего города). А там взамен зелёных конденсаторов дают зелёные американские бумажки (кстати до сих пор).
Долго ли коротко ли — насобирал за пол года конденсаторов на новый ПК — Pentium III (интел инсайд).
Фото монитора лишь для примера. Почти такой же синкмастер был.
Модем Acorp и карточки на интернет от местного телефонного провайдера.
Карточки на интернет стоили дорого.
Файлами между компьютерами обменивались через гипертерминал (поделие майкрософта)
Первая книга по программированию (c++ бархатный путь) распечатывалась на принтере Robotron (шёл в поставках к ранее разобранной электронике ЕС 1840)
Печатать он мог либо по одному листу, либо захватывая рулон. Бумага в рулонах у меня была.
После случилось ещё много интересного. принтер я заменил на матричный Epson (при печати орал чуть тише роботрона), компьютер забрала милиция в лице отдела К, но это совсем другая история.
Ответ на пост «Чудо-курсы по ИТ»
Герой истории https://journal.tinkoff.ru/diary-razrabotchik-erevan/ похоже что реальный (судя по истории постов и комментов на TJ, которая явно нарабатывалась реальным человеком в течение нескольких лет), но история скорее всего приукрашена и довольно нереалистична.
Я тот самый типаж душного разработчика старой школы, который больше всего против подобных вкатываний. C++ программист (пришёл из Unix-админов), математическое образование, далее годами развивал джентльменский набор околоакадемического программиста того времени — POSIX и стандарты юниксов, *sh, Perl, ассемблер, C, C++, Lisp, экосистема GNU, на сдачу радио- и микроэлектроника как хобби, ну и естественно алгоритмы и прочий матан.
Так вот, чуть не 15 лет уже прошло, а я всё ещё закрываю зияющие дыры в знаниях во всём вышеперечисленном, и то по остаточному принципу, тк всё время съедают рабочая рутина и дети. Скиллы разработчика и смежные скиллы можно нарабатывать годами и всё равно не достичь совершенства или даже приемлемого уровня (в сложных областях).
И тут заявляется такой вкатывальщик, который учился 9 месяцев, потом сидел делал какие-то пет-проекты, и который после этого якобы сразу может вести коммерческий проект (за весьма хорошие деньги) и вообще приравнивается к профильному специалисту.
Нет. Просто нет. Даже с нагрузкой по учёбе 40 часов в неделю. Даже с мотивацией. Выучить типовые сценарии CI, git, ит.д., и на начальном уровне JS / TypeScript / . — может быть. Но НИ ОДИН человек с настолько мизерным опытом не может без посторонней помощи уверенно сопровождать коммерческий проект. Боюсь представить, какой адище творится внутри его части проекта. Я уж не говорю, что будет, если попросить его например выяснить, почему тормозит IDE на его машине, или спроектировать например версионирование компонента.
И безотносительно хард-скиллов (ок, предположим что он компьютерный гений, который стал фулстек-разработчиком за 9 месяцев + сколько-то месяцев работы над пет-проектами) — его карьерьные успехи вызывают очень много вопросов и больше напоминают ошибку выжившего. Вот про что умалчивается в посте:
— Нет диплома? До свидания. Крайне маловероятное совпадение, что герой получил работу в США не имея диплома и имея лишь завершённые курсы в активе. На хорошие вакансии и денежные проекты на удалёнке — очередь из исполнителей с профильным IT образованием (ну и десятки индусов и китайцев), а скиллы выпускников курсов стали притчей во языцех, работодатели уже в большинстве своём просекли ситуацию с курсами. Ну и вообще, диплом — простейший фильтр, довольно бесполезный для оценки хард-скиллс, но показывающий, что человек хотя бы умеет завершать долговременные дела не соскакивая. Работодателю проще не гадать, что там за специалист без диплома, а просто кинуть CV в мусорку и взять из стопки следующее, с дипломом. Исключения (самоучки) есть, но обычно им приходится долго и трудно доказывать профпригодность. Кстати при том, что герой рассказа не осилил универ и имел психологические проблемы и проблемы с мотивацией, мне очень, очень, очень слабо верится в то, что он магически излечился и фигачил на курсах 9 месяцев с большой нагрузкой.
— Нубы после выпуска становятся сами преподавателями тех же курсов? Уровень преподавания должен быть просто ниже плинтуса.
— Очень розовый пост. Расслабленная работа над проектом, вперемежку с поцелуйчиками, обнимашками и ресторанами. В жизни так не бывает. Нерешённая техническая проблема или близость просирания дедлайна будут залезать в свободное время и лишать психологического комфорта. Можно конечно работать строго от забора до обеда, но практика показывает, что хороших хард-скиллов при таком подходе ждать не стоит, да и возможно это только в крупных компаниях с размеренным графиком. Кстати лично мне странно, что в такой небольшой компании, как у героя, где разрабы судя по всему и сами себе девопсы и пмы, в посте ни разу не возникла ситуация дедлайна. .
— Заводить троих детей в чужой стране, где не живут родители и родственники? Ооочень наивно. Я могу по себе сказать, что такое *всего двое* мелких детей при релокации в страну Европы. Нет НИХРЕНА свободного времени. Пока они в садике/школе несколько часов, судорожно фигачишь работу, не успеваешь, затем под вечер кое-как доделываешь, пытаясь одновременно развлечь детей. Какие там сериалы или аналитические каналы, омг, сил потом хватает только на прогулку с плеером, или на потупить в соцсети, ну иногда на матч в третьих героев. Бонусом языковой барьер у детей.
— Жена в чужой стране без работы звереет. 🙂 Курсики по телеграм-каналам — это не работа. Если жена не в айти или там не в фарме и не может устроиться на работу — имеем очень неудачный расклад с отсутствием самореализации и зависимостью, который только усугубится с детьми. Отдельный печальный сценарий — если жена от безысходности идёт в это ваше IT каким-нибудь QA, что возможно даром ей бы не сдалось в более мягких условиях и редко когда коррелирует с её настоящими жизненными целями.
— Отдельным пунктом — разглагольствования про стартапы и гугл в посте ничего кроме раздражения лично у меня не вызывают.
Что нужно знать перед началом изучения JavaScript
Новички, которые занимаются изучением такого языка как JavaScript, особенно самостоятельно, нередко совершают ошибки, мешающие им эффективно, быстро, а главное, правильно обучаться. В сегодняшней статье указаны распространенные заблуждения насчет языка JavaScript и приведены некоторые рекомендации для начинающих программистов.
JavaScript и Java
Часто среди новичков бытует миф о том, что языки Java и JavaScript тесно связаны друг с другом. Это не так. На самом деле похожи они разве что четырьмя буквами в названии да C-подобным синтаксисом. Как образовалось название JavaScript, отлично знает Википедия:
Первоначально язык назывался LiveScript и предназначался как для программирования на стороне клиента, так и для программирования на стороне сервера (там он должен был называться LiveWire). На синтаксис оказали влияние языки Си и Java, и, поскольку Java в то время было модным словом, 4 декабря 1995 года LiveScript переименовали в JavaScript, получив соответствующую лицензию у Sun.
JavaScript представляет собой объектно-ориентированный язык создания сценариев и не используется для разработки автономных приложений или апплетов. Он чаще всего располагается в HTML-документах и выполняется только в браузерах. Java же является объектно-ориентированным языком программирования и применяется для создания приложений, которые запускаются и в браузерах, и на виртуальных машинах. К тому же код Java нуждается в компиляции, тогда как JavaScript относится к интерпретируемым языкам.
Изучение HTML и CSS
Для кого-то это и так может показаться логичным и само собой разумеющимся, но все же стоит обратить на это внимание – прежде чем начинать изучение JavaScript, необходимо научиться разбираться в языке разметки HTML и языке стилей CSS, потому что JS с ними тесно взаимодействует.
Устаревшая литература
Поскольку IT-технологии развиваются очень стремительно, практически ежедневно, то такие вещи как учебники, самоучители и уроки по программированию очень быстро устаревают. В них могут быть описаны старые стандарты и методы, которые давно не используются. Всегда ищите только актуальную информацию, а также постоянно обновляйте свои знания. Чем позже год издания учебника, тем лучше.
Стиль форматирования
Если вы сумеете выработать привычку придерживаться одного стиля форматирования кода, ваш код будет легко читаем и понятен. Сюда можно отнести способы расстановки фигурных скобок, использование отступов и пробелов и т. д. На работу кода все это никак не влияет, зато вам потом будет проще в нем разобраться.
И если речь зашла о фигурных скобках, стоит отметить два варианта их расстановки в коде:
Многие программисты предпочитают использовать второй вариант, поскольку он выглядит более органично, компактно и привычно, а в первом случае открывающая фигурная скобка занимает целую строку, что приводит к визуальному увеличению длины кода.
Понятные названия
Бывают ситуации, когда JS-код состоит из большого количества строк. Чтобы не забыть, для чего именно объявлялась какая-нибудь переменная в начале кода, лучше дать ей понятное имя. Например:
А вот вариант ниже уже не совсем понятен, и гораздо лучше было бы назвать переменную, допустим, email :
Изучение других работ
Иногда случается так, что разработчик попадает в тупик и не знает, как дальше решить задачу. Тогда он начинает искать подсказки и решения у других. Это не призыв брать чужой код, вы можете просто ознакомиться с ним и, возможно, даже придумать лучший выход. К тому же, таким образом вы научитесь разбираться в коде, написанном другим человеком, поскольку бывают ситуации, когда приходится дорабатывать и исправлять чью-то работу.
Отладочные инструменты и фреймворки
Если ваш скрипт работает неправильно, а вы не знаете, в чем дело и находитесь на грани нервного срыва, воспользуйтесь полезными инструментами для веб-разработчиков. Например, для Mozilla Firefox есть плагин Firebug, а также встроенная консоль JS (клавиши Ctrl + Shift + K ), в Google Chrome и Opera – Ctrl + Shift + I , IE9 – F12 .
Посвятите время изучению фреймворков – это избавит вас от необходимости писать шаблонный код и волноваться о кроссбраузерности. Реализация многих проектов происходила с помощью фреймворков, и может случиться так, что вам понадобится что-то корректировать или доделывать в них.
Поиск простых решений
Изобретение велосипеда может быть полезным занятием, кроме тех случаев, когда речь идет о настоящих, реальных проектах. Здесь нужен грамотный подход. Если вам необходимо реализовать какую-либо задачу, для начала поищите готовые решения. Если этого не сделать и начать решать проблему самостоятельно, может оказаться так, что ваш код – слишком длинный и мудреный, и всё могло уместиться в две простые строки.
Обновление информации
В современном мире прогресс не стоит на месте: каждый день появляются новые возможности для разработчиков, улучшенные инструменты и свежие идеи. Поэтому необходимо отслеживать все обновления, быть в курсе последних событий и новостей. В мире IT настоящим профессионалом считается тот, кто владеет актуальными знаниями.
И напоследок: приступая к изучению JavaScript, не бойтесь ошибок и не опускайте руки, ведь проходя через сложный путь обучения, вы получаете ценный опыт и знания. Желаем творческих успехов!
Лучший способ изучения JavaScript
Andrew Burgess Last updated Oct 30, 2022
Изучение чего-то нового всегда является немного пугающим занятием. Для меня самая большая проблема во время обучения новому навыку — это то что я не знаю, чего я ещё действительно не знаю. В связи с этим, лучше составить план обучение, интересующего вас предмета. Вот об этом и будет данный пост: здесь вы найдёте схему, путеводитель, план действий по изучению JavaScript! Вам не придётся беспокоится о поиске надёжных ресурсов и пытаться решить для себя что же учить дальше. Вся нужная информация находится здесь. Просто продолжайте читать эту статью шаг за шагом.
Задание 0: поймите, что такое JavaScript и чем он не является
Перед тем, как приступить к изучению, потратьте минуту, чтобы понять чем является JavaScript и что он делает.
JavaScript это не jQuery, Flash или Java. Это отдельный язык программирования.
JavaScript — это язык браузера (на сегодняшний день, необязательно лишь браузера). Его главное назначение — добавить интерактивности статическим страницам. В браузере, он не заменяет PHP или Ruby. Он даже не заменяет HTML или CSS; вы будете использовать его в сочетании, вместе с этими языками. Также его не так проблематично учить, как вы возможно думаете или слышали где-либо.
Ещё одно небольшое примечание: вероятно, вам приходилось слышать о jQuery, самой популярной JavaScript библиотеке. Или вам довелось слышать о других известных JavaScript фреймворках, таких как Mootools, YUI, Dojo, и так далее. Какое они имеют отношение к JavaScript? Думайте о них, как о коллекциях JavaScript инструментов и функций; используя данные библиотеки, вы всё также пишете на JavaScript, на JavaScript с неким уровнем абстракции. Тем самым вы экономите большое количество усилий и времени.
Вероятно вам даже приходилось слышать, что изучение этого языка стоит начать именно с jQuery (или любой другой библиотеки), и только потом учить обычный JavaScript. Я не согласен с такой точкой зрения. Сначала стоит освоиться с JavaScript, а уже после использовать библиотеки. Таким образом у вас будет уверенное понимание того что вы делаете; в итоге качество вашего JavaScript кода будет гораздо лучше.
Задание 1: пройдите курсы на Codecademy.com
Codecademy появился относительно недавно, создатели сайта утверждают следующее — “самый простой способ научиться программировать”. Вам нужно будет в этом убедиться! На данный момент на сайте имеется всего два курса: “Начинаем изучать программирование” и “JavaScript быстрый старт.” Это отличный способ окунуться в воды JavaScript. Упражнения очень похожи на Try Ruby, вы пройдёте короткие уроки, при этом программируя в браузере и наблюдая за финальным результатом. Во время учебного процесса, зарабатывая очки и получая новые достижения.
Если вы уже знакомы с другим языком программирования, пожалуй неплохой идеей будет начать с курса “JavaScript быстрый старт”; если же до этого вы не писали код (за исключением HTML и CSS), в таком случае “Начинаем изучать программирование” придётся, как нельзя кстати. Codecademy бесплатный, но вам нужно будет зарегистрироваться.
Задание 2: скринкасты на appendTo
Ребята с appendTo сделали потрясающую серию скринкастов, специально для начинающих. Если вы хотите изучить JavaScript правильным (и лёгким) способом, обязательно обратите внимание на данные уроки. Видео уроки всегда являются большим плюсом во время процесса обучения.
«Поднимите свои навыки владения JavaScript на следующий уровень с нашим новым учебным курсом. Никакой регистрации. Никаких уловок. Мы не шутим!»
Задание 3: прочитайте стоящее введение в JavaScript
После того как вы закончите курсы на Codecademy, вам следует приступить к более подробному введению в JavaScript — введению, которое познакомит вас со всеми типами, операторами, конструкциями и так далее.
Ниже представлен набор хороших книг, в которых вы найдёте подробное введение в JavaScript:
- Повторное введение в JavaScript (JS учебник) — это введение на официальном сайте Mozilla Developers Network, подробно описывает тонкости языка JavaScript. Тут вы найдёте много информации и примеров кода.
- Выразительный Javascript — бесплатная книга написана Marijn Haverbeke, также вы можете приобрести печатное издание на Amazon. Книга предоставляет больше информации нежели введение на MDN, она покрывает не только сам язык JavaScript, но и описывает такие тонкости и аспекты, как стиль вашего кода и использование JavaScript в браузере. Слово “выразительный” в названии отнюдь не преувеличение.
- Getting Good with JavaScript — Да, да, это моя собственная книга, но есть и другая причина почему я включил её в этот список. Она сильно отличается от других введения, которые я перечислил до этого; в ней я описал только те вещи, которые понадобятся вам, если вы хотите начать программировать, как можно скорее. Также к ней идёт шесть часов скринкастов, так что если вам нравятся скринкасты, не проходите мимо. (И да, это платная книга)
Задание 4: установите и разберитесь с принципами работы Firebug (или инструментами разработчика)
Как только вы начнёте работать с JavaScript в браузере, вам следует установить Firebug и ознакомиться с его функционалом. Firebug — это плагин для Firefox, поможет вам во время работы над созданием веб-страниц и их отладке: думайте о нём, как о хирургическом ноже веб-разработчика. Не пользуетесь Firefox? Предпочитаете Safari или Chrome? Нет проблем: для вас есть встроенные инструменты разработчика, очень похожие на Firebug.
На Mac вы сможете открыть панель инструментов разработчика, нажав Option + Command + I , на Windows или Linux нажмите Control + Shift + I .
Можно многому научиться, всего-навсего, открыв инструменты разработчика на вашем любимом веб-сайте и изучить, как он устроен и работает. Вот пара ресурсов, которые помогут вам освоится с инструментами разработчика:
- Firebug
- Введение в Firebug на CSS-Tricks
- 10 Причин почему вы должны использовать Firebug статья на Tuts+
Задание 5: прочитайте книгу
На этом этапе вы должны быть хорошо знакомы с основами. Однако, вам предстоит ещё многому научиться. В то время как, я мог-бы порекомендовать вам огромный список платных книг, я назову лишь четыре из них, все они отличного качества и содержат много полезной информации, найти вы их сможете где угодно:
Первые две книги являются подробным руководством, с ними вы сможете пополнить знания, которые вы получили после прочтения введения, познакомитесь с более глубокими темами и концепциями, конечно в некоторых местах будет встречаться уже известная вам информация, но не стоит переживать, её будет не так много.
(Обратите внимание: в то время как все книги доступны на Amazon, я оставил ссылки на сайт издателя, там вы найдёте пробные главы, для ознакомления.)
- Профессиональный JavaScript для веб-разработчиков — написана Nicolas C. Zakas, в этой книге есть всё необходимое. Если вам приходилось читать работы Zakas’а прежде, должно быть вы знаете, что он довольно тщательно подходит к освящению вопросов в своих произведениях. Помимо языка JavaScript, книга помогает понять особенностями JS в браузере.
- JavaScript 24-hour Trainer — эта замечательная книга была написана Jeremy McPeak, работы Jeremy также можно найти на Tuts+. Это не только лишь книга: а также DVD с 4-мя часами видео-туториалов. Здесь вы найдёте 42 видео-урока, автор разберёт все аспекты языка, начиная от синтаксиса, заканчивая гайдлайнами и оптимизацией кода.
В то время как эти книги являются отличным источником информации относительно языка JavaScript и особенностях его использования в браузере, вам всё ещё нужно многое изучить. В них освящается некоторая информация о паттернах (шаблонах) и техниках применения JavaScript, однако ниже вы можете найти, две книги написанные специально об этом.
- JavaScript Шаблоны — от автора Stoyan Stefanov. Я только что закончил читать эту книгу и теперь сильно сожалею, что не сделал этого раньше. После её прочтения вы узнаете, как организовать JavaScript код, очень важный навык, которым обладают не все JavaScript программисты.
- JavaScript: Сильные стороны — написана Douglas Crockford. Эта маленькая книга объяснит, что хорошо, а что нет в языке JavaScript.
Задание 6: создайте что-нибудь
Во время изучения описанных выше книг, вы вероятно внимательно следовали примерам: пытались разобраться, как тот или иной кусок кода работает и пытались настроить его под свои нужды. Теперь же пришло время написать свою программу и создать что-нибудь.
Что же вы можете создать? Вы можете сделать всё что угодно, но вот вам несколько идей:
- Фотогаллерея: показывает набор фото-миниатюр, а также основное фото. Когда пользователь нажимает на миниатюру, ему показывается большая версия миниатюра (не сама картинка миниатюры), заменяя текущее основное фото. Приятным бонусом будет, если вы расположите поверх миниатюры заголовок с alt текстом, или создадите бесконечную цикл, на тот случай, если пользователь не нажимал на картинки в течении одной минуты.
- To-do List: Возможно эта задача кажется вам непростой; но я не прошу сделать полнофункциональное to-do приложение. Просто сделайте поле для текста, рядом разместите кнопку; когда пользователь нажимает кнопку, введённый в поле текст становится пунктом в списке ниже. При нажатии на пункт в списке он должен удаляться. Звучит довольно просто, но есть несколько проблем, которые стоит решить, при реализации данной программы и над которыми вам, как начинающему, будет неплохо подумать.
- Анимированный блок: работа над анимацией всегда была занятием не из легких, однако в данной задаче вам необязательно создавать сложные эффекты. Добавьте div с текстом внутри и несколькими кнопками выше. Одна кнопка будет менять ширину, другая высоту, следующая кнопка будет менять фон блока. Самое главное, чтобы изменения происходили плавно, допустим, за одну секунду. Всегда помните — Google ваш друг, особенно если до этого вам не доводилось работать с анимациями в JavaScript.
Я уверен у вас есть и другие идеи, которые могут стать интересными проектами и неплохой практикой. Конечно вам придётся выйти из зоны комфорта — это единственный способ научиться чему-то новому.
Также обратите внимание на JavaScript категорию, здесь на Tuts+, где вы найдёте огромный список туториалов, неважно новичок вы или профессиональный разработчик.
Задание 6: начните изучать JavaScript библиотеку
Если вы следовали всем заданиям в этой статье, на данном этапе вы скорее всего понимаете, что существуют определённые вещи, которые не будут работать как предполагается в каждом браузере, или задачи, которые очень сложно реализовать. Сложности вызывают: проекты требующие частого взаимодействия с DOM, AJAX и само-собой анимации. Тут-то нам и помогут JavaScript библиотеки.
Как я и говорил ранее, JavaScript библиотеки, призваны упростить работу над сложными задачами. Тем самым, пришло самое время взглянуть на одну из них. Выбор действительно огромен, решения с какой начать эксперементировать, я оставлю за вами. Будь-то jQuery или Mootools, YUI или Dojo, на сайте с описанием вы найдёте всё что нужно. Если вы чувствуете необходимость, воспользуйтесь одной из библиотек.
Самые популярные библиотеки
Всем известно, что выбор доступных JavaScript библиотек огромен, для начала я предлагаю вам остановиться на одной из самых распространённых.
Задание 8: следите за активностью профессиональных разработчиков
В интернете можно найти множество гениальных JavaScript разработчиков, которые каждый день создают что-то новое и интересное, что-то, что вы бы не хотели пропустить. К счастью наш, всегда бодрствующий, редактор Siddharth, создал список ”33 Разработчика на которых вы должны подписаться, будучи JavaScript зависимым.» Отложите все ваши текущие дела и подпишитесь на этих разработчиков. Я требую этого!
Всегда можно найти ещё больше информации, если вам её недостаточно. На данном веб-сайте регулярно появляются новые посты о JavaScript, так что, оставайтесь с нами. Кроме этого, обратите внимание на JavaScript Show — подкаст о новинках в мире JavaScript. А также, я настоятельно советую подписаться на e-mail рассылку JavaScript Weekly.
Заключение
Спасибо, что прочитал эту статью! Надеюсь, данный путеводитель поможет вам стать фанатом JavaScript. Если вы знакомы с JavaScript не понаслышке, можно порекомендовать другие ресурсы в комментариях ниже.