Найти в Дзене
П К

Путь начинающего программиста. Ч3.1. Веб Разработчик кратчайший путь. Вариант2.

Часть 3.1. Веб Разработчик кратчайший путь. Вариант 2. Мой выбор редактора Я пробовал какие-то ресурсы, описанные в Ч2. и неописанные тоже. В результате я сформулировал некоторые проблемы, связанные с самообучением, сделал собственные выводы и вспомнил народную мудрость. Для меня это критично, т.к. я уверен в том, что для достижения результатов в сжатые сроки, имеет огромное значение возможность регулярной (в идеале ежедневной) практики в сочетании с теорией. Единственный способ достичь этого (если Вы не безработный) — это удобное мобильное приложение, с которым можно работать в транспорте по пути на работу и домой (изучать теорию), на перерывах на работе и дома (закрепление теории практическим кодированием). К сожалению, я понял это только после изучения последовательно всех трёх языков и выяснения того, что я не могу решить по памяти элементарные проблемы по выводу, например, результатов выполнения функции JS в необходимое мне поле на веб странице. В качестве инстр
Оглавление

Часть 3.1. Веб Разработчик кратчайший путь. Вариант 2.

Мой выбор редактора

Я пробовал какие-то ресурсы, описанные в Ч2. и неописанные тоже. В результате я сформулировал некоторые проблемы, связанные с самообучением, сделал собственные выводы и вспомнил народную мудрость.

  • 1. Мне не очень понравилось то, что большинство из них не рассчитаны на использование на мобильных телефонах.

Для меня это критично, т.к. я уверен в том, что для достижения результатов в сжатые сроки, имеет огромное значение возможность регулярной (в идеале ежедневной) практики в сочетании с теорией.

Единственный способ достичь этого (если Вы не безработный) — это удобное мобильное приложение, с которым можно работать в транспорте по пути на работу и домой (изучать теорию), на перерывах на работе и дома (закрепление теории практическим кодированием).

  • 2. Также я понял, что в части изучения ВЕБ программирования (HTML, CSS, JavaScript = JS), для меня критически важно одновременно и параллельно изучать все три технологии и, соответственно практиковаться одновременно во всех трёх языках создавая серию разных мелких программ.

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

  • 3. Также я понял, что в различных обучающих курсах, часто, приводятся различные определения для элементов языка (HTML тегов, например), различная глубина теории и крайне упрощённые примеры кода, которые в реальной жизни, почти не используются (например, JS document.write();). А идеальный курс обучения для меня должен содержать параллельный перевод на русский язык теоретического материала.

  • 4. Повторение — мать ученья! Что в моем случае означает, что, как минимум, образцы кода в примерах должны содержать как можно больше комментариев, в том числе с определениями. А идеальная программа обучения должна содержать образцы кода, требующие работы со всеми тремя языками и включающие в себя (как минимум периодически) ранее изученные образцы кода, требующие их осознанного редактирования для получения текущего результата.

В качестве инструмента для решения Проблем 1. и 2. мною были выбраны решения SoloLearn.

www.sololearn.com
www.sololearn.com

www.sololearn.com

Преимущества, важные с точки зрения разработчика, почитаете сами.

Преимущества, важные для меня, см ниже.

Мобильные решения

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

HTML вкладка для кодирования
HTML вкладка для кодирования

Вкладка для ВыВода (результата) HTML CSS JS
Вкладка для ВыВода (результата) HTML CSS JS

CSS вкладка для кодирования
CSS вкладка для кодирования
Вкладка для ВыВода (результата) HTML CSS JS
Вкладка для ВыВода (результата) HTML CSS JS
JS вкладка для кодирования
JS вкладка для кодирования

Вкладка для ВыВода (результата) HTML CSS JS
Вкладка для ВыВода (результата) HTML CSS JS

Единственное ограничение если у вас небольшой смартфон - это неудобство печати экранной клавиатурой и большая площадь, съедаемая специальной экранной клавиатурой для кодирования.

Экранная клавиатура для кодирования
Экранная клавиатура для кодирования

Проблема частично решается BlueTooth переносной клавиатурой, которой удобно пользоваться за любым столом (например, на работе). Идеальное решение удобный регулируемый держатель для телефона и клавиатуры для пользования "на ходу" (пока не найден).

Я пользуюсь вот этой клавиатурой.
Я пользуюсь вот этой клавиатурой.

https://www.amazon.com/Bluetooth-Keyboard-Touchpad-Compatible-Android/dp/B00BALK9CM/ref=olp_product_details/135-0479204-2665433?_encoding=UTF8&me=

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

Настольные решения

HTML CSS JS песочница
HTML CSS JS песочница

Песочница совершенствуется. Имеется встроенная система проверки ошибок в синтаксисе, выделения всех одинаковых элементов кода (крайне удобно для исправления раскопированных опечаток) и удобна для редактирования с моей точки зрения. Единственный недостаток — это отсутствие автоматического сохранения.

Имеется вариант выбора публичности и закрытости для данного кода.

Продолжение следует

Не стесняйтесь положительных и восторженных комментариях и в оценке материала.

Программирование

Языки программирования

Обучение программированию

Веб Разработчик

HTML

CSS

JavaScript

JS

Web developer

Front End Web Developer

Entry Level Software Developer

Самообучение программированию

Бесплатные курсы программирования