Frontend разработчик
@frontend_1
11.7K subscribers
1.75K photos
489 videos
44 files
2.7K links
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS.

По всем вопросам @evgenycarter

РКН clck.ru/3KoFrk
加入频道
About
Blog
Apps
Platform
Join
Frontend разработчик
11.7K subscribers
Frontend разработчик
Frontend-спринт: 100 быстрых советов по HTML, CSS и JavaScript

https://proglib.io/p/100-frontend-tips
3K views
Frontend разработчик
Полезные ссылки для начинающего Front-end разработчика

https://medium.com/@elkin/%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D1%8B%D0%B5-%D1%81%D1%81%D1%8B%D0%BB%D0%BA%D0%B8-%D0%B4%D0%BB%D1%8F-%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B5%D0%B3%D0%BE-front-end-%D1%80%D0%B0%D0%B7%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%87%D0%B8%D0%BA%D0%B0-fe373e04573
2.97K views
Frontend разработчик
Бесплатный опенсорсный дашборд для Angular

github https://github.com/CreativeIT/material-angular-dashboard

demo http://material-angular-dashboard.creativeit.io/
3.61K views
Frontend разработчик
Бесплатные макеты PSD для верстки

https://telegra.ph/Besplatnye-makety-PSD-dlya-verstki-11-07
3.28K views
Frontend разработчик
https://telegra.ph/Brackets--podborka-samyh-poleznyh-plaginov-dlya-verstalshchika-sajtov-11-07
Telegraph
Brackets — подборка самых полезных плагинов для верстальщика сайтов
Друзья наверно все вы знакомы с таким редактором кода как Brackets, если, всё же, есть люди которые про него ещё не слышали, то вкратце, Brackets — свободный текстовый редактор для веб-разработчиков. Brackets ориентирован на работу с HTML, CSS и JavaScript.…
2.89K views
Frontend разработчик
https://telegra.ph/Primer-nastrojki-htaccess-dlya-sozdaniya-CHPU-na-php-11-08
Telegraph
Пример настройки .htaccess для создания ЧПУ на php
Ниже приведен код файла .htaccess, который пригодится для создания понятных и простых ссылок на сайте. Чтобы не использовать GET запросы, и делать ссылки понятными и простыми. Например вместо index.php?page=12&action=edit можно делать ссылки типа page/12/edit.…
2.8K views
Frontend разработчик
https://medium.com/web-standards/critical-css-39e479af038e
Medium
Извлекаем критический CSS
Перевод статьи «Extract critical CSS» Милицы Михайлии
2.83K views
Frontend разработчик
https://telegra.ph/Podborka-luchshih-instrumenta-dlya-frontend-razrabotchika-11-10
Telegraph
Подборка лучших инструмента для frontend-разработчика
CSS-препроцессоры Это надстройки над самим CSS, открывающие новые возможности языка и делающие процесс работы проще и доступнее для разработчика с помощью особых конструкций. Программисты называют их «синтаксическим сахаром». «Синтаксический сахар» — конструкции…
3.11K views
Frontend разработчик
Как программисту сохранить здоровье спины

От сидячей работы и ежедневного кодинга болит спина? Проблемы со здоровьем очень актуальны для программиста. Мы пообщались с ведущим неврологом центра реабилитации «Три сестры» Екатериной Данилевич:

https://clck.ru/Jsy6K
2.89K views
Frontend разработчик
https://clck.ru/JsyiA
Medium
Все новое — это хорошо забытое старое [Flux]
Спустя какое-то время, практически каждый программист созревает для того, чтобы сказать свое слово об архитектуре программного обеспечения…
2.87K views
Frontend разработчик
https://clck.ru/JttZW
Medium
Должен ли фронтенд разработчик уметь писать бэкенды?
Читаю твиттер и удивляюсь тому, какое разделение разработчиков (или раскол?) на западе. Под термином фронтенд там подразумевают CSS и HTML…
2.86K views
Frontend разработчик
Весь CSS на одной странице

http://www.cheat-sheets.org/sites/css.su/
2.98K views
Frontend разработчик
Подборка бесплатных PSD шаблонов

http://blazrobar.com/free-psd-website-templates/
3.13K views
Frontend разработчик
https://telegra.ph/CCSS-trendy-2019-goda-11-12
Telegraph
CCSS-тренды 2019 года
1. CSS Writing Mode (настройки расположения текста). writing-mode устанавливает направление текста на странице — по горизонтали или вертикали. writing-mode: horizontal-tb | vertical-rl | vertical-lr horizontal-tb — устанавливает направление текста по горизонтали…
3.02K views
Frontend разработчик
https://telegra.ph/Klikabelnaya-figura-s-privyazkoj-k-izobrazheniyu-11-14
Telegraph
Кликабельная фигура с привязкой к изображению
Дизайн веб-сайта часто требует форму элемента, отличную от квадрата или прямоугольника для ответа на событие клика. Возможно, на вашем сайте есть какой-то наклонный или изогнутый баннер, где область щелчка будет неудобно большой, как прямой прямоугольник.…
2.68K views
Frontend разработчик
This media is not supported in your browser
VIEW IN TELEGRAM
Отладка утечек памяти в Angular

https://blog.bitsrc.io/debugging-memory-leaks-in-angular-4bc7b3eab569
2.64K views
Frontend разработчик
https://medium.com/web-standards/sticky-bc7ff7088693
Medium
Как на самом деле работает position: sticky в CSS
У position: sticky уже очень неплохая браузерная поддержка, но большинство разработчиков так и не используют это свойство.
2.91K views
Frontend разработчик
Чит-лист по Bootstrap 4

https://hackerthemes.com/bootstrap-cheatsheet/
3.41K views
Frontend разработчик
Иконки Glyphicons в Bootstrap 3

https://glyphicons.bootstrapcheatsheets.com/
2.86K views
Frontend разработчик
Регулярные выражения в Javascript

https://www.debuggex.com/cheatsheet/regex/javascript
3.43K views
Frontend разработчик
Список англоязычных YouTube-каналов для обучения веб-разработке

1- www.youtube.com/user/GoogleDevelopers — a lot of stuff on web technologies and perfomance
2- www.youtube.com/user/TheHelpingDevelop — PHP, jQuery, HTML, CSS
3- www.youtube.com/user/sassbites — Sass
4- www.youtube.com/user/LevelUpTuts LevelUpTuts — HTML5, Stylus, CSS, Sass, WordPress
5- www.youtube.com/user/DevTipsForDesigners DevTips — Foundation, CSS, RWD
6- www.youtube.com/user/mjdwebdesign mjdwebdesign — CSS, HTML, JavaScript
7- www.youtube.com/user/gotreehouse Treehouse — CSS, JavaScript, HTML
8- www.youtube.com/user/learncodeacademy LearnCode.academy — JavaScript, jQuery, React, Node.js, MEAN
9- www.youtube.com/user/derekbanas Derek Banas — JavaScript
10- www.youtube.com/user/LearnWebCode LearnWebCode — WordPress, RWD, HTML, CSS, JavaScript, jQuery
11- https://www.youtube.com/user/ITmozgChannel
12- www.youtube.com/user/flashbuilding Adam Khoury — HTML, HTML5, CSS, JavaScript, PHP«
13- www.youtube.com/user/phpacademy phpacademy — CSS, PHP, Sass, Node.js, Laravel
14- www.youtube.com/user/thenewboston thenewboston — HTML5, JavaScript, PHP
15- www.youtube.com/user/andrewperk andrewperk — Ruby on Rails, CakePHP, Laravel
16- www.youtube.com/user/WaliTutorials AbdulKhan — PHP, JavaScript, SEO, jQuery
17- www.youtube.com/channel/UC9O66QHVPAaxjeezBWti4uw computttsmaster — PHP, Node.js
18- www.youtube.com/user/fallendown2005 fallendown2005 — laravel
19- www.youtube.com/user/TheDigiCraft TheDigiCraft — PHP, HTML5, CSS3
20- www.youtube.com/user/webinaction Dr Richard Stibbard — PHP, WordPress, jQuery UI
21- www.youtube.com/user/Beatle87 Michiel Wouters — ASP.net, PHP
22- www.youtube.com/user/kudvenkat kudvenkat — JavaScript, ASP.net
23- www.youtube.com/user/JREAMdesign JREAM — NoSQL, PHP, jQuery
24- www.youtube.com/user/CodersGuide Coder's Guide — WordPress, Bootstrap, RWD, JavaScript, CSS, HTML
25- www.youtube.com/user/easydevtuts easydevtuts — Bootstrap, Sass, Foundation
26- www.youtube.com/user/webdevmentors WebDevMentors — Python, Bootstrap
27- www.youtube.com/user/wiredwiki Lalit Bassi — Bootstrap, HTML5, CSS, Python
28- www.youtube.com/user/hussey17 Brad Hussey — Bootstrap, PHP
29- www.youtube.com/user/Creativitytuts Creativity Tuts — Laravel, Git, CSS, Gulp, Bootstrap
30- www.youtube.com/user/QuentinWatt Quentin Watt — jQuery, HTML5, CSS3, PHP
4.25K views