Вступление
Изучение веб-разработки похоже на обучение вождению автомобиля. Независимо от того, насколько вам это не нравится, изучение этих навыков иногда может вам очень помочь и даже может стать отличным навыком для вашего резюме.
Прошло более трех лет с тех пор, как я в последний раз касался чего-либо, связанного с HTML, CSS или любым фреймворком Javascript, но недавно я случайно наткнулся на все сразу.
Мне нужно было создать несколько целевых страниц, собственные логотипы и мокапы.
Поэтому я решил еще раз пройти через все эти технологии и в ходе этого процесса я нашел несколько интересных ресурсов, которые помогли мне и будут полезны и для вас 😃
Я уверен, что если вы только начинаете (или даже на среднем уровне), эти ресурсы могут вам пригодиться 🔽
Изучение Javascript
Поскольку у меня раньше был опыт работы с Javascript, я не тратил много времени на пересмотр своих старых концепций.
Еще в процессе я нашел эти два замечательных репозитория Github, чтобы освежить ваши концепции JS 👇
33 концепции Javascript
Это великолепный репозиторий, где вы сможете освоить свои концепции JavaScript.
От базовых тем, таких как стек вызовов, примитивные типы до очереди сообщений и цикла событий, до таких понятий, как async / await, функции высокого порядка и концепции чистого кода, это репозиторий содержит все, что вам нужно.
GitHub даже считает его одним из лучших проектов с открытым исходным кодом в 2018 году!
Основы веб-безопасности
Это для быстрого обзора основных концепций веб-безопасности. Он охватывает следующие темы:
- SSL / TLS
- CORS (совместное использование ресурсов между источниками)
- Атака с использованием межсайтовых сценариев
- CSRF (Подделка межсайтовых запросов)
- Доступ и обновление токенов
Изучение CSS
Честно говоря, я не люблю веб-разработку потому, что плохо разбираюсь в CSS.
Итак, первое, что я сделал на этот раз, - это поискал онлайн-ресурсы, чтобы начать изучать и практиковать свои навыки CSS с нуля.
Вот 3 курса, которые оказались действительно полезными 👇
Изучение HTML
Хотя для своего проекта я не возвращался к изучению HTML, а просто ради этого сообщения в блоге я нашел это видео FreeCodeCamp на YouTube, которое, как мне кажется, дает очень хорошее введение в изучение основ HTML5.
⭐️ Он охватывает следующие темы -
- Основные теги
- Комментарии
- Стиль и цвет
- Форматирование страницы
- Ссылки
- Изображения
- Видео и iFrames Youtube
- Списки
- Таблицы
- Разделы и промежутки
- Ввод и формы
- Фреймы
- Мета-теги
Электронная книга 📖
HTML To React: полное руководство
Я большой поклонник книг (как электронных, так и в мягкой обложке), и я узнал об этом удивительном курсе gumroad.
Эта электронная книга представляет собой подробное руководство, которое научит вас всему, что вам нужно знать, чтобы стать веб-разработчиком, с помощью множества простых для понимания примеров и проверенных дорожных карт
Он содержит 👇
✅ Прямые объяснения
✅ Простые примеры кода
✅ 50+ интересных проектных идей
✅ 3 Контрольных списка секретных ресурсов
✅ Бонусная подготовка к собеседованию
Вы даже можете ознакомиться с бесплатным отрывком из этой книги.
а вот ссылка на полную книгу, если вы хотите купить ее себе 👇
ОБНОВЛЕНИЕ: если вы не можете позволить себе оплатить эту книгу, напишите мне в Twitter. У меня для вас может быть ограниченная временная скидка :)
Создавайте профессиональные мокапы
Если вы хотите создать макеты своего приложения, Shotsnapp поможет вам создать красивые изображения устройств для дизайна вашего приложения или веб-сайта:
Также проверьте Screely.com в качестве альтернативы Shotsnapp.
Иконки и логотипы
Если вы хотите добавить значки и логотипы, то вот несколько хороших веб-сайтов, которые предлагают хорошо оптимизированные, самые популярные значки и наборы логотипов:
Заключение
Это сообщение в блоге было кратким руководством для веб-разработчиков. Вы можете поделиться им со своими друзьями, которые тоже хотят начать свою карьеру в качестве веб-разработчиков.
Существует множество как бесплатных, так и платных онлайн-курсов по веб-разработке, и, надеюсь, один из вышеперечисленных ресурсов поможет вам начать работу или улучшить свои навыки.
Если я пропустил какой-либо замечательный ресурс или инструмент для веб-разработки, дайте мне знать в комментариях ниже!
Спасибо за прочтение :)
Вам понравилось то, что вы прочитали? Вы можете проявить немного любви, купив мне кофе☕