• Как повысить уровень программирования?

    tiabc
    @tiabc
    Бизнес-партнер и консультант по технологиям
    Хорошие разработчики постоянно развиваются и никогда не стоят на месте. Любое развитие состоит в делании дел, в решении конкретных задач и в обратной связи, которую ты получаешь от других или в результате рефлексии.

    TL;DR: Читайте книжки, делайте дела, читайте чужой код.

    Что можно начать делать прямо сейчас, чтобы стать программистом лучше?

    1. Изучайте базу. Алгоритмы, сети, криптографию, архитектуру, ос, устройство браузеров, компиляторы и т.д. Изучение подобных вещей дает понимание какие задачи бывают в реальном мире и как "большие дядьки" решают возникающие проблемы. Это кладезь инсайтов.

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

    3. Написание кода - не самая большая часть работы сеньор-девелоперов, я бы сказал. Но когда речь заходит о самом коде, нужно понимать что ты пишешь и зачем. Есть классические книжки, которые можно найти, например, в матрице компетентности программиста, есть современные, но полезные типа The Art of Readable Code, которую я очень рекомендую. Нужно читать книжки. На собеседовании я всегда спрашиваю какие книжки читал или читает соискатель и если ответ отрицательный, то это большой минус.

    4. Участвуйте в опенсорс. Там вам всегда приходится сталкиваться с образом мысли самых разных людей и кодом, который они пишут. Это учит вас читать чужой код, находить в нем ошибки и критически и аргументированно к нему относиться, предлагая свои решения. Опенсорс-разработка, так же как и книжки, дает вам тот чужой опыт, который бы вы никогда сами не получили от людей, которые часто умнее или опытнее вас в чем-то. В опенсорсе, кстати, в отличие от бизнесовой разработки, есть шанс в удовольствие писать очень качественный код, в котором в бизнесе далеко не всегда есть необходимость.

    5. Наберитесь терпения. Это не случится за один день. Думайте над именованием, разделяйте обязанности, изучайте алгоритмы и экосистему, оптимизируйте ваше рабочее место, изучайте новые технологии, читайте статьи и в течение ближайших лет регулярных усилий вы обретете новый способ мышления и будете разрабатывать поддерживаемое и надежное ПО. Легкого пути, к сожалению, нет.
    Ответ написан
    2 комментария
  • Какие есть интересные сайты со статьями на тему Frontend?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    русскоязычные ресурсы по теме веба? Желательно те, которые обновляются достаточно часто

    Проблема русскоязычных ресурсов в том, что 80-90% контента на них - это переводы. А переводы - это дело такое - их всегда меньше, чем оригинальных статей, и появляются они в большинстве своем с заметным опозданием. Так что не брезгуйте ходить на зарубежные сайты - например на smashingmagazine, css-tricks или uxplanet.
    Ответ написан
    Комментировать
  • Как верстать и программировать полноэкранные страницы?

    iiiBird
    @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    Ответ написан
    Комментировать
  • Как создать такой индикатор скролла страницы?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Комментировать
  • Верстальщики, что вы используете для адаптивной верстки?

    ddale
    @ddale
    Front-end developer
    Susy Layout + Breakpoint SASS - если нужна поддержка от IE9+
    Flexbox + Breakpoint SASS - если не нужна поддержка от IE9+
    Всё вместе, если хочется магии поддержки всякого говна вроде Safari #5 под Windows.

    Пожалуйста никогда не используйте Bootstrap.
    Ответ написан
    2 комментария
  • Установка pug в gulp?

    fornit1917
    @fornit1917
    Там же на чистом на английском написано, что не так.

    npm install gulp-pug --save-dev
    Ответ написан
    Комментировать
  • Где смотреть лучшие практики по верстке элементов?

    bugo_aneo
    @bugo_aneo
    Верстальщик по жизни, буддист, кофеман
    Еще полезно может быть посмотреть сниппеты для тех или иных блоков. Вот тут их - КУЧА!
    https://css-tricks.com/snippets/html/
    Ответ написан
    Комментировать
  • Как выровнять текст относительно иконки?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    .data {
        line-height: 32px;
    }
    Ответ написан
    Комментировать
  • Как лучше изучить теорию JavaScript?

    google_online
    @google_online
    My morning begins with coffee and Twitter.
    Первый язык программирования очень сложно даётся. Лично я начинал с Python. Я много не понимал, но спустя какое-то время, после постоянной практики(тупого, бессмысленного написания кода) пришло понимание. Сейчас тоже беру основы javascript.
    Ответ написан
    Комментировать
  • Как изменить последовательность блоков при адаптации дизайна?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Верстаю flex'ами.
    Порядок элементов управляется свойством order html5book.ru/css3-flexbox/#order
    И flex-direction для управления расположением по срокам или столбцам.
    Ответ написан
    Комментировать
  • Надо ли закрывать одиночные тэги в HTML5?

    Ankhena
    @Ankhena Куратор тега HTML
    Нежно люблю верстку
    Так как одни пишут - надо, другие нет.

    Предположим, что спецификацию Вы тоже читали и она не показалась Вам надежным источником :)

    Берем код с открытым одиночным тегом и закрытым, чтобы 2 раза не ходить.
    <!DOCTYPE html>
    <html>
    <head>
    	<title>title</title>
    </head>
    <body>
    	<input type="text" name="i1">
    	<input type="text" name="i2" />
    </body>
    </html>

    И проверяем его в валидаторе https://validator.w3.org/nu/#textarea

    Ответ: Document checking completed. No errors or warnings to show.

    Вывод: пишите как больше нравится. Лично мне не нравится мусор в коде, да и лень лишние символы писать.

    прикрепляю результат: f5207edb9d1b40d0986e488213bf335d.png
    Ответ написан
    Комментировать
  • Как научиться писать самостоятельно код?

    xmoonlight
    @xmoonlight
    https://sitecoder.blogspot.com
    В конкретно Вашем случае:
    Сделайте себе такую табличку:
    Название функции => выполняемое действие => Общий вид => Пример(ы) вызова
    Затем рассортируйте по тематикам (сгруппируйте).
    Как появляется вопрос - сразу смотрите в табличку, находите нужную и применяете.

    Такое можно делать даже тем, кто очень хорошо помнит только один язык, но работает сразу с несколькими: это помогает "сводить концы с концами" (в плане подобия функций в разных языках, если что-то нужно подобное сделать на другом).
    Язык программирования => Название функции => выполняемое действие => Общий вид => Пример(ы) вызова
    Ответ написан
    Комментировать
  • Как научиться писать самостоятельно код?

    saboteur_kiev
    @saboteur_kiev
    software engineer
    В школах и институтах учили строить алгоритмы, еще когда рисовали блок-схемы.
    Это не зависит от языка программирования - нужно просто составить алгоритм для решения задачи. Изучая различные аспекты языка программирования, различные библиотеки, фреймворки и так далее вы просто приобретаете знания о дополнительных инструментах, которым нужно пользоваться для решения задачи.

    Но само решение придумывает программист, а не язык программирования.

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

    Например, взять какую-нибудь игрушку с множеством товара и найти самый выгодный или дешевый товар. Вам будет понятна цель - найти нужный вам товар
    При этом не будет важно в каком виде - в виде веб-странички, в виде простого текста на экран, или в виде заполненной таблички в базе данных.
    При этом не будет важно какими инструментами вам нужно воспользоваться.
    Главное, что вы осознаете что именно хотите получить. И пишете программу, которая выдает вам результат, используя имеющиеся знания.
    Чем больше знаний, тем удобнее в конечном счете пользоваться тем что вы написали и тем быстрее и проще вам это писать.
    Ответ написан
    Комментировать
  • HTML Какая разница между DIV иP?

    Ankhena
    @Ankhena Куратор тега HTML
    Нежно люблю верстку
    Ко всем ответам выше добавлю ссылку на прекрасный справочник https://webref.ru/html

    А еще есть section, article, figure и т.д.

    Некоторые при верстке вкладывают один в другой - зачем?

    Кто-то для достижения дополнительных эффектов, кто-то по ошибке и незнанию. Без конкретного примера - неизвестно. А вообще, вся страница это теги вложенные один в другой :)
    Ответ написан
    Комментировать