Обсуждение работ — аудит Вашей вёрстки онлайн

2018-07-27 21-33-16.png

Делаю аудит вашей работы: указываю на ошибки, даю практический рекомендации и делюсь решениями проверенные опытом.
Обращаю Ваше внимание на неочевидные потенциальные проблемы, делюсь своим многолетним опытом, раскладываю по полочкам как работает вёрстка и как её грамотно писать.

Как добавить вёрстку для оценки?

Для того что бы иметь возможность оценить проделанную Вами работы, мне понадобится:

  • Исходный код, выложенный на github, butbucket или любой другой вариант (если выкладываете в архиве то используйте zip)
  • Предоставьте доступ к итоговому результату. Для этого идеально подойдёт pages.github.com или любой общедоступный сайт.
  • Отпишитесь в комментарии к данной статьи и предоставьте вышеуказанные данные

Что будет в итоге?

Вы получите анализ по следующим критериям:

  • вёрстка: какие ошибки допущены, каким блокам не достаточно универсальности, какие проблемы могут возникнуть в будущем, как оптимизировать структуру и поднять гибкость разметки
  • стили: буду обращать внимание на пользование пре-процессорами, предлагать решения которые помогут поддерживать код годами
  • структура проекта: дам рекомендации по организации файловой системы и кода в целом, буду обращать внимание на пользование современными инструментами разработчика

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

ℹ️ Советую заглянуть в блог Руководство верстальщика и прочитать тему Типичные ошибки начинающего верстальщика перед публикацией работы. Решения для большинства ошибок уже изложены.

Когда и где будет обзор?

Обзоры выкладываться на YouTube-канале HTMLforum_io, каждый вторник. Хронометраж — ~15 минут.

Стоимость участия

Плановый аудит работ проводится бесплатно. Раз в неделю я выбираю интересную работу и делаю по ней обзор.

Индивидуальный аудит

Вы можете заказать индивидуальный аудит работы. В таком случае Вы получите полный обзор работы без ограничения по хронометражу. Я пошагово расскажу допущенные ошибки, причины их возникновения и объясню как их решить. Дам рекомендации по усовершенствованию кода и повышению его качества. Аудит будет доступен на YouTube-канале HTMLforum_io.

Стоимость зависит от объёма работ. Рейт: $30/час. В стоимость входит:

  • изучение работы и её аудит
  • видео-запись и монтаж
  • индивидуальная онлайн консультация со мной в формате "Вопрос. Ответ." продолжительностью 1 час.

Минимальная стоимость: $60.
Срок выполнения: 7 дней.

Возврат средств. Если Вам не понравиться моя работа — я верну 50% стоимости аудита (в моей практике недовольных не было).

Частная консультация

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

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

Порядок действий: я предварительно изучаю Ваш код и говорю ориентировочную длительность консультации, стоимость которой оплачивается предварительно. В случае если консультация заняла меньше времени — возврат части средств. Если больше — обсуждаем индивидуально.

Стоимость зависит от длительности консультации. Рейт: $50/час.
Минимальная длительность: 1 час.

Партнёрство

Предложение отрыто для всех. Если Вы считаете себя достаточно опытным что бы уметь анализировать работу других разработчиков и давать рекомендации, — напишите мне в личку.

Знаний, успехов и позитива Вам.

С уважением, @klierik

 



0 Comments


Recommended Comments

There are no comments to display.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Who's Online   0 Members, 0 Anonymous, 28 Guests (See full list)

    There are no registered users currently online

  • Пишут сейчас

    • Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму.
      Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно.
      Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же.
      Открывал через google, firefox и opera-у - все так же никакого сдвига.
      Подключал по инструкции на официальном сайте.
      Пробовал использовать SlickSlider, но результат тот же.
    • Дорогие Друзья! Рад вам сообщить о выходе новой версии движка Flextype 0.9.5! Исправлено
      - core: исправлена проблема с кешем в Entries API — fetchAll()
      - core: исправлена проблема c генерацией Cache ID для Themes API
      - core: исравлена пролема с emitter twig функцией
      - admin-plugin: исправлены стили для кнопок Менеджера Тем
      - admin-plugin: исправления переводов
      - admin-plugin: исправлена ошибка возникающая если $query['format'] пустой Рефакторинг
      - core: удалена переменная $response из Forms render метода
      - core: добавлена свойство forms в Flextype\EntriesController Скачать
      https://github.com/flextype/flextype/releases/tag/v0.9.5
    • var render = document.querySelector('[data-action="render"]'); var destroy = document.querySelector('[data-action="destroy"]'); var boxes = document.getElementById("boxes"); render.addEventListener("click", getAmount); destroy.addEventListener("click", destroyBoxes); function getAmount() { var amount = +document.querySelector("#controls input").value; createBoxes(amount); } function createBoxes(amount) { var basicSize = 30; var fragment = document.createDocumentFragment(); for (var i = 0; i < amount; i++) { var size = basicSize + i * 10; var div = document.createElement("div"); div.style.cssText = `width: ${size}px; height: ${size}px; background-color: rgba( ${random()} , ${random()} , ${random()} )`; fragment.appendChild(div); } boxes.appendChild(fragment); } function destroyBoxes() { boxes.innerHTML = ""; } function random() { return Math.floor(Math.random() * 256); }  
  • Popular Contributors