JavaScript Front-end. Практическое занятие

Вступление и знакомство с автором курса «JavaScript Front-end. Практическое занятие»

Начинаем практиковаться


Урок 1. JavaScript Front-end

Разбираем макет дизайнера


Урок 2. JavaScript Front-end
Общая структура проекта. Обзор тегов в head и сила Flexbox

Исходники — //github.com/droganaida/javascript-frontend
Тренажер для изучения Flexbox — //flexboxfroggy.com
Коротко о Flexbox от автора — //www.youtube.com/watch?v=s2Y5oFgmm20


Урок 3. JavaScript Front-end
Вёрстка главной и внутренних страниц блога (HTML, CSS)

Исходники — //github.com/droganaida/javascript-frontend


Урок 4. JavaScript Front-end
Cкрипты наружной части сайта. Скроллер и кнопка «Больше»

Исходники — https://github.com/droganaida/javascript-frontend
Ссылка на сайт jQuery — //jquery.com


Урок 5. JavaScript Front-end
Сборщики фронтенд проектов. Для чего это нужно, и почему я этим не пользуюсь

Статистика по браузерам — //www.w3schools.com/browsers
Инфа по ECMAScript — //webapplog.com/es6
Поддержка es6\7 браузерами — //kangax.github.io/compat-table/es2016plus
Официальный сайт Babel — //babeljs.io
Официальный сайт ESLint — //eslint.org/docs/user-guide/getting-started
Официальный сайт Node.js — //nodejs.org/en
Официальный сайт Grunt — //gruntjs.com
Официальный сайт Gulp — //gulpjs.com
Официальный сайт Brunch — //brunch.io
Официальный сайт Broccoli — //broccolijs.com
Официальный сайт Mimosa — //mimosa.io
Официальный сайт Webpack — //webpack.github.io
Официальный сайт Rollup — //rollupjs.org
Сравнение систем сборки в NPM Trends — //www.npmtrends.com/gulp-vs-grunt-vs-brunch-vs-mimosa-vs-broccoli-cli-vs-webpack-vs-rollup
Статья «Why we should stop using Grunt & Gulp» — //www.keithcirkel.co.uk/why-we-should-stop-using-grunt
Официальный сайт GNU make — //www.gnu.org
Пример отличного конфига GNU make — //www.mikkolehtinen.com/blog/2012/07/10/using-gnu-make-as-frontend-build-tool
Официальный сайт JetBrains — //www.jetbrains.com


Урок 6. JavaScript Front-end
Форма логина. Макет админ-панели. Валидация полей формы

Исходники — //github.com/droganaida/javascript-frontend
Больше о регулярных выражениях — //www.sitepoint.com/expressions-javascript


Урок 7. JavaScript Front-end
Создание новой категории. Сортировка списка категорий (jQuery UI)

Исходники — //github.com/droganaida/javascript-frontend
Сайт библиотеки jQuery UI — //jqueryui.com

Оставить комментарий

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: