Видеокурсы для изучения JavaScript и JavaScript фреймворков на англияком языке


Наиболее интересные материалы для максимального погружения в разработку с использованием js. Да материалы на английском. Материал на английском, обычно можно подобрать более качественный, в силу того, что просто больше выбор.

Разумеется все субъективно.



[Wes Bos] Advanced React and GraphQL [2021, ENG]

Next.js, Node.js, Styled Components, Apollo Client, KeyStone.js, MongoDB


GitHub Repo


[nomadcoders.co] Uber Eats Clone [ENG, 2020]

Отличный материал!

https://www.youtube.com/watch?v=A8-Arx0ql68

Frontend: ReactJS. GraphQL. Typescript. Apollo. TailwindCSS

Backend: NestJS, Typescript, TypeORM, GraphQL, PostgreSQL, MailGun


Под конец, поднадоедает и подключается библиотеки для работы с Google Maps, который требует аккаунта подвержденного кредитной картой (насколько помню).


GitHub Repo


[NewLine] TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL [ENG, 2020]

Для меня это лучший курс 2020

Достаточно интересный курс. Смотрю вторую часть проекта. Оригинальные исходные коды есть.

Здесь и TypeScript, и GraphQL, и React, и MongoDB присутствуют.

UPD. В Бонусах MongoDB заменяется на PostgreSQL и лекции по тестированию с помощью Jest.

Сам проект я завернул в kubernetes и разработка ведется сразу в нем с автоматическим обновлением проекта при сохранении.

Взяты последние пакеты, в том числе и ApolloClient. Кому интересно, делайте параллельно.

Мои исходные коды здесь.


Смотреть не стал, проект запустил, оставил исходники.

GitHub


[Zachary Reece] Implement High Fidelity Designs with Material-UI and ReactJS [ENG, 2020]

https://www.udemy.com/course/implement-high-fidelity-designs-with-material-ui-and-reactjs/

Появились исходные коды. Придется изучать.

35-40 часовой курс.


[Reed Barger] Build an Instagram Clone with React [ENG, 2020]

Ну чего, посоны? Каждому по своему инстраграму?

[Reed Barger] Build an Instagram Clone with React [ENG, 2020]

Мне понравился этот курс. Хоть Instagram и получился недоделанным, т.к. большая часть функционала не была реализована, но выглядит норм.

Автор зачем-то понадеялся на Instagram CDN для своих картинок, который был благополучно удален сервисом где-то в середине записанного курса. Если кто будет копать, рекомендую просто скопировать мой вариант файла с картинками, чтобы вместо неподгрузившихся картинок, выводились собаки породы корги.

Build an Instagram Clone with React


[Stephen Grider] Microservices with Node JS and React [ENG, 2020]

https://www.udemy.com/course/microservices-with-node-js-and-react/


Материал для тех, кому интересны темы docker, kubernetes, react, node.js, typescript, next.js

https://github.com/webmakaka/Microservices-with-Node-JS-and-React

Да тяжело. 54 часа видеоматериалов от топового учителя по соверменным js технологиям.


[Andrei Neagoie, Yihua Zhang] Complete React Developer in 2020 (w/ Redux, Hooks, GraphQL) [ENG, 2019]

Для меня это лучший курс 2019

https://github.com/webmakaka/Complete-React-Developer-In-2020-Redux-Hooks-GraphQL

Наверное, это самый интересный и полезный курс по React который смотрел когда-либо.

Но на самом деле он под конец начинает поднадоедать. Мы по сути на один проект то накатываем какие-то технологии, то их скручиваем. То redux-thunk, to redux-saga, to hooks.


Остальное перенесено сюда