Здравствуйте!
Вчера мы с вами говорили о том, как организовать обучение Python и обучение работе в Терминале вне дома и без ноутбука.
А сегодня поговорим о мечте почти всех, кто начинает изучать HTML и CSS.
Онлайн-редакторы HTML, CSS, JavaScript.
Сделаем сразу небольшую пометочку: инструмент, о котором пойдёт речь ниже, будет полезен не только начинающим верстальщикам, но и тем кто изучает Python для веб-программирования.
В годы, когда я работал в сфере онлайн курсов обучения программированию, не было ни одного дня, чтобы мне не задавали следующего вопроса: а где не на курсах взять такой инструмент, чтобы я писал код, а справа(вверху, внизу, слева) сразу видел результат? Всё дело в том, что на этих курсах, где я работал, был такой тренажёр с задачками по html, css, js, где ты делал задачки, а справа сразу были видны результаты твоих действий. Думаю большинство людей только из-за этого сидели на этих задачках, чтобы было видно всё наглядно.
Воспринимался весь этот процесс людьми, которые только начинали верстать, как что-то невообразимо волшебное и революционно новое. На самом деле, конечно, никакого волшебства тут нет, а о новизне и говорить не приходится. По поводу "новизны" и "революционности" подобные упражнения давно и бесплатно есть на сайте w3schools.com.
А видеть результаты своей вёрстки вы можете с помощью бесплатных онлайн-редакторов HTML, CSS, JavaScript. Надо сказать, что данный инструмент бывает иногда очень полезен, особенно, когда вы только обучаетесь, вам важно "пощупать" всё самим и поглядеть на плоды работы сразу, минуя цепочку открыть редактор -> написать код -> сохранить файл -> найти файл -> открыть в браузере -> посмотреть.
Итак, ниже дам ссылки на три таких онлайн-редактора(их, конечно, больше, но трёх, я думаю, будет достаточно, чтобы сделать выбор). И да, простите, что разрушил волшебство :)
1. Codepen
2. Liveweave
3. Jsfiddle
На сегодня всё, встретимся завтра.
Приятного вам обучения!
Если понравилась статья, поставьте, пожалуйста, лайк! А если вы ещё не с нами, то обязательно подписывайтесь, тут полезно и интересно.
Предыдущая статья. .................................................................... Следующая статья.