#шпаргалка #css

Полезная шпаргалка по селекторам, псевдоклассам и тегам CSS3.

Библиотека JQuery

#jquery #javascript

1. Селекторы
2. События
3. Манипулирование DOM
4. Эффекты и анимация
5. Ajax

Полный курс по ссылке:
https://www.youtube.com/playlist?list=PLillGF-RfqbYJVXBgZ_nA7FTAAEpp_IAc

#шпаргалка #html5

Если вдруг забудете название тега, то обратитесь за помощью сюда.

Шесть изящных способов прижать футер сайта к низу экрана.

#html5 #css3 #javascript

http://telegra.ph/Neskolko-sposobov-togo-kak-vsegda-prizhimat-footer-k-nizu-ehkrana-08-08

Небольшой пример того, почему вам надо использовать Flexbox.

#css

http://telegra.ph/Delaem-prostuyu-setku-na-CSS-s-pomoshchyu-Flexbox-08-09

#css3 #bootstrap

Для тех, кто любит использовать готовые инструменты и решать глобальные проблемы, придумали фреймворки. Bootstrap — это CSS фреймворк, предоставляющий из коробки многочисленные компоненты адаптивной вёрстки. Этот курс рассматривает фреймворк для разных задач:

https://www.youtube.com/playlist?list=PLillGF-RfqbZ7b9ytQhLqLvWO2Q_3Ph7S

#css #book

Краткий учебник-шпаргалка по CSS, наглядно демонстрирующий основы CSS посредством простых примеров и иллюстраций.

Генерация CSS

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

#css3

http://enjoycss.com/

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

#javascript

https://proglib.io/p/js-materials-may-2018/

#javascript #angular

Angular — это JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Его главная цель — расширение браузерных приложений на основе MVC-шаблона, а также упрощение тестирования и разработки.

Этот плейлист предназначен для опытных JavaScript-разработчиков и учит, как создавать приложения на базе фреймворка Angular:
https://www.youtube.com/playlist?list=PLL-k0Ff5RfqUKnsarYJo7oZYHx6d5hDhT

Для тех, кому надоело обновлять браузер для просмотра написанного кода, придумали онлайн-консоли. Самая популярная из них — jsbin. В ней вы можете создавать файлы html, css и javascript, писать код и смотреть на результат.

#html #css #javascript

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

#javascript #library

https://community.algolia.com/places/

#javascript #angular

Angular — это популярный JavaScript-фреймворк с открытым исходным кодом. Предназначен для разработки одностраничных приложений. Работает на базе шаблона MVC. В этой книге рассматривается последняя версия фреймворка и даны хорошие примеры по работе с ним.

https://yangx.top/progbook/1265

Абсолютно полезный и потрясающий плейлист по изучению JavaScript со всех сторон.

1. Основы JavaScript
2. Создание конвертера весов
3. JavaScript DOM
4. JavaScript ООП
5. Асинхронный JavaScript
6. Работа с Google API
7. AJAX
8. Создание слайдера
9. Создание поиска по типу Reddit
10. Работа с API Youtube и многое другое.

#javascript

https://www.youtube.com/playlist?list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX

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

#javascript

https://github.com/mbeaudru/modern-js-cheatsheet/blob/master/translations/ru-RU.md

Кто любит игры и JavaScript могут посмотреть этот небольшой туториал по созданию игры на базе фреймворка Phaser. Автор создаёт знаменитую тетрисную игру и заодно учит работать с JavaScript.

#javascript

https://www.youtube.com/playlist?list=PLfdtiltiRHWHHYWSsb_0V3k6CFxDhjFtS

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

#bootstrap

https://yangx.top/progbook/1109

Несколько важных слов о прототипном программировании в JavaScript.

#javascript

https://telegra.ph/Prototipnoe-programmirovanie-08-21

В этом видео автор поделиться с вами своим пониманием JavaScript и основных его особенностей: замыкания, способы вызова функций, контекст и многое другое.

#javascript

https://www.youtube.com/watch?v=LM0tW2MZJZ4&t=1912s

Любой язык программирования лучше всего изучать на примерах. В этой книге вы найдёте их достаточно:

#javascript

https://yangx.top/progbook/757

Вы только начинаете свой путь во фронтенд-разработке? С нашей коллекцией полезных ресурсов вы не будете одиноки:

https://proglib.io/p/javascript-junior/

#javascript