Sign Up Sign in
📌 Очень жаль что всем известный персонаж решил начать войну. Мы молимся за Украину и за мир!
Главная страница Топики 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

 AngularJS

AngularJS

 barba.js

barba.js

 CSS

CSS

 D3.js

D3.js

 Elm

Elm

 Ember

Ember

 HTML

HTML

 JavaScript

JavaScript

 JQuery

JQuery

 Next.js

Next.js

 React.js

React.js

 RxJS

RxJS

 single-spa

single-spa

 Svelte

Svelte

 Three.js

Three.js

 TypeScript

TypeScript

 Vue

Vue

 WebGL

WebGL

 Другое (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 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 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 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

React - Полный Курс по React

React - Полный Курс по React

React - Полный Курс по React
В курсе используется последняя версия React - 18! Если вы хотите стать успешным React программистом - этот курс для вас. Это лучший курс для понимания React, изучения всех ключевых функций React, а также закрепления всех полученных знаний на практике с помощью десятков задач. React - это самая популярная библиотека для создания пользовательских интерфейсов в одностраничных приложениях.
12:02:20
212 уроков
Русский
udemy
Премиум
Посмотреть
Продвинутый Remix

Продвинутый Remix

Advanced Remix
Remix — отличный инструмент для создания простых веб-сайтов, и он еще лучше подходит для создания сложных веб-приложений. Что делает Remix уникальным, так это то, что ментальная модель одинакова, независимо от того, создаете ли вы простой веб-сайт самостоятельно или сложное веб-приложение для бизнеса с командой разработчиков. И он делает это с помощью облегченной абстракции поверх API-интерфейсов веб-платформы. Ремикс масштабируется до...
04:42:58
5 уроков
English
frontendmasters, Kent C. Dodds
Премиум
Посмотреть
Основы Remix

Основы Remix

Remix Fundamentals
Создание современных веб-приложений сопряжено со сложностью. Вы устали подключать onSubmit к серверным API и следить за тем, чтобы ваш кеш на стороне клиента оставался актуальным? Разве не было бы здорово иметь возможность использовать глобальную природу CSS в свою пользу, а не искать инструменты или соглашения, чтобы избежать или обойти это? А как бы вы отнеслись к вложенным макетам с интеллектуальным и оптимизированным для производительности...
05:37:03
6 уроков
English
frontendmasters, Kent C. Dodds
Премиум
Посмотреть
Создавайте Полиморфные Компоненты с помощью React и Typescript

Создавайте Полиморфные Компоненты с помощью React и Typescript

Build Polymorphic Components with React and Typescript
В этом курсе вы научитесь создавать свой собственный полиморфный компонент, который может отображаться как любой допустимый элемент HTML. Что еще более важно, вы научитесь строго указывать разрешенные реквизиты на основе предоставленного типа элемента. По пути будет обсуждаться множество вариантов использования и крайних случаев, которые помогут вам создавать более надежные повторно используемые компоненты React.
02:16:15
21 уроков
English
udemy
Премиум
Посмотреть
Изучите стек MERN с WebRTC и SocketIO создавая клон Discord

Изучите стек MERN с WebRTC и SocketIO создавая клон Discord

Discord Clone - Learn MERN Stack with WebRTC and SocketIO
Узнайте, как подключить стек MERN к WebRTC и SocketIO. Мы пройдем все этапы создания приложения с функцией группового звонка. Мы создадим реализацию WebRTC, чтобы показать, как вы можете разрабатывать приложения WebRTC благодаря simple-peer. Мы будем использовать SocketIO в качестве сервера оповещения для нашего приложения и для связи в реальном времени. После этого курса вы сможете создать собственное приложение, которое будет использовать...
19:29:29
178 уроков
English
udemy
Премиум
Посмотреть
Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node

Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node

MERN Stack Car Rental Application 2021 : React ,Redux ,Node
Создайте современное приложение проката автомобилей с помощью React, Redux, Node. MERN — это программный стек JavaScript для создания динамических веб-сайтов и веб-приложений. Поскольку все компоненты стека MERN поддерживают программы, написанные на JavaScript, приложения MERN могут быть написаны на одном языке как для серверной, так и для клиентской среды выполнения.
07:27:32
38 уроков
English
udemy
Премиум
Посмотреть
Cucumber Playwright и TypeScript: Фреймворк автоматизированного тестирования

Cucumber Playwright и TypeScript: Фреймворк автоматизированного тестирования

Build a Cucumber Playwright Typescript Automation Framework
Этот курс был разработан для имитации реального опыта создания фреймворка автоматизации Cucumber, Playwright и TypeScript с нуля для полнофункционального приложения. По завершении вы сможете применить свои знания и фреймворк автоматизации, который вы создали, в своих компаниях и проектах. Мы уверены, что вы станете экспертом мирового класса в создании системы автоматизации.
27:12:02
183 уроков
English
udemy
Премиум
Посмотреть
Создание приложений с помощью React 17 и ASP.NET Core 6

Создание приложений с помощью React 17 и ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6
С ASP.NET Core мы можем разрабатывать веб-API с помощью C#. С React вы можете создавать современные, быстрые и гибкие веб-приложения. В этом курсе мы будем использовать оба инструмента для создания проекта. Мы сделаем приложение со своей базой данных, пользовательской системой, серверной частью и пользовательским интерфейсом, где вы будете применять на практике концепции, изученные в курсе. В конце мы собираемся опубликовать наши приложения...
19:28:31
182 уроков
English
udemy
Премиум
Посмотреть
CSS Shapes: Веб-сайты следующего поколения

CSS Shapes: Веб-сайты следующего поколения

Advance CSS Shapes: Next Generation Websites
Этот курс является единственным курсом по нативным CSS-Shapes на момент запуска. В этом курсе вы научитесь создавать потрясающие, восхитительные и чистые макеты веб-страниц с удивительными фигурами CSS. за которым будущее веб-дизайна. Для того, чтобы создавать потрясающие, самые красивые веб-страницы с реальными примерами вы изучите все возможные ключевые слова и настройки фигур css. Этот курс наполнен множеством примеров кода.
03:27:42
30 уроков
English
udemy
Премиум
Посмотреть
Full Stack изоморфный JavaScript с Vue.js и Node.js

Full Stack изоморфный JavaScript с Vue.js и Node.js

Full Stack Isomorphic JavaScript with Vue.js & Node.js
Научитесь создавать изоморфные веб-приложения Full Stack JavaScript с помощью Vue и Node.js вместе со стеком MEVN. Стек MEVN — это набор отличных инструментов — MongoDB, Express.js, Vue.js и Node.js — которые обеспечивают прочную основу для создания легко поддерживаемых веб-приложений. Поскольку каждый из них представляет собой JavaScript или технологию на основе JavaScript, наличие общего языка программирования означает, что...
05:33:49
64 уроков
English
udemy
Премиум
Посмотреть