React JS. Полный Курс 2020 (Вся Теория Включена!)


Все основы React в одном видео на примерах и практике
Мой Курс Стань JavaScript Senior: clc.to/senior

Моя образовательная площадка: www.vladilen.dev/

Мои Udemy Курсы:
Angular 9: clc.to/angular
React Native: clc.to/rnative
ReactJS: clc.to/react
NodeJS: clc.to/nodejs
Angular Fullstack (MEAN): clc.to/fullstack

Подписывайся на соц сети:
Telegram: teleg.one/js_by_vladilen
Instagram: www.instagram.com/vladilen.minin
VK: vk.com/vladilen.minin
Группа VK: vk.com/js_by_vladilen

Содержание урока:
00:00 Что такое React
00:50 Как установить React
02:12 Обзор структуры проекта
05:22 Запуск приложения
09:13 Компоненты
12:24 Стили
17:38 Передача параметров в компонент
18:20 Циклы
22:10 PropTypes
26:30 Работа с JSX
31:30 События
36:18 Работа со state (useState)
39:20 Динамические css классы
41:30 React Context
45:39 useContext
48:10 Условные операторы в JSX
50:00 Работа с формой
55:34 Создание кастомного хука для input
1:00:06 useEffect (работа с севером)
1:03:07 Создание Loader
1:07:26 React.Suspense (React.lazy)
1:11:11 React.Component (создание модального окна)
1:13:30 React.Fragment
1:16:52 Полезен был контент?

Исходный код:
drive.google.com/open?id=1RGhJcjlJqiLPQTK3mIQUuE5Ln_V5NyJ7

ReactJS 2020 — Полный курс
#react #reactjs

Trainee-самоучка отжигает на собеседовании. Отвечает на все вопросы.


Контакты Евгения (телеграмм): @drobovik45

В данном ролике проводится открытое собеседование Junior Frontend-разработчика.

Следующий выпуск по порядку: youtu.be/D7FCDYBMQ6g
Предыдущий выпуск по порядку: youtu.be/KrOBpFwwlGQ

Свои вопросы, которые хотите задать проходящим собеседование, а также предложения пишем в Telegram — @S_HappY

Кто хочет прокачать свои знания — оставляем заявку на обучение в GeekBrains: rebrand.ly/mockinterview

00:00 Вступление
01:36 Знакомство с Евгением
03:57 Вопрос про Symbol
05:34 Вопрос про прототипы
10:35 Вопрос про скрытый input и форму
18:00 Задача 1 (https://jsfiddle.net/mockinterview/wb9h37n8/)
29:34 Задача 2 (https://jsfiddle.net/mockinterview/z3a1uq64/)
36:30 Задача 3 (тут я накосячил) (https://jsfiddle.net/mockinterview/gu9jLact/)
Задача 3 с правильными ответами (https://jsfiddle.net/mockinterview/j3rd7vka/)
Решение задачи с правильными ответами (https://jsfiddle.net/mockinterview/g2stcm6x/)
53:49 Задача 4 (https://jsfiddle.net/mockinterview/tsv0xr7L/)
01:13:30 Вопросы из чата вопросы по реакту

Job interview for Junior React developer


Собеседование по скайпу с HR компании zenbit.tech/ на позицию Junior React Developer. Первая часть общие разговоры за жизнь, опыте, почему я иду в программирование.

Texническая часть начинается на 19:40

UX дизайн и архитектура


На вебинаре мы поговорим о том, что такое UX дизайн, UX архитектура, как они связаны с веб-дизайном и почему без них сфера дизайна, как велосипед без колес, чем отличается хороший UX, от того, который заставляет быстрее искать кнопку выхода и забывать, как страшный сон, о существовании данного «продукта». Поговорим о видах, метриках и подходах к анализу дизайна, разберем, что такое «personas», «jbtd» и как UX дизайн связан с успехом бизнеса.

План вебинара:

1) UX дизайн — как колеса для велосипеда (о том что такое ux, зачем нужна грамотная архитектура проекта, почему без этого — весь дальнейший дизайн — это «бег на месте»)
2) Анализ потребностей или как не засорять мозг пользователю (о том что такое анализ будущего проекта, для чего он нужен, о подходах к реализации и минимизации сложных мыслей для пользователя)
3) Общение, вопросы и ответы.

00:00 Вступление. План вебинара
1:55 Курсы по UX/UI дизайну на ITVDN
2:28 Расшифровка UX/UI
7:10 О чем не стоит забывать при разработке UX
10:23 Ошибки UX
28:08 Китайские сайты
36:42 UX дизайн
37:20 Отличие UX/UI дизайнера от Web дизайнера
37:58 Фундамент UX дизайна и примеры
41:48 Persona
43:55 UX Анализ. Создание “Персоны”
1:09:16 JTBD подход
1:12:36 Свойства JTBD
1:42:42 Вопросы и ответы

Проблемы дизайнеров- почему вас не берут на работу | Никита Михеенков | Prosmotr


Фрагмент лекции Никиты Михеенкова, сооснователя и директора по развитию веб-студии Nimax, о проблемах с резюме дизайнера, которые мешают произвести нужное впечатление на работодателя.

У тебя отличное портфолио, но никто не берет на работу? Или ты только стоишь на первой ступеньке и не знаешь с чего начать? Никита освещает проблемы с резюме дизайнеров, на которые смотрит рекрутер при поиске сотрудников. Что с портфолио не так и по каким причинам оно может произвести неправильное впечатление.

Больше полезных видео для дизайнеров в группе Вконтакте: www.vk.com/prosmotr
Полезная подписка на новости Prosmotr: www.goo.gl/11u0qJ
Лайкайте Prosmotr на Facebook: www.facebook.com/designprosmotr
Следите за новостями в Twitter: www.twitter.com/designprosmotr

www.designprosmotr.ru

Javascript: функции, области видимости, замыкание


Понимание области видимости и замыканий – ключевое в изучении JavaScript. Области видимости при правильном подходе к их использованию позволяют применять надёжные шаблоны проектирования, помогают избежать нежелательных побочных эффектов в программах.

Вебинар ведет Савелий Сычев, Front-end developer в Luxoft, специалист с семилетним опытом работы.

Ссылка на Git:
github.com/sychovSaveliy/hillel-webinar-functions

Полезные ссылки:
myrusakov.ru/javascript-closures.html
es6-features.org
getinstance.info/articles/javascript/closures-in-javascript/
learn.javascript.ru/function-declaration-expression

Компьютерная Школа Hillel

site: itschool-hillel.org
тел.: 38 (097) 156-58-27

fb: www.facebook.com/hillel.it.school
in: www.instagram.com/hillel_itschool
tw: twitter.com/hillel_itschool
ln: www.linkedin.com/company/hillel_itschool
yt: www.youtube.com/user/hillelitschool
g: plus.google.com/107393502085367390120

React.js — Советы от профи!


СКИДКА 5% на все курсы LoftSchool bit.ly/2CPYEVr по промокоду devshow

Создатель подкаста «Пятиминутка React» Пётр Мязин рассказывает про React и даёт полезные советы новичкам!
Экскурсия в Avito на канале LoftSchool: youtu.be/OyeIR8Nynag
Пятиминутка React: 5minreact.ru/
Пятиминутка РНР: 5minphp.ru/
Все выпуски DevShow: goo.gl/b6vBPp
DevShow в формате подкастов на SoundCloud: soundcloud.com/loftblog
DevShow в формате подкастов в iTunes: itunes.apple.com/ru/podcast/loftblog/id1313900856?mt=2

Школа онлайн-образования: loftschool.com/
Telegram: telegram.me/loftblog
Slack: slack.loftblog.ru/
Сайт: loftblog.ru/
Instagram: www.instagram.com/loftblog/
Группа вконтакте: vk.com/loftblog
Facebook: www.facebook.com/loftblog
Twitter: twitter.com/loft_blog

Больше уроков от lofblog: #loftblog
Все уроки по хештегу: #loftblogDevShow
Полезные уроки для веб-программиста: #вебпрограммист
#DevShow

Поставь лайк — смотивируй автора писать еще :)

Интервью: Александр Вершилов о применении функционального программирования и Haskell


17 декабря в 20:00 по МСК поговорим о применении функционального программирования и Haskell. В гостях Александр Вершилов, ведущий разработчик в проекте Сириус.Курсы, кандидат физико-математических наук.

Мы поговорим о том, как конкретизировать применение ФП так, чтобы было интересно и полезно, о применении Haskell и ответим на вопросы слушателей.

Вопросы к спикеру и обсуждение — в slack-комьюнити Хекслета в канале generalю

Полезные ссылки:
— Haskell — язык, позволяющий глубже понять программирование. Как он устроен и почему его выбирают разработчики? ru.hexlet.io/blog/posts/haskell-yazyk-pozvolyayuschiy-glubzhe-ponyat-programmirovanie-kak-on-ustroen-i-pochemu-ego-vybirayut-razrabotchiki?utm_source=youtube