МЕНЬШЕ, тем лучше

Мы только что закончили 2-ю неделю курса компьютерных наук Lambda School, и я так взволнован. На этой неделе мы узнали о препроцессорах, таких как LESS, и UI Framework, таких как Bootstrap.

Препроцессоры - это в основном инструменты, которые помогают быстрее кодировать или стилизовать (т. Е. Использовать CSS). Есть много популярных препроцессоров, таких как Stylus и SASS, но мы используем LESS, что означает Leaner Style Sheets. Препроцессоры помогают выполнить множество стилей за такой короткий промежуток времени и с меньшим количеством синтаксиса CSS.

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

Веб-разработка: основы

Когда вы говорите о веб-разработке и, в частности, о веб-разработке, вы в основном говорите о HTML, CSS и JavaScript. Это три компонента каждого динамичного и современного веб-сайта.

Мы использовали аналогию с домом. Элементы HTML - это исходные материалы (т. Е. «Дерево, песок, гравий, сталь» и т. Д.); CSS - это стиль и дизайн интерьера (т. Е. «Обстановка, пол, краска» и т. Д.); и JavaScript добавляет функциональность (например, «сантехника, электропроводка, водопровод» и т. д.). Без HTML у веб-сайта не будет структуры; вы просто будете смотреть на пустой экран. Без CSS веб-сайт не будет эстетичным; другими словами, это будет совершенно некрасиво. А без JavaScript веб-сайт не будет динамичным; то есть он не сможет делать ничего полезного, кроме как показывать вам тексты, изображения и ссылки.

Итак, HTML, CSS и JavaScript незаменимы друг от друга.

Однако написание CSS может быть утомительным процессом, особенно если вы создаете сайт с множеством функций. На одном веб-сайте могут быть сотни, если не тысячи строк кода. Такие препроцессоры, как LESS, могут облегчить вам работу по укладке. У них есть такие классные вещи, как переменные и миксины, в которых вы просто присваиваете значения именам или используете несколько классов в одном классе, а затем используете их в своем коде.

Спринт

В конце каждой недели у нас проходят испытания спринта, в которых нам предоставляется возможность применить все, что мы узнали за неделю, в проекте. На этой неделе стояла задача создать веб-сайт с нуля, используя LESS и Bootstrap.

Bootstrap такой классный. Как следует из названия, он позволяет вам «запустить» сайт «из ниоткуда» с помощью фреймворка. Это ускоряет вашу работу в 10 раз, потому что Bootstrap предоставляет вам библиотеку готовых кодов, которые вы можете использовать и изменять.

В основном нам давали то же сырье, но мой сайт выглядит так:

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

Затишье перед бурей

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

В нашем распоряжении также масса ресурсов по JS, так что я не должен сильно беспокоиться. Чаще всего приходят в голову книги Eloquent JavaScript Марин Хавербеке и You Don’t Know JS Кайла Симпсона. Также существует сеть разработчиков Mozilla Developer Network, к которой мы всегда можем обратиться.