Sign Up Sign in
📌 Очень жаль, что всем известный персонаж решил начать войну. Мы молимся за Украину и за мир!

👀 Black Friday 2022 уже стартовал. Три дня скидок -50% на все пакеты ch.
Главная страница Топики Frontend
Frontend

Видеоуроки Front-end

Фронт-енд (Frontend) разработчики отвечают за весь цикл разработки передней части (та, которую мы видим) сайта или приложения (например SPA). Основой Fronted является три компонента. HTML, CSS, JavaScript. Если с первыми двумя все понятно и просто, то JavaScript открывает огромный "мир" для разработчика с кучей фреймворков вроде Angular, React, Vue и других. Javascript - один из самых востребованых навыков сегодня в веб-разработке, рекомендуем внимательно ознакомится с ним перед тем, как приступать к изучению фреймворков, или на худой конец глятьте в сторону jquery, который как бы не хоронили продвинутые разработчики, все же остается подходящим для использование в большинстве проектов. Также Frontend разработчик может работать с различными популярными cms, вроде Wordpress, Joomla, Opencart.

Популярное в frontend

Frontend в категориях

Angular

Angular

 HTML

HTML

 CSS

CSS

 JavaScript

JavaScript

 Vue

Vue

 JQuery

JQuery

 React.js

React.js

 AngularJS

AngularJS

 TypeScript

TypeScript

 Ember

Ember

 Next.js

Next.js

 Elm

Elm

 Svelte

Svelte

 single-spa

single-spa

 Three.js

Three.js

 D3.js

D3.js

 Другое (Frontend)

Другое (Frontend)

 RxJS

RxJS

 WebGL

WebGL

 barba.js

barba.js

 Backbone

Backbone

Источники о Frontend

Academind Pro Academind Pro adamwathan adamwathan Adrian Hajdin Adrian Hajdin Ahmad Shadeed Ahmad Shadeed Alex Kondov Alex Kondov Alex Kyriakidis Alex Kyriakidis algoexpert algoexpert amigoscode (Nelson Djalo) amigoscode (Nelson Djalo) awwwards.com awwwards.com balinterdi.com balinterdi.com beonmax.com beonmax.com Brad Woods Brad Woods Bruno Simon Bruno Simon Chris Sev Chris Sev cleverprogrammer.com cleverprogrammer.com Code4Startup (coderealprojects) Code4Startup (coderealprojects) Codecourse Codecourse Codedojo Codedojo
codemochi.com codemochi.com codeschool codeschool codesmith.io codesmith.io codewithmosh (Mosh Hamedani) codewithmosh (Mosh Hamedani) coursetro coursetro cssanimation.rocks cssanimation.rocks Dan Abramov Dan Abramov Dave Ceddia Dave Ceddia designcode.io designcode.io developedbyed.com developedbyed.com devopsjsconf.com devopsjsconf.com deworker.pro deworker.pro doge.codes doge.codes Dr. Axel Rauschmayer Dr. Axel Rauschmayer easycode easycode egghead egghead Emma Bostian (TechnicalInterviews.dev) Emma Bostian (TechnicalInterviews.dev) envato envato Eric Elliott Eric Elliott Erik Hanchett Erik Hanchett every-layout.dev every-layout.dev fireship.io fireship.io flaviocopes.com flaviocopes.com Frederik Dietz Frederik Dietz frontendmasters frontendmasters frontendscience frontendscience fullstack.io fullstack.io greatcodeclub.com greatcodeclub.com HarvardX (Harvard University) HarvardX (Harvard University) hexlet hexlet Heydon Pickering Heydon Pickering htmlacademy htmlacademy htmllessons.ru htmllessons.ru Hype4Academy Hype4Academy iamtimcorey.com (Tim Corey) iamtimcorey.com (Tim Corey) ihatetomatoes ihatetomatoes Innopolis University Innopolis University interviewespresso (Aaron Jack) interviewespresso (Aaron Jack) itgid (Александр Лущенко) itgid (Александр Лущенко) itvdn itvdn James Henry James Henry James Q Quick James Q Quick Jason Shen Jason Shen Javabegin Javabegin javascript.ninja javascript.ninja Joe Santos Garcia Joe Santos Garcia Josh Comeau Josh Comeau jsexpert jsexpert jsfullstacker jsfullstacker JUG Ru Group JUG Ru Group Julia Evans Julia Evans Julien Klepatch (EatTheBlocks Pro) Julien Klepatch (EatTheBlocks Pro) Kauress Kauress Kent C. Dodds Kent C. Dodds kevin powell kevin powell knowthen.com knowthen.com Laracasts Laracasts laraveldaily.com laraveldaily.com leanpub leanpub learn.handlebarlabs.com learn.handlebarlabs.com learn.javascript.ru learn.javascript.ru learnreact.design learnreact.design learnstatemachines.com learnstatemachines.com learnvue.co learnvue.co lectrum lectrum leftlogic leftlogic Leigh Halliday Leigh Halliday leveluptutorials leveluptutorials loftschool loftschool Lucian Tartea Lucian Tartea lyndacom lyndacom magisters magisters mailru mailru masteringnextjs.com (Lee Robinson) masteringnextjs.com (Lee Robinson) masteringnuxt.com masteringnuxt.com Max Stoiber (@mxstbr) Max Stoiber (@mxstbr) Michael Thiessen Michael Thiessen MonsterLessons MonsterLessons moonhighway moonhighway Nathan Sebhastian Nathan Sebhastian netology netology ng-book ng-book nkrasnik nkrasnik Noel Rappin Noel Rappin Nomad Coders Nomad Coders oreillymedia oreillymedia OTUS OTUS packtpub packtpub papareact.com papareact.com Paul Henschel (@0xca0a) Paul Henschel (@0xca0a) Platzi Platzi pluralsight pluralsight pragmaticstudio pragmaticstudio Profit Profit PythonYoga PythonYoga Rachel Andrew Rachel Andrew react.design (Philip Davis) react.design (Philip Davis) react12.io react12.io reactfordataviz.com reactfordataviz.com reactsecurity.io (RYAN CHENKIE) reactsecurity.io (RYAN CHENKIE) reactsummit.com reactsummit.com reacttraining (Ryan Florence) reacttraining (Ryan Florence) Reed Barger Reed Barger roadtoreact roadtoreact Ryan Yu (frontend30.com) Ryan Yu (frontend30.com) saasadventure.io saasadventure.io Sara Vieira Sara Vieira Scotch.io Scotch.io serverlessreact.dev serverlessreact.dev Simon Høiberg Simon Høiberg single-spa-workshop.com single-spa-workshop.com SkillBox SkillBox smashingmagazine.com smashingmagazine.com Stepik Stepik stern stern studyboom studyboom superhi.com superhi.com Swizec Teller Swizec Teller symfonycasts symfonycasts Tanner Linsley Tanner Linsley thereduxjsbooks.com thereduxjsbooks.com Thomas Findlay Thomas Findlay tocode.ru tocode.ru treehouse treehouse tutspluscom tutspluscom udemy udemy ui.dev (ex. Tyler McGinnis) ui.dev (ex. Tyler McGinnis) ultimatecourses.com ultimatecourses.com vuejs-course.com vuejs-course.com vuejsdevelopers.com vuejsdevelopers.com vuemastery vuemastery vueschool.io vueschool.io Watch and code Watch and code WAYUP WAYUP WebCademy WebCademy webdesignmaster webdesignmaster webdevsimplified.com webdevsimplified.com webformyself webformyself wesbos wesbos workingwithshopify.com workingwithshopify.com zerotomastery.io zerotomastery.io Артем Исламов (Академия Верстки Glo-Academy) Артем Исламов (Академия Верстки Glo-Academy) Владилен Минин (vladilen.dev) Владилен Минин (vladilen.dev) Дмитрий Лаврик Дмитрий Лаврик Елисеев Елисеев Типичный Верстальщик Типичный Верстальщик

Курсы по Frontend

TypeScript. Интенсивный практический курс

TypeScript. Интенсивный практический курс

TypeScript. Интенсивный практический курс
Цель курса: Изучить и осмыслить ключевые возможности, которые даёт нам TypeScript, переключить мозг на строгую типизацию и статический анализ кода, научиться применять TypeScript на практике. Для продуктивного участия желательно хорошее понимание основ JavaScript, в том числе, тем связанных с объектно-ориентированным программированием.
20:40:22
14 уроков
Русский
Дмитрий Лаврик
Премиум
Посмотреть
HolyJS 2022 Autumn. Конференция для JavaScript‑разработчиков

HolyJS 2022 Autumn. Конференция для JavaScript‑разработчиков

HolyJS 2022 Autumn. Конференция для JavaScript‑разработчиков
HolyJS 2022 Autumn - большая конференция для JS-разработчиков. Спикеры со всего мира. Несколько десятков технических докладов о JavaScript, фронтенде, UI, инструментах и многом другом. HolyJS — конференция для всех, кто программирует на JavaScript — для фронтенда и не только. JS‑разработку здесь рассматривают в разных ракурсах: от конкретных фреймворков до борьбы с техдолгом — главное, чтобы в программе было много...
47:10:20
55 уроков
Русский
JUG Ru Group
Премиум
Посмотреть
Advanced Redux

Advanced Redux

Advanced Redux
Redux — это надежная библиотека для управления состоянием, которая обычно, но не всегда, используется в больших приложениях React. В этом курсе мы расскажем, как сделать ваше хранилище Redux более надежным с помощью TypeScript и применить общие шаблоны, используемые в крупномасштабных приложениях Redux. Redux также не имеет возможности асинхронно извлекать данные из серверной части, но имеет надежную архитектуру промежуточного программного...
05:14:12
5 уроков
English
frontendmasters
Премиум
Посмотреть
Производительность React

Производительность React

React Performance
React это быстро! Да. Но любое приложение, которое растет, начинает разрабатывать свои собственные пограничные случаи, которые требуют от нас выполнения детективной работы для достижения максимальной производительности. Мы рассмотрим некоторые распространенные ловушки приложений React, как их диагностировать и как измерить эффективность ваших решений. Вы узнаете, как использовать React Profiler, избегая ненужных повторных рендеров, влияние формы...
06:18:19
7 уроков
English
frontendmasters
Премиум
Посмотреть
React и TypeScript, v2

React и TypeScript, v2

React and TypeScript, v2
React — это стандартная библиотека для создания производительных пользовательских интерфейсов на JavaScript. Но по мере роста вашего приложения растут и пограничные случаи, и становится все труднее отслеживать все ошибки типов, которые имеют тенденцию возникать. Следующее, что вы знаете, вы тратите больше времени на дефекты, обнаруженные клиентами, чем на внедрение новых функций. TypeScript — это расширенный набор функций поверх...
05:49:16
5 уроков
English
frontendmasters
Премиум
Посмотреть
Fullstack аутентификация

Fullstack аутентификация

Fullstack Authentication
На этом семинаре вы узнаете, как внедрить безопасную аутентификацию пользователей в свои веб-приложения, чтобы улучшить взаимодействие с пользователем. Вы с нуля создадите проект полного стека, реализующий новейшие API для аутентификации, включая Credential Management, WebAuthn и Passkeys. Ваши пользователи выиграют от беспарольных, более быстрых и безопасных процессов входа в ваши приложения.
05:34:23
7 уроков
English
frontendmasters
Премиум
Посмотреть
Browser Data Storage

Browser Data Storage

Browser Data Storage
На этом семинаре вы узнаете, как работает хранилище данных браузера в современном браузере для веб-сайтов, приложений и PWA. Мы сосредоточимся на кросс-браузерном использовании для IndexedDB, Cache Storage, современного управления файлами cookie, доступа к файловой системе и API управления хранилищем. Вы поймете текущее состояние хранилища на стороне клиента в каждом браузере, их квоты и постоянство, а также как работать с базами данных и...
05:05:26
5 уроков
English
frontendmasters
Премиум
Посмотреть
Remix.js - Практическое руководство

Remix.js - Практическое руководство

Remix.js - The Practical Guide
Remix - это активно развивающийся фреймворк React, который (значительно!) упрощает процесс создания многофункциональных интерактивных полнофункциональных приложений и веб-сайтов React. С Remix backend и frontend код без проблем работают вместе, и вам, как разработчику, не нужно беспокоиться об управлении несколькими отдельными проектами или кодовыми базами. Вместо этого вы реализуете свою внутреннюю логику рядом с кодом внешнего интерфейса, а...
08:34:48
106 уроков
English
Academind Pro
Премиум
Посмотреть
JavaScript в фоновом режиме

JavaScript в фоновом режиме

JavaScript in the Background
На этом семинаре вы узнаете, что происходит с вашим веб-приложением, когда оно больше не находится на переднем плане, чтобы улучшить взаимодействие с пользователем. Вы поймете, как обнаруживать изменения жизненного цикла, сохранять и восстанавливать состояние, а также выполнять код для обновления данных или обработки ожидающих операций, пока пользователь не использует ваше приложение. Мы будем использовать все доступные API для обнаружения...
05:26:15
6 уроков
English
frontendmasters
Премиум
Посмотреть
Реактивность с SolidJS

Реактивность с SolidJS

Reactivity with SolidJS
SolidJS — это уникальный взгляд на интерфейсные фреймворки, поскольку каждая его часть построена на его реактивности.
04:33:46
7 уроков
English
frontendmasters
Премиум
Посмотреть