FRONTBASE
143 subscribers
2 files
71 links
Основы веб разработки,
Подходы к самообразованию,
Неудобные личные истории.
Все вопросы: @BBankay
Download Telegram
НАВИГАЦИЯ 📌📌📌

#programmer_in_four_months - цикл статей "Разработчик за 4 месяца"
#best_book - отличная книга
#best_course - годный курс
#best_article - крутая "must read" статья
#best_video - полезный доклад
​​Гарвардский курс CS50

Иногда люди приходят в IT и не могут выбрать "точку входа". Будь то веб разработка, искусственный интеллект, работа с данными и т.д. И для таких счастливчиков есть очень крутой гарвардский курс - CS50. Курс про азы программирования и основные концепции компьютерных наук. Шикарная подача от профессора Дэвида Малана будет держать ваше любопытство на пике. Еще бы, он был назван одним из мировых наиболее известных компьютерных педагогов.

П.С. Кстати, я слукавил немного, потому что CS50 полезно посмотреть любому человеку, который пришел в IT. Более интересного введения в IT я не встречал. А любопытство иногда единственное, что нужно, чтобы научиться. Дерзайте 😏

#best_course
#harvard_cs50_frontbase

CS50 на русском | Кто вы, профессор Малан ?
Web разработка на примере Django

Любую вещь, которую надо понять - надо понимать на простом примере.
Уже слышу твой внутренний голос: хочу знать как строятся веб приложения!.

Ладно... уговорил, делюсь.

Однажды искал подобный "обзор" и наткнулся на лекции от технострима.
Стой..., вернись..., там правда все было нормально (ну почти).

Курс знакомит с базовой архитектурой web приложений на примере фреймворка Django (Pyhon). Курс обзорный - как раз то, что надо:
1. будет фронт,
2. будет бэк,
3. даже про сетевые протоколы спич есть.

Фразочки "хэндшейк" и "пакет данных" больше не будут звучать как от иностранца. Заодно "приедет" понимание MVC паттерна.

Можешь смело ставить 1.25х🎢🎢🎢

#best_course

web-разработка на примере Jango
​​CS253 Web Security Course

5 минут назад досмотрел последнюю лекцию курса по веб безопасности от Stanford. Как несложно догадаться, контент вполе годный.

Что внутри ?
1. Обзор типичных атак + их суть (code injection, XSS, DNS rebinding, etc) + примеры кода и демки в реальном времени. Также есть подробное объяснение того, как работает TLS, также есть блоки про работу браузера и многое другое!

2. Истории реальных атак: очень круто, интересно и порой смешно 😄. Один парень хакнул github и по bug bounty получил $25000. Но штука не в этом, а в том, что уязвимость была настолько простая, что "почти любой" мог это сделать... 🙂

3. Интерактивное домашнее задание (вообще тема). UI как в старых фильмах про хакеров. Но маленький адвайс: проверяй в разных браузерах. У меня в Chrome неправильно отобразился, так что я использовал Safari.

Вердикт
Очень полезно для разработчика, который уже работает на реальном проекте - это умножит качество работы и, следовательно, 💵💵💵.

#best_course
#web_security_course_frontbase

Смотреть курс на youtube
Скачать задания можно здесь
​​Node, Express, MongoDB: The Complete Bootcamp (2020)

Если бы меня спросили:
"Слушай, какой самый крутой курс по Node ты проходил ?" - то я бы сразу выпалил: "Это был курс от чувака по имени Jonas Schmedtmann". Ладно, хорошо, фамилию бы я не выговорил 😄, но просто дал бы ссылку.

Кстати, нужен VPN
Скачать с rutracker
Пройти на Udemy (платно)

Что же хорошего в курсе ?
1. Много best-practices по работе с Node, Express, etc.
2. Хорошее объяснение того, как работает JavaScript на серверной стороне (Event Loop phases, Threads, Modules, etc
3. Очень круто рассказал про моделирование данных для приложения с помощью MongoDB, Mongoose
4. Показал как работать с платежами (библиотека Stripe)
5. Много дополнительных вещей по JavaScript, которые можно освежить (асинхронные функции, промисы)
6. Обработка ошибок + базовые правила работы с данными пользователя (always sanitize user input!)

Короче - это самый годный курс по Node, который я видел 🔥🔥🔥 Теперь я всем подписчикам немного завидую 🙂

#best_course
#node_schmedtmann_course_frontbase
The web developer bootcamp

Один из лучших 🚀 курсов для новичков! Я прошел его в самом начале своего путешествия во frontend-land.

Почему это годный материал ?
🔸 Достаточно короткие уроки и разделы
🔹 Качественное объяснение сути (до практики)
🔸 Подход к решению задач JavaScript - простая и понятная цепочка размышлений для решения любой задачи
🔹Легкая практическая работа
🔸Простой English, который можно свободно слушать

Почему я его скачал, когда не знал всего этого ?
По сравнению с аналогами на Udemy, количество подписчиков курса наМНОГО больше. Сейчас данный курс содержит 579 506 подписчиков! Представляете, пол миллиона людей!
Да это просто 🔥🔥🔥

Напутсвие:
- Пропустить jQuery (прошлый век) либо для old-school
- Пропустить секцию про Node. Курсы по Node есть лучше
- Воспринимайте курс как обзорный: потрогать, понажимать, попробовать + понять суть. А детали и вещи сложнее уже будут в других местах

Cмотреть курс на Udemy (платно)
Скачать с rutracker (бесплатно)

#best_course
#the_web_developer_bootcamp_frontbase

Всем лета ☀️
​​React + Redux - Профессиональная Разработка

Курс Юрия Буры - лучший курс по React, который я встречал до сегодняшнего дня. Очень грамотный автор с большим багажом знаний (и не только по JS).

Несколько слов из его habr аккаунта
Днём пишу серверсайд приложения на Java, а по ночам — игры на HTML5 и JavaScript. Написал книгу «Pro Android Web Game Apps» (2012, Apress)

Что в курсе
🔹Современный ECMAScript
🔸Основы React: подробно, качественно
🔹Состояние компонентов + события (Todo App)
🔸Проект SWAPI: Fetch API, работа с сервером, паттерны React 🔥, React Hooks, React Router, etc.
🔹Проект с использованием Redux
🔸Настройка Babel + Webpack

Почитайте комментарии к курсу на Rutracker.org 😉

Купить курс на Udemy
Скачать курс с Rutracker
github Juriy Bura

П.С. Курс стоит всего лишь ~1000 рублей. Это сущие копейки для такого контента, так что очень рекомендую задуматься о поддержке автора - он может записать еще более крутые курсы в будущем.

#best_course
#react_plus_redux_professional_dev_frontbase

Have a good one 😎
​​Официальные гайды от Node

На сайте Node появились official Guides 🔥 - это прекрасно, так как приходилось смотреть анонимов youtube и материалы из курсов. Все же курсы - это комплексная вещь: архитектура, api, data bases, deploy, etc. Особенно хорош курс от Jonas Schmedtmann #node_schmedtmann_course_frontbase. Но считаю, что основы надо брать из официальной документации 😉

Сохранил себе такие ссылки
Introduction to node js
Overview of Blocking vs Non-Blocking
The Node.js Event Loop, Timers, nextTick
Don't Block the Event Loop
Timers in node js

Перейти на основной список guides

#best_course
#node_official_guides_frontbase

Have a good summer ☀️
​​Must have: Операционные системы 🚀

В 12 лет у меня появился первый комп, я исследовал его каждый день, от чего он переставал работать 🤓. => научился ставить windows и получил представление, как работает ОС. Это был момент силы 💪. Ко мне начали обращаться с разными просьбами: крякнуть MS Office, сбросить пароль старшего брата 🙂 - все успешно крякалось и сбрасывалось. Конечно, это был скрипт-кидди стайл, но работало: я кое что знал и мог решать задачи.

Когда я попал во взрослый IT, где пишут продукты и продают за много $ - я понял, что знание работы ОС снова позволит решать задачи. Такие способности многое меняют: скорость разработки, уверенность в действиях, амбиции, задачи, результаты.

Ресурсы
🔥 Основы операционных систем. (Дмитрий Кетов). Очень толковое объяснение происхождения, назначения и структуры операционок. Первое, что советую посмотреть.
Смотреть на Youtube

🔹Архитектура ЭВМ и основы ОС (Кирилл Кринкин). Не менее интересный видеоряд с понятным спичем, но с упором на работу железок.
Смотреть на Youtube

🔸UC Berkeley Computer Science 162 (John Kubiatowicz). Контент на инглише от непоследнего в мире учебного заведения. Есть новее (2015 год), но здесь полнее материал + лучше иллюстрации.
Смотреть на Youtube

🔹На закуску книга "Операционная система UNIX" (Андрей Робачевский). Одна из лучших русскоязычных книг по UNIX. После курсов выше многое становится на свои места.
Скачать с Rutracker

#best_course
#best_book
#operational_systems_frontbase

Do your best 🤘
​​🚀🚀🚀 SICP - MIT lectures 👈

Я уверен, что люди после 2000 г. р. не могут быстро осознать, насколько круто, что существует интернет. Любой может учиться у лучших! Давайте-ка еще раз
- бесплатно
- учиться
- у лучших преподавателей
- на нашей огромной планете
- не в рамках города, области, и даже нашей большой страны - а на 🌏

Я с удовольствием посмотрел большую часть лекций SICP, что рекомендую сделать и вам

Вот некоторые фразы из лекций
🔸 В компьютерной науке мы занимаемся формализацией императивного знания - как сделать эту штуку. Но реальные проблемы появляются, когда мы строим БОЛЬШИЕ системы. Единственная причина, почему мы можем их строить - люди придумали техники борьбы со сложностью. Вот они
- Абстракция (black-box abstraction)
- Стандартные интерфейсы
- Метаязыковая абстракция (новые ЯП)

🔹 Когда мы пишем код нет большой разницы между тем, что мы можем построить и тем, что мы можем вообразить. Основное ограничение - всего лишь ограничение нашего ума

🔸Знаете чему следует научиться ? - игнорировать детали. Ключ к понимаю большой системы в том, чтобы проигнорировать все лишнее

🔹Если вы знаете имя, у вас есть сила - сила повелевать тем, что названо этим именем. (называйте свои переменные\функции правильно)

Скачать лекции SICP с Rutracker

#best_course
#sicp_lectures_mit_frontbase

🤘😎