Общая структура проекта. Обзор тегов в head и сила Flexbox. JavaScript Front-end
Исходники проекта https://github.com/droganaida/javascr...
HTML. Что это такое и с чем его едят? Просто о сложном. #BlondieCode. • #HTML. Что это такое и с чем его едят? С ч...
Забавный тренажер для изучения Flexbox http://flexboxfroggy.com/ (спасибо за ссылку, Макс Драгомир!)
Шпаргалка по Flexbox • Шпаргалка по Flexbox
В этом видео рассмотрим общую структуру фронтэнда. Как организовать свой рабочий проект. Организация папок для веб-проекта. какие теги необходимы в head. Что такое og:image, rel = alternate, robots, noindex, nofollow, flexbox, как все это применить в верстке HTML, как сбросить стили в CSS, как указать роботам основную панель навигации role = navigation. Как создать альтернативные стили для мобильных устройств и нужно ли индексировать 404 страницу. Учебный курс по WEB от блондинки-программиста.
Курс "JavaScript. Практическое занятие" будет состоять из двух частей.
Front-end, куда войдет верстка макета на Flexbox, клиентские скрипты вроде скроллера страницы, валидации полей, сбора данных в админке. Мы научимся работать с jQuery, напишем маленький плагин для редактирования текста и изучим точки соприкосновения front-end и back-end разработки.
На бэкэнде в свою очередь мы построим админ-панель для блога, поработаем с сохранением и обрезкой изображений, настроим локализацию на три языка и поиск релевантных статей. На бэкэнде тоже солирует javascript в облике Node.js и конечно Mongodb в роли базы данных.
В конце этого курса у нас получится функциональная блоговая платформа, построенная при помощи Node.js, Mongodb, HTML5, CSS, Flexbox и jQuery