9 способов как проверить свои знания CSS и HTML

Я всегда настраивал на том, что если ты хочешь верстать сайты как настоящий frontend ниндзя разработчик, то самым важным в этом деле совершенствование самого себя, особенно в css и html.  Сегодня слава богу уже существует огромное количество сервисов, которое позволяет понять, чего ты знаешь, а чего нет, собственно это и есть проверка знаний. Представь себе простейшую ситуацию, когда ты вроде как состоявшийся разработчик, хочешь устроиться на работу с достойной оплатой, приходишь на собеседование, а там тебя валят на первом вопросе – жесть!

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

Начни собственный проект

allfrontend.online обучение программированию

Ты не поверишь, но почему бы тебе не начать какой-то свой проект. Да, они могут быть самые разные, кто-то пишет свои игры, кто-то социальные сети, ну а кто-то создает блог вроде моего. Я и сам так начал этот блог – мне очень хотелось сделать две вещи. Научиться много и делиться этим – иначе нет смысла много знать и забрать эти знания с собой в могилу (прошу прощения если это звучит жёстко).

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

А вторая – всегда пытайся делиться знаниями. Не важно в какой форме ты делишься. С коллегами за чашечкой кофе или в интернете, главное, чтобы это доставляло тебе удовольствие и только тогда ты начнешь расти!

Начни соревноваться

codewars

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

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

Я знаю крутой сервис, который позволит тебе участвовать в соревнованиях – этот сервис называется CodeWars. В форме игры ты будешь соревноваться с такими же реальными людьми, как и ты, но не знаю, как будут играть другие, но тебе важно играть честно, ведь для тебя это только польза!

Присоединись к сообществу

stackoverflow

В сообществах можно не только учить других, но и учиться – если ты чего-то не понимаешь, то всегда найдутся люди, которые смогут тебе помочь. Один из таких сервисов это stackoverflow.com – думаю ты знаком косвенно с этим сервисом если уже программируешь хоть как-то!

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

Используй плейграунд (песочницу)

programmr playground

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

Касательно конкурсов и соревнований – это идея ну уж очень крутая, а все потому, что за победные места дают реальные призы. Это как минимум мотивирует и там это понимают!

Наблюдай за тем как делают другие

gitlab

Да, я это делаю часто – бывает, когда я реально не уверен делаю ли я правильно. Все что нужно, это зайти на github или gitlab ну и воспользоваться поиском. Там я ищу что-то что есть для меня интересным ну и после рассматриваю код.

Такая привычка у меня осталась еще со времен университета. Только вот мало одного примера – сколько людей столько разных примеров. Да, соглашусь и с тем, что можно найти очень много мусорных проектов типа hello world, потому и говорю, что нужно открыть десяток и выбрать те, которые более всего интересные.

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

Играй

code combat

Игры могут учить в то время, когда ты этого не осознаешь. А почему бы не попробовать поиграть в такую игру как программирование. Есть такой проект как CodeCombat. Реально играть очень интересно. Ты видишь перед собой картинку – у тебя есть сбоку текстовый редактор ну и пошагово ты указываешь, что должен делать твой герой.

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

Кроме это игры есть еще много других не менее интересных типа cssgridgarden.com ну или вот несколько интересных примеров того как с html css и JavaScript создают игры.

Участвуй в интерактивных тестах

test4geeks

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

Можно проверить свои знания по разным темам, правда не стоит расстраиваться если результаты будут низкие, ведь нужно будет наоборот радоваться и использовать полученный опыт для развития!

Дисциплинируй себя

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

Самые грубые ошибки как в моей практике, так и в практике многих моих коллег это:

  • Отсутствие методологии БЭМ;
  • Использование верблюжьего стиля программирования там, где это не уместно;
  • Лишние пробелы и Enter;
  • Лишние импорты и неиспользуемые переменные;
  • Отсутствие вложенности кода либо неправильное его использование
  • Плохо названные файлы и функции
  • Весь код в одном файле.

Ладно, я могу так достаточно долго, но суть в том, что чем чище твой код, тем проще и тебе и другим. Все должно быть, как минимум понятно и читабельно. Задумайся пожалуйста – сколько раз было такое, что ты не мог прочитать свой код? Думаешь можно было сделать его более чистым?

Я думаю да, ведь для этого есть очень много методик и секретов – советую идти по списку!

Читай книги

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

Но на самом деле можно – только вот нужно держать возле себя компьютер и практиковаться! Очень часто я ловил себя на том, что думал, что разбираюсь в тебе чуть ли не как профессиональный разработчик, но начав читать книгу открывал для себя столько нового, что даже немного попускало меня в своих же мыслях. Одной из таких книг была книга «CSS для профи» от Кита Гранта.

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

В общем это была подборка из 9-ти способов как проверить свои знания в css и html – этим постом я реально стараюсь дать тебе пинка даже в том случае, если ты считаешь себя тем, кто знает все в html и css. Фишка в том, что даже если ты прав, это не значит, что не нужно развиваться дальше! Если тебе понравилось не забудь поделиться этой статьей, я думаю твои друзья тоже оценят тему, которой ты интересуешься, как минимум я уверен, что найдутся те, кому тоже хочется развиваться и стать профессионалом!

Оставьте комментарий