Войти в IT к 30

​​Всем привет 👋 Я заболел, челлендж на паузе. И пока я выпал из учебного процесса, отредактировал список полезных ресурсов и игр (список будет полезен и для новичков html-css). Разумеется, я все не проходил, так что проверяйте 😺 Напомню, что вы можете отредактировать список, оставив комментарий под постом.

​​#Git Вернувшись в вёрстку, необходимо было вспомнить основы работы с Git. И вот подборка материалов, которая поможет вам познакомиться или вспомнить основные моменты. Git How To — интерактивный тур, который познакомит вас с основами Git; Введение в Git — курс от Хекслет; Git: курс — видео-курс от learn.javascript.ru; Git - the simple guide — простое руководство по работе с git; First Aid Git — самые частые вопросы по проблемам с Git; Статья Habr "Git для новичков #1"; Статья Habr "Git для новичков #2"; LearnGitBranching — игра-визуализатор репозитория git; Статья "10 лучших команд git, которые должен знать каждый"; Hub — это расширение для git из командной строки; Git Graph — расширение для тех кто использует VSCode; Octotree:GitHub code tree — расширение Chrome; Статья Habr о расширении Octotree; Волшебство Git — книга; *баный Git!!! — ситуации, часто встречающиеся при работе с git; Git и GitHub: что это такое и в чём разница — статья tproger; Руководство по Git; Pro Git — книга. Дополняйте список в комментариях! Ставьте реакции, чтобы я понимал, нравятся вам такие подборки или нет 😺 #инструменты #mustRead

А вот и 5-й #отчетНедели в рамках Челленджа по JS. На этой неделе сделал таймер, табы и модальное окно. Повторил темы: объекты, массивы, псевдомассивы и вернулся к вёрстке. Результаты практической части показал в видео. На новую неделю цель сделать новые элементы по типу бургер меню, слайдер, спойлер и т.д. Продолжаю изучать теоретическую часть JS и, конечно же, возобновляю практику в верстке (то, что от моей верстки осталось - в видео). Видео-отчет как всегда, прилагается. На этой неделе точно дополню список курсов по JS 😸 #челленджJS #моеОбучение

​​Стили написания составных слов В именовании переменных можно выделить четыре основных подхода, которые иногда комбинируют друг с другом. Все эти подходы проявляют себя, когда имя переменной состоит из нескольких слов: kebab-case — составные части переменной разделяются дефисом. Например: my-super-var. snake_case — для разделения используется подчеркивание. Например: my_super_var. SCREAMING_SNAKE_CASE — слова пишутся заглавными буквами, для разделения используется подчеркивание. Например: MY_SUPER_VAR. CamelCase — каждое слово в переменной пишется с заглавной буквы. Например: MySuperVar. lowerCamelCase — каждое слово в переменной пишется с заглавной буквы, кроме первого. Например: mySuperVar. В Javascript используется CamelCase и его вариация lowerCamelCase, при котором первая буква первого слова — строчная. #mustRead

Как показал опрос, в нашем сообществе 50% новичков уровня html и css. И чтобы не обделять вниманием такое количество участников, небольшая подборка бесплатных материалов для самостоятельного обучения. Бесплатные курсы: https://ru.hexlet.io/courses/layout-designer-basics https://ru.hexlet.io/courses/intro_to_web_development https://ru.hexlet.io/courses/css-content https://htmlacademy.ru/courses/intro-to-web-development https://netology.ru/programs/html-css-base https://wayup.in/library/course10 https://itvdn.com/ru/video/html-and-css-renewed Ресурсы: https://webref.ru/ https://html5book.ru/html-html5/ http://htmlbook.ru/html5 https://www.w3schools.com/ https://htmlreference.io/ https://html5css.ru/html/default.php https://metanit.com/web/html5/ https://www.freecodecamp.org/learn/ http://webmasters.teamdev.com/ https://ru.bem.info/ https://sass-lang.com/ Отреагируйте реакциями 😺 На этой неделе, еще добавлю материалы по JS #mustRead

А вот и видео-отчет. Можно было его назвать "Что с вами будет, если вы будете учить JS". Просто посмотрите на мои глаза да и вообще 😿 Сделал тайм-коды. Завтра точно выходной! #челленджJS #ryzhy_kot

Мои наблюдения и рекомендации для тех, кто еще не начал учить JS 1) Определитесь с форматом материала для обучения (текст или видео) Конечно лучше текст, так как всем нам нужно будет работать с документацией. Вариант "текст на инглише" – идеальный; 2) Выбрать несколько альтернативных источников информации Если основной источник надоест или необходимы доп. примеры, то можно переключиться на книгу или видео курс; 3) Не выбирайте слишком много источников информации Не стоит брать много источников информации и прыгать с одного на другой. Выберите основной и один-два запасных; 4) Старайтесь заниматься каждый день Такое чувство, что в IT совсем нельзя брать паузы, по крайней мере пока мало практики. Если есть выбор, заниматься каждый день по чуть-чуть или один день как за все, то рекомендую первый вариант; 5) Если не поняли тему, то иногда стоит её пропустить и вернуться к ней позже Если же таких тем собралось 3 и более, то скорее всего, вы неправильно построили учебный процесс. Постарайтесь его откорректировать; 6) Выполняйте практические задания Особенно в начале обучения практика важна, так как первое время обучения будет много теории. Выполняйте задания после глав и придумывайте дополнительные ситуации и вопросы на ту тему, которую проходите; 7) Не заучивайте, а стремитесь понять Заучивание не самый верный подход. Старайтесь понять принцип действия технологии и со временем, вы запомните то, что часто применяется на практике. А то что используется редко – всегда можно загуглить. Это нормально) #челленджJS #mustRead

#отчетНедели 4-я неделя Не прошел модуль «Типы данных». Прошел 6 тем из 12 и понял, что нужно что-то менять. Во-первых, подутомили меня задания в консоли и алерте, во-вторых заканчивается лимит безработья и нужно быстрее переходить к взаимодействию со страничкой. Поэтому я прошел 3 модуля: «Документ», «Введение в событие» и «Интерфейсные события». Прошел на начальном уровне понимания. Простые операции уже могу выполнить и перехожу на новой неделе к верстке интерактивных элементов, таких как бургер, слайдер и тд. Цели на новую неделю: 1. Вернуться к верстке; 2. Практиковать DOM и обработчики событий; 3. Пройти модуль «Типы данных»; 4. Eще раз пройти модули «Документ», «Введение в событие» и «Интерфейсные события». Отчет месяца Прошел 10 тем челленджа  из 15. Прошел на начальном уровне понимания (подробнее об этом в видео). На следующий месяц закончить оставшиеся темы, закрепить уже пройденные, сверстать пару макетов и начать отправлять отклики на позиции верстальщика. Конечно наполеоновские планы могут измениться, так как состояние здоровья не самое лучшее. Посмотрите только на мои глаза в видео)  #челленджJS #моеОбучение

Челлендж по JS – движение, направленное на объединение единомышленников по совместному изучению Java Script. На этом канале есть посты с полезными ресурсами для бесплатного обучения, тестами, играми, книгами, заметками и часто задаваемыми вопросами на собеседовании. На канале нет и не будет продаж платных курсов, гайдов, интенсивов и т.п. Если вам нравится идея данного движения, то подпишись на телеграм и ютуб каналы 😺 1. План челленджа (темы) 2. Полезные ресурсы (бесплатные) 3. Тесты 4. Игры 5. Книги 6. Часто задаваемые вопросы на собеседованиях #дляСобеседки 7. #заметки 8. Чат 9. Навигация по каналу 10. html и css (полезные материалы) ▪️ Git Каждый пункт вы можете дополнить или исправить. Для этого оставьте комментарий и чуть позже в пост будет добавлено ваше предложение. #челленджJS

Список книг по JS: 1. Изучаем программирование на JavaScript (2015); 2. Выразительный JavaScript (2019); 3. JavaScript для детей (2016); 4. JavaScript Полное руководство (2021); 5. Современный JavaScript для нетерпеливых (2021); 6. JavaScript с нуля (2021); 7. Вы не знаете JS (6 книг); Пишите свои отзывы о книгах, которые прочитали. Дополняйте список в комментариях 😺 #mustRead

#отчетНедели 3-я неделя На этой неделе прошел 2 модуля (Качество кода, Объекты: основы), как и планировалось, + прошел курс "JavaScript для начинающих". На следующую неделю поставил задачу  — 1-2 модуля (Типы данных, Продвинутая работа с функциями). Не смог оценить объем модулей, так как вроде бы темы уже были, но думаю, что просто так не стали бы их дублировать. Жду отчет 4-й недели, так как это будет «экватор» челленджа и будет интересно сравнить пройденные темы со списком всех тем. Появится понимание, получится ли пройти этот челлендж вовремя или нет. Видео-отчет прилагается) Всем хорошей недели! 😺 #челленджJS #моеОбучение

​​Вчера закончил проходить бесплатный курс "JavaScript для начинающих". Курс состоит из 79 уроков, которые включают в себя теоретическую и практическую части.  Если вы совсем новичок, то рекомендовать его, как первую учебную платформу не могу. Так как это всё-таки не учебный курс, а сайт-тренажер, который является рекламой основного курса от Hexlet. Поэтому как обучающая платформа – слабовата. Лучше взять за основу тот же learn и, например, выполнять задания на code-basics параллельно темам, пройденным на лёрн. Если у вас такой же уровень, как у меня (на момент прохождения это 4 главы лёрн: Введение, Основы JavaScript, Качество кода, Объекты) или выше, то вам курс может даже показаться скучным. Но если уж решитесь пройти, то точно стоит начинать хотя бы с "Определение функций" (это 50-й урок). Я прошел все уроки часов за 7. На теме "Циклы" испытал сложности с решением.  Новичкам для практики годится (особенно в параллельном изучении). Бывалые ничего нового для себя не найдут. #курсыИнтенсивы #codebasics #моеОбучение

​​Каналу завтра 1 месяц, а нас уже 404 🥳 В связи с этим, предлагаю сделать перекличку и узнать на каком уровне наши участники!

Тесты по JS: 1. https://proghub.ru/tests/javascript  2. https://use-web.ru/tests.php 3. https://ru.code-basics.com/languages/javascript 4. https://www.codewars.com/?language=javascript #mustRead

Список игр, которые могут помочь в изучении JS: 1. Untrusted 2. JSrobot 3. Bitburner 4. Dungeons and Developers Сам еще не разобрался, лежали в избранном, делюсь с вами. У вас есть возможность опробовать и поделиться впечатлением или дополнить список 😺 #инструменты

«Чем отличается null от undefined» null — тип данных в Javascript, который представляет собой отсутствие какого-либо объекта. Другими словами, null указывает «вникуда», пустое значение. Явно присваивается, то есть может рассматриваться, как преднамеренное отсутствие значения какого-либо объекта. let test = null; // null undefined - тип данных в Javascript, олицетворяет отсутствие значения как такового. Неприсвоенное значение (по-умолчанию). Например, любая объявленная переменная, которой при создании не присвоено никакого значения, имеет значение undefined. let test; // undefined #дляСобеседки #заметки

​​Прошел модуль «Качества кода». Как оказалось – это модуль «на час». Хотя к паре тем я вернусь. Но в основном, достаточно пройти в ознакомительном формате. Учить-заучивать нечего. Отладка в браузере Chrome. Интересная и нужная тема. Прочитали, ознакомились, а дальше практика. Советы по стилю. Как оказалось, я аккуратно пишу код (по крайней мере на том уровне сложности, который мне доступен). Часто встречал скрин-шпаргалку и выяснилось, что я не делал только пробелы вокруг вложенного вызова.  Комментарии. Интересно, полезно. Останавливаться не на чем. Ниндзя-код. Саркастическая статья. Как по мне – на раз прочтения. Уже всё это обсуждалось в предыдущих темах. Не воспринимать в серьез. Автоматическое тестирование c использованием фреймворка Mocha. Не понял. Буду еще перечитывать. Это на данный момент важная тема? Полифилы. Понял, что Google Chrome со всем справляется 😸

А вот и видео-отчет. В этот раз старался сократить продолжительность отчета и содержание воды. Хотя куда без нее😸 Тяжело пока что смотреть в камеру и говорить, чтобы держать зрительный контакт, еще и первый вариант отчета не записался 🙀 Пишите ваши отчеты и результаты в комментариях #отчетНедели #челленджJS #моеОбучение

#отчетНедели 2-я неделя Выполнил самую главную задачу недели, а именно прошел "Основы JavaScript" learn.js . Решил все задачи после глав, много конспектировал и делал заметки. С вёрсткой на этой неделе не сложилось. Переношу задачу на следующую неделю, но в приоритете изучение JS. Ищу практические задания. Если есть варианты, то пишите в комментариях. На следующую неделю задача пройти модули Качество кода и Объекты: основы. Занятия минимум по 2 часа в день уже по умолчанию. На этой неделе скину подборку игр для изучения JS 😺 #челленджJS #моеОбучение