Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * Для программирования на ХТМЛ https://codepen.io/pen/
- * Для фреймворков https://codesandbox.io/
- * Для Ноды с пакетами https://repl.it/languages/nodejs
- * Залить, задеплоить страничку, сервер, контейнер https://zeit.co/now
- * Event Loop
- * https://www.youtube.com/watch?v=8cV4ZvHXQL4
- * https://www.youtube.com/watch?v=j4_9BZezSUA
- * Учись учиться.
- * https://www.youtube.com/watch?v=5MgBikgcWnY
- * https://www.youtube.com/watch?v=IhuwS5ZLwKY&list=PL8dPuuaLjXtNcAJRf3bE1IJU6nMfHj86W
- * Ты помнишь образы и связи, а не конспекты.
- * https://www.youtube.com/watch?v=gj3ZnKlHqxI
- * https://www.youtube.com/watch?v=5nTuScU70As
- Ты — это то, что ты делаешь каждый день.
- https://www.youtube.com/watch?v=eLYNM5QAnpw
- https://www.youtube.com/watch?v=JAnNUhWJQI8&list=PL5faAYlGYYoGr49h1WMInNSd5Ya1uu7KT&index=6
- https://habitica.com/
- Сколько помидорок сможешь сделать за неделю?
- https://www.youtube.com/watch?v=H0k0TQfZGSc
- https://pomotodo.com/
- Математика. Не принципиально, но очень прокачивает.
- https://www.khanacademy.org/math
- [b]HTML, CSS.[/b] Ничего сложного.
- Требует только усидчивости. Как раз подойдёт для того, чтоб в простых условиях выработать правильные привычки и дисциплину. Проходи вёрстку на
- https://htmlacademy.ru/courses
- Бесплатного будет достаточно, но можно после этого и подписку купить на месяц, это мотивирует.
- В Кокодемии тебе будут показывать всякие теги, правила. Ты дополнительно находи каждый на
- https://developer.mozilla.org/en-US/
- (в результатах поиска справа категории, оставь пока только HTML, CSS)
- В этой “вики”-документации описаны подробности для всякого в Вебе. Тебе не надо учить это всё наизусть. Достаточно просто бегло ознакомиться, пропитываться, иметь представление. В каждой статье есть раздел “Specification”, там тебя чаще всего интересует ссылка “Living standard”. Это спецификации языка, “спеки”, они написаны очень формально. В начале всё будет совсем непонятно, это норма. Тебе просто надо привыкать к подобным документам, это сделает из макаки человека.
- Можно найти ещё много полезностей, типа
- https://htmlreference.io/
- https://cssreference.io/
- Параллельно с Кокодемией по вечерам посмотри:
- https://www.youtube.com/watch?v=Sy_wba7l1UU&list=PLawfWYMUziZqyUL5QDLVbe3j5BKWj42E5
- https://www.youtube.com/watch?v=tpIctyqH29Q&list=PL8dPuuaLjXtNlUrzyH5r6jN9ulIgZBpdo
- На этом этапе стоит начать формировать информационный фон. Собирай подписки на рассылки, Ютюб, Твиттер. Но помни, если ты что-то смотришь-читаешь, то стоит потратить минимум столько же времени на написание кода по мотивам. Иначе это обычная бестолковая прокрастинация.
- https://habr.com/ru/company/everydaytools/blog/322980/
- https://www.youtube.com/watch?v=45EiCUTF88I
- Или же это может быть толковая рекреация — лучше посмотреть интересный доклад, чем очередной сериал.
- [b]Javascript.[/b] Шутки кончились.
- https://www.youtube.com/watch?v=rrRZZ_3licM&list=PLo6puixMwuSMIB7x6MNBTNQA3P3Mqo_33
- Очень дружелюбен к ньюфаням и даст тебе хороший старт:
- https://javascript.info/
- У него есть предыдущая версия на русском, но она безнадёжно устарела. Здесь среди прочего описываются многие тонкости языка, которые полезны для общей картины, но на деле вряд ли пригодятся, не фрустрируй. Задачки обязательно делать. Если задачка совсем (за 10 минут) не получается, то прилежного разбора и воспроизведения готового решения будет вполне достаточно.
- Искать каждый раз подробности на MDN ты уже имеешь привычку, не забывай пользоваться. Теперь тебя интересует Draft в спеках.
- Как писать для людей:
- https://github.com/ryanmcdermott/clean-code-javascript
- Ссылкота по понятиям:
- https://github.com/leonardomso/33-js-concepts
- Тут уже нужно начать искать работку и получать [spoiler]опыт[/spoiler]. Удача любит смелых. Но не ври о своём уровне работодателю, а главное — себе. Сейчас ты на уровне ребёнка, который только научился говорить, пользы от тебя столько же. Но собеседования это единственный способ для тебя узнать, что требуется сейчас в твоей области (во всех смыслах) и что нужно лично тебе.
- Если ещё есть время и хочется подробностей, повторений, закреплений, то
- https://www.freecodecamp.org/
- годнота, интерактивно обозревает всё с упором на практику.
- Подготовка к собеседованию, задачки, соревнования:
- https://codesignal.com/
- Концептуальный разбор, полезное чтиво:
- https://github.com/getify/You-Dont-Know-JS
- https://github.com/getify/Functional-Light-JS
- Исчерпывающе подробные справочники:
- http://speakingjs.com/es5/index.html
- http://exploringjs.com/es6/index.html
- http://exploringjs.com/es2016-es2017/index.html
- http://exploringjs.com/es2018-es2019/toc.html
- Массивнейшая ссылкота по всем темам:
- https://frontendmasters.com/books/front-end-handbook/2019/
- Дизайн, редактура, прочие смежные дела:
- https://bespoyasov.ru/front-not-pain/
- [b]Node.js[/b] позволит тебе вырваться за пределы браузера, сделать свой сервер, автоматизировать рутину в разработке и жизни.
- Нода это уже отдельная среда, человечного MDN’a тут нет. Но ты же уже не боишься серьёзных документаций. Нужно сразу найти доки Ноды “nodejs api” и сверяться с ними.
- https://www.youtube.com/watch?v=fBNz5xF-Kx4
- https://medium.freecodecamp.org/the-definitive-node-js-handbook-6912378afc6e
- https://www.youtube.com/watch?v=o3ka5fYysBM
- https://www.youtube.com/watch?v=WBcHgaoHh1k&list=PLHhi8ymDMrQZmXEqIIlq2S9-Ibh9b_-rQ
- Где-то на этом этапе ещё нужно разобраться с инфраструктурой:
- Linux
- https://itsfoss.com/getting-started-with-ubuntu/
- https://linuxjourney.com/
- shell
- https://tproger.ru/translations/bash-cheatsheet/
- https://explainshell.com/
- https://www.shellscript.sh/
- Git
- https://tproger.ru/translations/difference-between-git-and-github/
- https://githowto.com
- https://git-scm.com/book/ru/v2
- Docker
- https://dev.to/azure/docker---from-the-beginning-part-i-28c6
- https://training.play-with-docker.com/beginner-linux/
- https://blog.risingstack.com/how-to-debug-a-node-js-app-in-a-docker-container/
- [b]Приложение.[/b] Всё по-взрослому.
- Теперь пора делать что-то серьёзное, применять на практике. Имеется множество готовых приблуд, можно делать приложения любой сложности.
- В качестве идеи для проекта стоит брать что-то близкое тебе, чтоб с душой. Можно воспроизвести используемое тобой приложение. Можно сделать что-то полезное тебе в быту — учёт просмотренных тайтлов, счётчик калорий, агрегатор новостей.
- https://medium.freecodecamp.org/every-time-you-build-a-to-do-list-app-a-puppy-dies-505b54637a5d
- https://medium.freecodecamp.org/want-to-build-something-fun-heres-a-list-of-sample-web-app-ideas-b991bce0ed9a
- https://medium.freecodecamp.org/summer-is-over-you-should-be-coding-heres-yet-another-list-of-exciting-ideas-to-build-a95d7704d36d
- Писать здесь гайды к каким-то приблудам нет никакого смысла, так как каждая вполне достойна отдельного треда и имеет свой сайт, где с гайдами постарались. Жизнь готовила тебя к этому, ты сможешь разобраться самостоятельно. Алгоритм такой:
- 0 - находишь на Ютюбе любой обзорный видос, чтоб страх неизвестного пропал;
- https://www.youtube.com/watch?v=sBws8MSXN7A
- 1 - находишь официальный сайт приблуды;
- https://reactjs.org/
- 2 - на офсайте делаешь Tutorial / Getting started;
- https://reactjs.org/tutorial/tutorial.html
- 3 - на офсайте читаешь доки, АПИшки по диагонали;
- https://reactjs.org/docs/hello-world.html
- 4 - начинаешь делать оригинальные нужные штуки, сверяясь с доками;
- https://github.com/gothinkster/react-redux-realworld-example-app
- 5 - попробуй поискать “github awesome приблуда”;
- https://github.com/enaqx/awesome-react
- 6 - отважно посмотри исходники.
- https://github.com/facebook/react
- Сейчас с большим отрывом самый популярный стек это React + Express + Mongo. Получается что-то такое:
- https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE
- Оформи такое в портфолио на Гитхабе и можешь уверенно искать работку.
- А как же другие приблуды? Сложно и долго осилить только первый язык, фреймворк, что-либо. Следующий ты освоишь в считанные недели, а то и дни.
- При перекате не забудь тему и тег. Шапка с разметкой:
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement