• Какие технологии/frameworks использовать для верстки лендинга или какие готовые решения порекоммендуете?

    Для node.js - grunt или gulp и выбираете препроцессоры для html и css.
    Для ruby - я использую middleman

    Совсем крутой вариант - постичь дзен bem

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

    Это все технологии, фреймворки можно не использовать ибо после нескольких лендингов у вас будет свой набор блоков на 90% покрывающий потребность
    Ответ написан
    4 комментария
  • Правильно ли я считаю по поводу изучения программирования?

    @4iloveg
    Full-Stack HTML Developer
    Потренируйся с алгоритмами.
    Пиши на листике что должно происходить в программе. Далее переводи это в код.
    Ответ написан
    Комментировать
  • Правильно ли я считаю по поводу изучения программирования?

    Stalker_RED
    @Stalker_RED
    есть задача-создать авторизацию, гуглим как это сделать, берем готовый шаблон, смотрим и дорабатываем его в соответствии с ТЗ (меняем цвет, размер, базу данных, местоположение на странице, итд).

    Безусловно, опытные программисты используют готовые решения, шаблоны, библиотеки и всё такое. Но если человек полагается на то, что 99% кода он откуда-то скопирует, то он Code Monkey, ака быдлокодер.

    Простенький консольный калькулятор - это примерно на одну страничку кода. Если вы не можете сделать его без гугла* - что-то идет не так, и возможно стоит вернуться на пару шагов назад, перечитать учебник и написать снова hello world, "вася привет" и вот это всё.
    Ответ написан
    Комментировать
  • Где узнать всё о семантике вёрстки?

    hvdd
    @hvdd
    Кратко о себе
    Давайте разберёмся
    3fb27f0eccd54d829cdc6271fd558024.jpg

    Самый важный и простой шаг — лечение дивянки использование html5 тегов для разметки страницы.

    Вот здесь Вадим Макеев расскажет Вам, как и почему стоит использовать html5 теги.
    А вот здесь Ричард Кларк расскажет Вам, как и почему не стоит использовать html5 теги.
    А потом ещё можете прочитать вот эту статью, чтобы окончательно запутаться и уйти на бэк-энд.

    Но если вам это интересно настолько, что вы понимаете, что между SEO и семантикой не очень-то много общего, то можете ещё почитать вот эти статьи.

    Кстати, обязательно читайте комментарии к статьям, они тоже очень полезны.

    P.S. После просмотра этих видео вы поймете, почему картинка под спойлером очень крутая.
    Ответ написан
    1 комментарий
  • Настройка окружения для front end?

    sompylasar
    @sompylasar
    Frontend Software Engineer
    Зависит от того, собираетесь вы делать сайт (то есть с большим количеством доступного для поисковиков контента, верстки, дизайна, с небольшим повторным использованием компонентов и небольшим интерактивом в целом) или веб-приложение (с большим количеством интерактива, обычно за авторизацией, с большим количеством повторно используемых компонентов).

    Для веб-приложений могу порекомендовать https://github.com/facebookincubator/create-react-app с подключенным https://www.npmjs.com/package/custom-react-scripts... – этот комплект даст быстрый старт в сборку статичного React-приложения с SASS- и CSS-модулями (БЭМ-классы генерируются автоматически, стили принадлежат компонентам). Можно прикрутить его к любому бэкенду, если требуется, но он не даст необходимого для контент-нагруженного сайта: нет генерации полной разметки на сервере. Здесь перечислены некоторые альтернативы: https://github.com/facebookincubator/create-react-...

    Не сочтите за саморекламу, но недавно рассказывал о том, как думать компонентами – может, пригодится:
    1. https://www.slideshare.net/IvanBabak/think-compone...
    2. https://www.slideshare.net/IvanBabak/think-compone...
    Ответ написан
    Комментировать
  • Настройка окружения для front end?

    @Worddoc
    Frontend explorer
    Понимаю твою проблему. Недавно завершил сборку своего окружения, держи, глядишь понравится:
    https://github.com/web-worddoc/primary (Старая сборка)

    https://github.com/web-worddoc/Boilerplate (Новая сборка)

    html разбит на модули с помощью pug(бывший jade), а именно с помощью встроенных "include"
    css разбит на модули и собирается на sass
    js разбит на модули с помощью require js(очень сильно не дробил, мне удобнее пока крупными кусками), что особенно удобно, если хочется избавиться от спагетти кода

    Сборка сама на gulp, стоит через консоль вбить gulp watch и начать писать код.
    Надеюсь поможет)

    P.S. Для самой сборки проекта в продакшн, прописываешь gulp build.
    Ответ написан
    9 комментариев
  • Где в битриксе лежит верстка личного кабинета?

    Ifelseapps
    @Ifelseapps
    Frontend developer/JavaScript developer
    1. Откройте на сайте личный кабинет (например /personal/)
    2. Зайдите в этот каталог на физическом уровне и откройте index.php
    3. Посмотрите название компонента, который вызывается + какой шаблон указан
    4. Все. Дальше создаете новый шаблон, меняете его в вызове компонента и интегрируете верстку.
    Ответ написан
    9 комментариев
  • Как правильно оценить проект?

    GriNAME
    @GriNAME
    Front-End Developer, Android Developer
    Кроме оценки по времени, можно использовать и другие методы расчета стоимости. В основном все новички не могут адекватно оценить время, за которое они сделают ту или иную работу. Да и у опытного мастера такое тоже может быть иной раз. Все зависит от проекта и самого человека. Так же не игнорируем индивидуальные особенности. А клиенту желательно знать точную или приблизительную цену перед началом работ, а не когда она завершится и будет зафиксировано потраченное время для расчетов. Поэтому я начинал с оценки по секциям вёрстки, а не времени за работу. Каждая секция 800 рублей (ценник для джуниора). И считаем, хедер, футер, разные блоки. Цена получается очень адекватная для обоих сторон и ее легко посчитать.

    Сейчас я считаю не секции а БЭМ сущности. Мне это удобнее чем, оценка времени (касательно верстки, какие-то работы оцениваю по времени, выше в ответе про временную оценку очень хорошо все описано) Я верстаю по БЭМ и весь проект разбираю на независимые блоки. Например верстка какой-нибудь карточки, а она используется в 5 местах на сайте с 2-3 видами кастомизаций, в зависимости от размещения, но я то благодаря БЭМ верстаю ее только один раз. Потом только готовые классы расставляй. Поэтому считаю БЭМ сущности, если они много раз повторяются ещё накидываю небольшую сумму.

    По посадке (также внедрение) верстки все зависит от того как вы работаете с бекендом. Думаю для вас подойдёт 50-100% от стоимости верстки брать за посадку. В зависимости от сложности.

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

    И мой совет, как работать быстро и качественно. Изучайте современные инструменты для работы. Сборщики проектов, препроцессоры, БЭМ и так далее. По своей натуре я этими вещами начинаю интересоваться ещё до того как получил хорошую базу знаний и мне это помогло очень быстро выполнять свою работу качественно, в короткие сроки, современно и удобно. Каждая работа не выглядит как очередная рутина. За счёт всех этих современных инструментов каждый раз работать очень интересно.

    Ещё если вы сами и дизайны рисуете, то изучите восьми пиксельную сетку
    https://habrahabr.ru/company/everydaytools/blog/31...
    Или расскажите об этом дизайнеру с которым работаете.
    А так же атомарный дизайн. Принцип тот же что и БЭМ, только применительно к дизайну. И оценку очень легко делать и верстать
    Ответ написан
    13 комментариев
  • Как получить скриншот сайта c помощью php?

    sanek_os9
    @sanek_os9
    Работаю с Laravel, Vue, Vuetify, AWS Amazon, Linux
    mini.s-shot.ru/1024x768/PNG/320/Z100/?torrent-free...
    $url = 'site.ru';
    copy('http://mini.s-shot.ru/1024x768/PNG/320/Z100/?' . $url, 'image.jpg');
    Ответ написан
    Комментировать
  • Как получить скриншот сайта c помощью php?

    @McBernar
    www.s-shot.ru

    У ребят есть и API и цены ну оооочень скромные.
    Ответ написан
    Комментировать
  • Как получить скриншот сайта c помощью php?

    Как вам и сказали ставь консольный браузер на vps или локалку.
    Я бы выбрал phantomjs вот пример phantomjs.org/screen-capture.html

    На пыхе выполняй через еxec с проверкой того что ты передаешь в exec
    Ответ написан
    Комментировать
  • Как получить скриншот сайта c помощью php?

    @Buick
    Стандартными средствами не сделать. В PHP только curl - реализация HTTP.
    А нужен headless-браузер (библиотека такая), который и HTML и CSS и JS распарсит/отрендерит/выполнит. Такие есть, ищите. Я знаю Phantom, Awesomium, еще знаю похуже - CEF, Gecko, WebKit, в винде - Ослик, но к PHP ни те, ни те не привязывал, только к C#, C++.

    На хостинге тоже, скорее всего, не будет работать. Только на VPS или Вашем личном локалхосте.

    Хотя, еще можно готовый сервис с API поискать.
    Ответ написан
    Комментировать
  • Как найти файл который создаёт maillog.txt в корне сайта?

    reaferon
    @reaferon
    Проверьте .bitrix/php_interface/init.php на предмет наличия функции custom_mail()
    Ответ написан
    1 комментарий
  • Где взять дизайны (.psd) для практики верстки?

    ThunderCat
    @ThunderCat
    {PHP, MySql, HTML, JS, CSS} developer
    с псд любой дурак может, с пережатого жпега попробуй, вот где скилл )
    Ответ написан
    7 комментариев
  • Как влиться в тренд нынешней веб-разработки?

    @SuperOleg39ru
    Front-end разработчик
    Добрый день!

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

    flexbox, grid layout
    - это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
    Немного о новинках в css тут.
    Поддержка браузерами тут.

    gulp, webpack и пр.
    - это инструменты, которые созданы для облегчения рутинных задач.
    Для верстки очень удобно использовать gulp - вы описываете задачи, такие как создание локального сервера, мгновенная перезагрузка страницы при изменениях, минификация ваших файлов, и прочее.
    Посмотрите отличный скринкаст от Ильи Кантора!

    препроцессоры
    - представьте, что вам чего-либо не хватает в html и css.
    Например, вы хотите разбивать большие html файлы на множество мелких, или вам нужно вставить в html динамическое содержание - для этого созданы html шаблонизаторы. Вы используете в работе синтаксис конкретного шаблонизатора, затем тот же gulp автоматически собирает эти файлы в обычный html, который понимает браузер.
    Аналогичная ситуация с css, препроцессоры позволяют разбивать файлы на мелкие, и собирать в один, доступны переменные и функции, и многое другое.
    Популярный шаблонизатор Pug
    Один из css-препроцессоров Stylus

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

    Ну и конечно статьи и подкасты:
    https://habrahabr.ru/
    jsraccoon.ru

    https://soundcloud.com/web-standards
    https://radiojs.ru/

    Конкретные статьи и ресурсы для новичка:

    frontender.info/a-baseline-for-front-end-developers
    frontender.info/a-guide-to-flexbox
    css-live.ru/articles-css/pravilnye-kontrolnye-toch...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://medium.com/russian/%D0%BE%D1%82-%D0%BD%D1%...
    https://habrahabr.ru/company/zfort/blog/321214/
    https://frontendmasters.gitbooks.io/front-end-hand...

    Дерзайте!
    Ответ написан
    6 комментариев
  • Как посмотреть всю отработку скрипта?

    Копай в сторону профилирования. XHProf, xDebug.
    Ответ написан
    Комментировать
  • Как посмотреть всю отработку скрипта?

    Sanasol
    @Sanasol Куратор тега PHP
    нельзя просто так взять и загуглить ошибку
    Комментировать
  • Как посмотреть всю отработку скрипта?

    @Firik67
    Middle PHP Developer
    Проще настроить брейкпоинты в том же Netbeans или в Phpstorm, настроить остановку выполнения на первой строке и смотреть пошагово, что и куда.
    Ответ написан
    Комментировать
  • Как заменить одно слово в sublime в рамках проекта, а не одного файла?

    iiiBird
    @iiiBird
    Пока ты спишь - твой конкурент совершенствуется
    не знаю как в саблайм, но notepad++ такое по дефолту умеет
    G95jnWw4u0SL0qK3QT3Kvw.jpg

    UPD: по ctrl+shift+f саблайм это тоже умеет
    DdfiWCWM9kYbZhcTTg6Qg.jpg
    Ответ написан
    Комментировать