Фреймворк Bootstrap: верстаем адаптивно, просто, быстро

#web #frontend

1. CSS фреймворки. Установка фреймворка Bootstrap
2. Верстка навигационной панели
3. Оформление навигационной панели. Часть 1
4. Оформление навигационной панели. Часть 2
5. Оформление навигационной панели. Часть 3
6. Верстка контентной части
7. Оформление контентной части
8. Верстка и оформление футера

Ссылка на пост
http://vk.com/wall-54530371_66381

Сервис по изучению веб-разработки

#web #frontend

Если вы не знали с чего начать изучать веб-разработку, то этот сайт для вас.
Начиная с основ, данный сервис предлагает изучить HTML, CSS, JavaScript, БД, Node.js и не только.

https://www.freecodecamp.com/

Большая подборка материалов по веб-разработке

#web #frontend

Видео:

8 видеодокладов с секции FrontTalks на DUMP: БЭМ, React, CSSO отладка, баги, гриды, тесты и другие
https://goo.gl/kNLwDI

Как изучить JavaScript за 24 часа, Максим Сластьон на ChernihivJS
https://youtu.be/RgsIaW0eVQo

Пишем frontend на AngularJS, когда backend еще не готов, Олег Романовский на ChernihivJS
https://youtu.be/RLgUIWwdMAE

Статьи:

Подводные камни при передаче JSON в JavaScript, Антон Хлыновский
http://frontender.info/json2js/

NaN это не «не число», заметка Ивана Курносова о том, как правильно использовать NaN
http://frontender.info/nan-is-not-a-not-a-number/

Переходим с иконочных шрифтов на SVG: конвертация шрифтов в SVG-иконки
https://sarasoueidan.com/blog/icon-fonts-to-svg/

Игры на чистом CSS со свойством counter-increment
http://goo.gl/nlB0Yr

Стабильный долгосрочный релиз Node.js v6 поддерживает 93% возможностей ES6 благодаря V8 5.0
https://nodejs.org/en/blog/release/v6.0.0/

Плиточная раскладка на чистом CSS, Джей Томпкинс в переводе на Прогрессоре
http://goo.gl/xtms7v

Стабильный долгосрочный релиз Node.js v6 поддерживает 93% возможностей ES6 благодаря V8 5.0
https://nodejs.org/en/blog/release/v6.0.0/

Ссылка на пост
https://vk.com/wall-54530371_68471

AngularJS для новичка

#javascript #frontend #novice

Каждый, кто начинал заниматься web-разработкой, сталкивался с проблемой выбора языка программирования, библиотеки и фреймворка. Перерывали десятки обзоров, видео, репозиториев GitHub и не могли определится по причине недостатка объективной информации. Особенно сложно новичкам - море непонятных терминов, авторов, мнений.

Данный вебинар рассчитан на начинающих веб-разработчиков и посвящен AngularJS.
На нем вы узнаете:
- почему именно AngularJS;
- его отличительные особенности;
- как начать разработку;
- ключевые моменты;
- организация приложения;
- обзор существующих компонентов для AngularJS;
- взгляд в будущее

Ссылка на пост
https://vk.com/wall-54530371_68777

Что нужно знать начинающему фронтенд-разработчику

#frontend #novice

Ссылка на пост
https://vk.com/wall-54530371_69084

Подборка материалов по веб-разработке

#web #frontend

Коллекция лучших практик по языку JS.
Часть 1: https://www.thinkful.com/learn/javascript-best-practices-1/
Часть 2: https://www.thinkful.com/learn/javascript-best-practices-2/

Unheap — большая коллекция jQuery-плагинов на все случаи жизни.
http://www.unheap.com/

Актуальные на сегодняшний момент знания и инструменты для HTML-верстальщика
http://krekotun.ru/ui-developer-skills.html

Книга по основам JS и jQuery, в которой наглядно рассматриваются основные принципы языка и способы решения ежедневных задач верстальщика
http://javascriptbook.com/about/

Сайт для тех, кто хочет повысить свои навыки в вёрстке. Сайт предоставляет бесплатные PSD макеты, HTML сниппеты, а также туториалы.
https://web3canvas.com/

Небольшая статья, которая расскажет вам о свойстве border-image. О котором вы, возможно, слышали, но не использовали.

#web #frontend

https://proglib.io/p/a-bit-about-border-image/

Курс «Фронтэнд» от Технопарка

#web #frontend

Серия видеоуроков, посвящённая технологиям, применяемым для фронтэнд-разработки. Среди прочих, Three.js и Sass. Также объясняются общие концепции работы веб-приложений.

1. Введение.
2. Инструменты, настройка окружения.
3. Архитектура веб-приложений.
4. Веб-формы.
5. HTML, CSS.
6. DOM, события.
7. Canvas, three.js.
8. Сетевое взаимодействие.
9. Хранение данных.

https://vk.com/wall-54530371_121195

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

#javascript #frontend #web

https://proglib.io/p/js-compilation/

Советы профессионала о том, какие инструменты JavaScript использовать в 2017 году

#javascript #frontend

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

Огромная подборка материалов для фронтенд-разработчиков.

#web #frontend

В этой статье мы собрали более 70 инструментов, которые будут полезны каждому фронтенд-разработчику.

https://proglib.io/p/frontend-workflow-instruments/

Советы о том, что следует знать Front-end разработчику для успешного прохождения интервью.

https://proglib.io/p/frontend-interview/

#job #web #frontend

#вакансия #frontend

Команда разработчиков платформы для торговли на финансовых ранках ищет в свои ряды фронтенд или фуллстек разработчиков.

http://telegra.ph/Vakansiya-frontendfullstack-razrabotchika-04-10

Лучшие материалы и инструменты для Front-end разработчика

Редакция Библиотеки программиста подготовила дайджест для Front-end разработчика, чтобы держать вас в курсе последних новостей и инструментов.

https://proglib.io/p/front-end-digest/

#frontend #digest

#вакансия #frontend #middleware

Международная блокчейн-платформа для трансграничного p2p-кредитования Karma ищет Middleware и Frontend разработчиков.

https://telegra.ph/Vakansii-frontend-i-middleware-razrabotchikov-08-29

​​#tools #frontend #library

Darkmode.js

Библиотека позволяет добавить темный/ночной режим на ваш сайт за несколько секунд.

Статья, которой был вдохновлен проект: https://proglib.io/w/847b44f2
Ссылка на репозиторий: https://proglib.io/w/8e6a3d86

⚡️Карта навыков Frontend-разработчиков от Яндекса ко Дню разработчика

Hard-скиллы собирали по запросам, на которые поисковик выдавал ссылки на Stack Overflow. По итогу, из карты можно узнать:

🔸какие навыки фронтендеры чаще используют в работе
🔸какие скиллы самые популярные (это можно определить по размеру тега в облаке)
🔸какие навыки связаны друг с другом (если навыки рядом, значит, их искали вместе)
🔸какие фреймворки и инструменты стали популярнее по сравнению с прошлым годом

🔗 Подробнее

#инфографика #frontend #навыки