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

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

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

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

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

Angular

Angular

 AngularJS

AngularJS

 CSS

CSS

 D3.js

D3.js

 Elm

Elm

 Ember

Ember

 HTML

HTML

 JavaScript

JavaScript

 JQuery

JQuery

 Next.js

Next.js

 React.js

React.js

 single-spa

single-spa

 Svelte

Svelte

 Three.js

Three.js

 TypeScript

TypeScript

 Vue

Vue

 Другое (Frontend)

Другое (Frontend)

Источники о 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 Hype4Academy Hype4Academy iamtimcorey.com (Tim Corey) iamtimcorey.com (Tim Corey) ihatetomatoes ihatetomatoes 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 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 pro.chakra-ui.com pro.chakra-ui.com 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 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 stern stern studyboom studyboom superhi.com superhi.com Swizec Teller Swizec Teller symfonycasts symfonycasts Tanner Linsley Tanner Linsley 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

CSS-анимации

CSS-анимации

CSS Animations
Анимация пользовательского интерфейса играет важную роль для веб-приложений и веб-сайтов в улучшении взаимодействия с пользователем. Но создание анимации может быть трудным или чрезмерным. На этом курсе мы изучим основы CSS-анимации и перейдем к продвинутым концепциям, таким как оркестровка и хореография. Мы также изучим принципы моушн-дизайна, которые сделают все наши анимации последовательными и продуманными.
05:31:45
6 уроков
English
frontendmasters
Премиум
Посмотреть
Модульное тестирование JavaScript - практическое руководство

Модульное тестирование JavaScript - практическое руководство

JavaScript Unit Testing - The Practical Guide
Автоматизированное тестирование является ключевой концепцией современной (веб) разработки. Тем не менее, эта концепция поначалу может пугать, поэтому многие разработчики уклоняются от погружения в тестирование и добавления тестов в свои проекты. Этот курс научит вас автоматизированному модульному и интеграционному тестированию с помощью JavaScript с нуля. Вы узнаете, как пишутся тесты и добавляются в ваши проекты, что следует (и не следует)...
05:38:57
85 уроков
English
udemy
Премиум
Посмотреть
JavaScript - Полный Курс По JavaScript (Включает 55 Задач)

JavaScript - Полный Курс По JavaScript (Включает 55 Задач)

JavaScript - Полный Курс По JavaScript (Включает 55 Задач)
JavaScript - это самый популярный язык программирования в мире. На нем можно создавать как фронтенд, так и бэкенд приложения. Тем самым, выучив JavaScript, вы можете стать либо фронтенд разработчиком, либо бэкенд разработчиком или же сможете создавать фул-стек приложения. JavaScript - это также язык с огромным количеством функций, но для того чтобы УМЕТЬ писать код на JavaScript, нужно ПОНИМАТЬ ключевые концепции JavaScript. И именно на этом я и...
19:57:37
220 уроков
Русский
udemy
Премиум
Посмотреть
Front-end для продвинутых [Онлайн-кинотеатр]

Front-end для продвинутых [Онлайн-кинотеатр]

Front-end для продвинутых [Онлайн-кинотеатр]
В этой крутейшем интенсиве мы разработаем front-end на Next.js + TypeScript + Redux для полноценного онлайн кинотеатра (по примеру Netflix). Сделаем продвинутую авторизацию. Мы напишем продвинутое приложение, которое в будущем можно легко масштабировать. Все референсы приложены к каждому уроку. По прохождению интенсива Front-end для продвинутых, ты сможешь начать создавать свои первые проекты с использованием изученных знаний. Ты...
11:26:20
33 уроков
Русский
udemy
Бесплатно
Посмотреть
Back-end для продвинутых [Онлайн-кинотеатр]

Back-end для продвинутых [Онлайн-кинотеатр]

Back-end для продвинутых [Онлайн-кинотеатр]
В этой интенсиве мы разработаем backend на NestJs + TypeScript + Mongodb для полноценного онлайн кинотеатра (по примеру Netflix). Сделаем продвинутую авторизацию. Мы напишем продвинутое приложение, которое в будущем можно легко масштабировать. Все референсы приложены к каждому уроку. По прохождению интенсива Back-end для продвинутых, ты сможешь начать создавать свои первые проекты с использованием изученных знаний.Ты полностью освоишь процесс...
04:29:24
17 уроков
Русский
udemy
Бесплатно
Посмотреть
Фундаментальный JavaScript. С практикой и проектами

Фундаментальный JavaScript. С практикой и проектами

Фундаментальный JavaScript. С практикой и проектами
JavaScript - самый важный язык программирования в современной веб-разработке и с этим видео курсом вы получите фундаментальные знания и навыки по работе с ним. Любой язык - большой и разнообразный мир. И чтобы начать с ним взаимодействовать, важно вычленить самое главное и начать активно практиковать. При правильном подходе нет нужды тратить годы на изучение: без воды, на понятном языке и с практикой!
18:38:27
155 уроков
Русский
udemy
Премиум
Посмотреть
Современный React с Нуля

Современный React с Нуля

Современный React с Нуля
Изучи разработку приложений при помощи самой популярной JS библиотеки простым и понятным для новичков языком! React.js — это самая популярная на данный момент библиотека JavaScript, которую вы можете использовать во фронтенде для создания современных пользовательских интерфейсов. В этом курсе вы изучите современный React с самого начала, шаг за шагом, используя практические и интересные примеры кода, важную теорию о том, как...
16:28:41
143 уроков
Русский
udemy
Премиум
Посмотреть
React с нуля для начинающих. +3 проекта в портфолио!

React с нуля для начинающих. +3 проекта в портфолио!

React с нуля для начинающих. +3 проекта в портфолио!
Frontend-разработка - одна из самых популярных и востребованных профессий современности. Интересная и увлекательная. А React - самый популярный ее инструмент, разработанный компанией Facebook. На React сделаны Instagram, Facebook, Twitter, AirBnb, PayPal, Uber, Netflix, Vkontakte, Vimeo, Trello, сервисы Яндекса, сам проект курсов Udemy и много-много других крупных продуктов.
12:18:18
94 уроков
Русский
udemy
Премиум
Посмотреть
React Hooks в Деталях

React Hooks в Деталях

React Hooks в Деталях
В этом курсе мы научимся писать web-приложения на React. В разработке мы будем использовать только самые современные подходы и API. Мы досконально изучим React Hooks API, узнаем все секреты и подводные камни хуков. Также мы разберемся как правильно писать функциональные компоненты и проектировать архитектуру приложения с их помощью. Более десяти часов видео. Детальное объяснение теории и разбор множества практических примеров.
10:29:22
49 уроков
Русский
udemy
Премиум
Посмотреть
Практический курс по Lodash

Практический курс по Lodash

Практический курс по Lodash
В этом курсе мы научимся писать на Javascript используя популярную библиотеку для транформации данных - Lodash. Javascript не имеет достаточно функций и не все из них гибкие, чтобы покрыть все наши потребности, поэтому нам необходим Lodash, чтобы писать эффективный и кроссбраузерный код. Весь код будет написан с помощью небольших чистых функций, которые легко поддерживать, переиспользовать, улучшать и тестировать.
04:07:49
35 уроков
Русский
udemy
Премиум
Посмотреть