Никита Сардов
Мой репозиторий, ссылка на GitHub Ссылка на эту страницу
Travis CIСейчас нет подключения к сети. Travis CI покажет статус здесь.





Срок сдачи "библиотеки" 20 апреля (с 5.04)


18 апреля 201618 апреля 2016

  1. Библиотека размещена на хостинге sprinthost.ru http://f0074020.xsph.ru/
  2. Cохранение введенных данных в localStorage при создании новой книги снова отключено, так как препятствует сохранению времени добавления и IP пользователя. Нужно очищать. Нужно дальше учить JS
  3. Четко уложился в обозначенный срок, хотя с самого начала было множество вопросов, которые только предстояло задать =)

17 апреля 201617 апреля 2016

  1. Поиск и настройка бесплатнЫХ хостингОВ с php

16 апреля 201616 апреля 2016

  1. Посетил MeetUp по фронтенду. Было очень интересно и очень непонятно) Темы важные. Буду изучать их. React, JWT, оптимизация загрузки тяжелых сайтов для медленного подключения.
  2. Очередное тестирование выявило ошибку сохранения IP и времени добавления новой книги. причина выясняется.
  3. Процесс разработки "библиотеки" вплотную подошел к поиску хостинга"

15 апреля 201615 апреля 2016

  1. Верстка завершена
  2. Добавлено сохранение введенных данных в localStorage при создании новой книги

14 апреля 201614 апреля 2016

  1. Завершен курс "JavaScript и JQuery с нуля" на lendwings.com

13 апреля 201613 апреля 2016

  1. Проведено тестирование неподготовленным независимым пользователем. Успешно
  2. Определены новые функции, которые реализовать с помощью JS

12 апреля 201612 апреля 2016

  1. Завершен курс Solo Learn по PHP
  2. Классы переименованы по БЭМУ
  3. Автосохранение ввода в формах требует усовершенствования и больших познаний JS, поэтому пока отключено
  4. Верстка дорабатывается. Тут фотоотчет
  5. Начал курс "JavaScript и JQuery с нуля" на lendwings.com

11 апреля 201611 апреля 2016

  1. Завершен курс "Формы и HTML5" на HTML-academy
  2. Внесены изменения после тестирования
  3. Добавлены функции определения и сохранения IP
  4. Добавлены функции сохранения (и вывода) времени добавления и редактирования
  5. Получены материалы от дизайнера
  6. Скачан и подключен шрифт, которого не оказалось на Google Fonts

10 апреля 201610 апреля 2016

  1. Протестирован и переработан пользовательский интерфейс "библиотеки"
  2. Завершен курс "блог на PHP" на GeekBrains
    2 месяца как увлекся веб-разработкой. HTML и CSS были уже в порядке, было необходимо с нуля освоить PHP на каком-то минимальном уровне. Результатами занятий по курсу очень доволен. Решаются многочисленные задачи, которые помогли понять возможности и методы работы с php. Получил великолепные практические результаты. Что я сделал на курсе? Установил веб-сервер и все необходимое для разработки с php, начал понимать базы данных, освоил отличный редактор кода, написал web-приложение (по функциям аналогичное, но не блог), разобрался с загрузкой на сервер. Спасибо! Отличный курс!

9 апреля 20169 апреля 2016

  1. Реализованы все необходимые функции: добавление, вывод списка, редактирование и удаление (PHP и SQL)
  2. Добавлена функция укорачивания слишком длинных названий (более 36 символов)
  3. Дизайн будет доработан в ближайшие пару дней
  4. Если кто-то это читает, пожалуйста, напишите мне =)
  5. Приглашаю тестировать "Библиотеку" добавьте пару своих любимых книг.

8 апреля 20168 апреля 2016

  1. Добавлена админ панель
  2. Добавлена авторизация
  3. Работает просмотр выбранной книги
  4. Тестовая загрузка через FileZilla на хостинг

7 апреля 20167 апреля 2016

  1. Заработал вывод списка из базы
  2. Первая версия макета верстки

6 апреля 20166 апреля 2016

  1. Установлен XAMPP (Apache+PHP+MySQL)
  2. Сверстана форма, для мобильных, 250px в ширину. Полная версия пока не планируется.
  3. Apache и MySQL работают, все по плану
  4. Написаны первые строки PHP
  5. Создана база данных и таблица в ней

5 апреля 20165 апреля 2016

  1. Начал изучение PHP и применение JS
  2. Новый проект "Библиотека", с PHP и JS
  3. Нарисованы (на бумаге) 5 страниц "библиотеки". Сразу для мобильных
  4. Подготовил Gulp для нового проекта

WebLime Что сделано после 8 занятия?


4 апреля 20164 апреля 2016

  1. Пройден курс «Знакомство с формами» на HTML-academy
  2. Адаптация под мобильные для проекта kong в процессе. Адаптация происходила с использованием смартфона 5,5", поэтому на таком экране все отлично.
  3. PageSpeed Insights для мобильных 89, для компов 92.
  4. Проведены тесты на других устройствах. На 5" уже появляется ненавязчивая горизонтальная прокрутка. На 4,3" аналогично. Необходимо доработать.
  5. Стандартный андроид-браузер не справляется) Иллюстрации: картинка1 картинка2

3 апреля 20163 апреля 2016

  1. Сверстаны все блоки
  2. Сделана адаптация под большие мониторы
  3. В сложный блоках использован flexbox

2 апреля 20162 апреля 2016

  1. Доработан блок portfolio

1 апреля 20161 апреля 2016

  1. Добавлены спрайты
  2. Добавлена анимация

31 марта 201631 марта 2016

  1. Завершен курс по фронтенд-разработке. Курс превзошел все мои ожидания. Я не знал, чего от него ожидать. Были мысли, что разберусь в HTML и CSS, узнаю основы JS. А что еще нужно, чтобы начать делать сайты?
    Оказалось, все намного круче. HTML и CSS не были в центре внимания все время, а быстро стали чем-то очень естественным. Все потому, что мы начали решать более сложные задачи разработки и подготовки проектов к запуску. Система контроля версий, система постоянного тестирования, система сборки, расширенный CSS, простое и понятное именование классов! Как вообще можно было жить без всего этого? =)
    WebLime, огромное спасибо вам за предоставленную возможность быстро погрузиться в мир веб-разработки. Алексей, спасибо за методичность, подробные ответы, за помощь и поддержку. Жду продолжения, хочется углубиться в более сложные темы.
  2. Осталось сверстать 2 блока и сделать адаптацию
  3. Все переменные LESS вынесены в отдельный файл variables.less, исправлен порядок обработки в gulpfile.js, чтобы объединение всех файлов произошло раньше, чем преобразование LESS в CSS

WebLime Что сделано после 7 занятия?


31 марта 201631 марта 2016

  1. Элементы, повторяющиеся в каждом блоке вынесены в файл default
  2. Осталось сверстать 2 блока и сделать адаптацию

30 марта 201630 марта 2016

  1. Доделаны круговые индикаторы
  2. Сверстан блок My Skills
  3. Сверстан блок Education
  4. Сверстан блок Work experience
  5. Выполнено задание по тестированию. Протестировано 5 проектов

29 марта 201629 марта 2016

  1. Сверстан блок About Me
  2. Освоены спрайты
  3. Круговые индикаторы реализованы с помощью CSS

28 марта 201628 марта 2016

  1. Сверстан header
  2. Реализован непрямоугольный фон блока My Skills

27 марта 201627 марта 2016

  1. Gulp подготовлен для проекта final
  2. Нарезан шаблон для верстки первых блоков

26 марта 201626 марта 2016

  1. Пройден курc «Структура HTML-документа» на HTML academy
  2. Подписался на продвинутые курсы HTML academy. Прошел половину курса по flexbox

25 марта 201625 марта 2016

  1. Улучшены условия медиазапросов.
  2. Исправлены ошибки отображения футера для узких экранов.
  3. Шрифты с гугла подключены через стили.
  4. Оптимизированный CSS-код для верхней части страницы подключен через style.
  5. Перенес подключение всего остального CSS в body. Валидатор не против.
  6. PageSpeed Insights для компьютеров 90.
  7. PageSpeed Insights для мобильных 86. 2 CSS правила (для мобильных), относящиеся к content, перенесены в раздел style (он же файл "header").
  8. Переделана анимация в футере.
  9. Сделана новая страница по принципу MobileFirst. Тема - творчество музыкального коллектива "КатЛера" (пока адаптировано только под вертикальные экраны мобильных)

WebLime Что сделано после 6 занятия?


24 марта 201624 марта 2016

  1. Завершена адаптация страницы "1.psd" под 3 вида устройств: настольные ПК со средними и большими экранами, с маленькими экранами (большие планшеты тоже сюда должны относиться, но не тестировал), смартфоны в вертикальной и горизонтальной ориентации.
  2. Верстка и варианты адаптации протестированы и доработаны с учетом особенностей устройств.
  3. Тестировал в браузерах Edge, Chrome, Яндекс.Браузер, андроид-браузер(стандартный), Яндекс.Браузер(андроид)
  4. С browserSync-веб-сервером можно сразу после сохранения автоматически обновлять браузеры всех устройств в локальной сети. Без gulp и browserSync весь процесс занял бы в десятки раз больше времени.
  5. На чужом оборудовании все выглядит именно так, как задумано, изменение размеров окна браузера переключает в режим "для маленьких мониторов". Успех.
  6. Курс по позиционированию на "HTML academy"
  7. Начал адаптировать вот эту страницы с отчетами. Котиков пока отключил, долго грузятся.

23 марта 201623 марта 2016

  1. Доработка адаптации 1.psd под смартфоны
  2. z-index
  3. Адаптированная страница протестирована на экранах двух смартфонов (горизонтально и вертикально), на экране нетбука (режим для маленьких мониторов)
  4. На смартфонах загружается в масштабе 1:1, горизонтальная прокрутка отсутствует, изменение масштаба на мобильных устройствах отключено

22 марта 201622 марта 2016

  1. Медиа-запросы и viewport
  2. Тестирование адаптивной модернизации 1.psd на смартфоне в локальной сети (в роли сервера gulp browserSync)

21 марта 201621 марта 2016

  1. Для общего развится посмотрел курс по дизайну на geekbrains
  2. Медиа-запросы для адаптации страницы, сверстанной по макету 1.psd

WebLime Что сделано после 5 занятия?


16 марта 201616 марта 2016

  1. БЭМ в обоих проектах
  2. LESS в обоих проектах

15 марта 201615 марта 2016

  1. LESS
  2. firstscreen.css для PageSpeed Insights.

14 марта 201614 марта 2016

  1. Git: pull, fetch
  2. В dev/[название проекта]/css/ оставил только файлы .less, которые обрабатываются gulp'ом при каждом сохранении, после чего gulp обновляет страницу в браузерах

14 марта 201613 марта 2016

  1. PageSpeed Insights. 84, нужно улучшать

12 марта 201612 марта 2016

  1. Теперь есть папки dev и build
  2. Автоматизирована сборка с помощью Gulp. JS пока на самом начальном уровне, но все работает, хоть и громоздко написано =) gulpfile.js
  3. Прошел "Знакомство с LESS"
  4. Подключен gulp-autoprefixer, concat
  5. LESS, совсем немного, но уже есть
  6. .less и .css обрабатываются и сжимаются до 1 файла на каждый из 2х проектов, помещаются в папку build/[название проекта]/css/
  7. Картинки обрабатываются imagemin, помещаются в папку build/[название проекта]/img/
  8. .html копируются в build/ без изменений

11 марта 201611 марта 2016

  1. Gulp minify-css, watch
  2. Отмена изменений в Git
  3. gulp-browserSync

10 марта 201610 марта 2016

  1. Установлен node.js

WebLime Что сделано после 4 занятия?


10 марта 201610 марта 2016

  1. line-height задан в px, вместо множителя

9 марта 20169 марта 2016

  1. Страница из макета "1.psd" готова
  2. Все настроено с помощью PixelPerfect
  3. Некоторые элементы анимированы с помощью CSS
  4. Видео от Яндекса про верстку просмотрено и осмыслено

8 марта 20168 марта 2016

  1. Валидация снова в порядке
  2. Вырезал из макета картинки с номерами
  3. Подключены шрифты от Google
  4. Настраиваю страницу (из первого макета) с помощью PixelPerfect

7 марта 20167 марта 2016

  1. Улучшено оформление этой страницы
  2. Пробовал сделать нумерацию строк с помошью counter и content. Пока ничего хорошего не получилось

6 марта 20166 марта 2016

  1. Плавная анимация на фото Nikita Sardov

5 марта 20165 марта 2016

  1. Установил Git
  2. Скопировал репозиторий себе на комп
  3. Закачал новую версию своих файлов через Push
  4. Установил PixelPerfect
  5. Исправлены ошибки, найденные валидатором Проверка валидности

4 марта 20164 марта 2016

  1. Все учебные проекты перенесены в один репозиторий
    https://github.com/NikitaSardov/projects
  2. Добавлена вот эта страшная страница со ссылками на проекты (чуть позже оформлю ее поприличнее)
  3. Немного анимации на моем фото Nikita Sardov
  4. Подключен Travis CI Travis CI
    https://travis-ci.org/NikitaSardov/
  5. Проверка валидности моих проектов Проверка валидности (результаты проверки обрабатываются, скоро картинка станет зеленой)

WebLime Что сделано после 3 занятия?


?? февраля 2016

  1. что-то было

WebLime Что сделано после 2 занятия?


?? февраля 2016

  1. что-то было

WebLime Что сделано после 1 занятия?


?? февраля 2016

  1. что-то было