24 декабря 2023 г. Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна.
Подробности случившегося. Мы призываем всех неравнодушных
помочь нам с восстановлением утраченного контента!
НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Для программирования на ХТМЛ https://codepen.io/pen/
Для фреймворков https://codesandbox.io/
Для Ноды с пакетами https://repl.it/languages/nodejs
Залить, задеплоить страничку, сервер, контейнер https://zeit.co/now
Аноны, хочу получить советов мудрых, высераю пару предложений и код на скриншоте, а получаю смехуёчки. Как быть?
Если рассчитываешь получить дельный ответ, формулируй правильно вопрос:
что я хочу получить, что я для этого делаю, что я вместо этого получаю.
Сделай песочницу по ссылкам выше для ясности и удобства.
П Л А Т И Н А
> Приведение типов, не компиляется, недоязык
Странно, что у тебя осталось время покакать в этом треде, после того, как ты объявил все типы и скомпилял, старичок. Жди ответа на перфокарте.
> Я могу сделать запрос с сервера к чужому АПИ, почему с клиента такой запрос не работает?
Тебе бы не хотелось, зайдя на левый сайт, позволить ему от твоего имени к Сбербанку запросы делать. Для твоей безопасности существует ограничение доступа к кросс-доменным ресурсам
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
В К А Т И Т Ь С Я
Возраст, пол, образование не имеют значения. Времени потребуется год с нуля.
Английский обязательно. Проследуй в /fl за гайдом.
Учись учиться. Эффективность, запоминание, дисциплина, режим. Проследуй в /se за гайдами.
https://www.youtube.com/watch?v=vd2dtkMINIw
https://www.youtube.com/watch?v=IlU-zDU6aQ0
https://habitica.com/
https://pomotodo.com/
Математика. Не принципиально, но очень прокачивает. Достаточно выделять по полчаса в день-два и результат будет отличный. https://www.khanacademy.org/math
HTML, CSS. Ничего сложного.
Требует только некоторой усидчивости. Как раз подойдёт для того, чтоб выработать правильные привычки, дисциплину в лёгких условиях.
Проходи вёрстку (не трогай JS) на
https://htmlacademy.ru/courses
Бесплатного будет достаточно, но можно и подписку купить на месяц, этот дедлайн мотивирует.
В Кокодемии тебе будут показывать всякие теги, правила. Ты дополнительно находи каждый на
https://developer.mozilla.org/en-US/
(в поиске справа категории, оставь только HTML, CSS)
В этой документации описаны все особенности для каждого элемента. Тебе не надо учить это всё наизусть. Достаточно просто бегло ознакомиться, пропитываться, иметь представление. В каждой статье есть раздел “Specification”, там тебя чаще всего интересует ссылка “Living standard”. Это спецификации языка, “спеки”, они написаны очень формально, истина в предпоследней инстанции (последняя — код реализации). На них ты тратишь совсем немного времени, буквально одним глазком. В начале всё будет совсем не понятно, это норма. Тебе просто надо привыкать к подобным документам. Посматривай их немного, типа шаришь.
Параллельно с Кокодемией по вечерам посмотри:
https://www.youtube.com/watch?v=Sy_wba7l1UU&list=PLawfWYMUziZqyUL5QDLVbe3j5BKWj42E5
На этом этапе пора формировать информационный фон. Собирай подписки в Ютюбе, Твиттере, на рассылки. Но помни, если ты что-то посмотрел-почитал, то должен потратить минимум столько же времени на написание кода по мотивам. Иначе это такая же бестолковая прокрастинация.
Javascript. Шутки кончились.
https://www.youtube.com/watch?v=rrRZZ_3licM&list=PLo6puixMwuSMIB7x6MNBTNQA3P3Mqo_33
https://javascript.info/ очень дружелюбен к ньюфаням. У него есть предыдущая версия на русском, но она безнадёжно устарела. Здесь описываются многие тонкости языка, которые полезны только для общей картины, а на деле вряд ли пригодятся. Так что читай по диагонали, всё равно с первого раза всего не схватишь. А вот задачки обязательно делать (чтоб научиться играть на гитаре, нужно играть на гитаре). Если задачка совсем (за 10 мин.) не получается, то прилежного разбора и воспроизведения готового решения будет вполне достаточно.
Искать каждый раз подробности на MDN ты уже имеешь привычку, не забывай пользоваться. Теперь тебя интересует Draft в спеках.
Node.js позволит тебе вырваться за пределы браузера, позволит сделать свой сервер, позволит автоматизировать рутину в разработке:
https://medium.freecodecamp.org/the-definitive-node-js-handbook-6912378afc6e
https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs
Нода это уже отдельная приблуда, удобного MDN’a тут нет. Но ты же уже не боишься сухих документаций. Нужно найти доки Ноды в Гугле и сверяться с ними, пока читаешь статьи.
Где-то на этом этапе ещё нужно разобраться с Linux, shell, Git, Docker, но это уже не про нашу шапочку.
Если ещё есть время и хочется подробностей, повторений, закреплений, то
https://www.freecodecamp.org/
повторяет всё (но не разжевывает для ньюфань, иначе было бы достаточно только его), плюс обзор некоторых приблуд, плюс идеи для проектов для портфолио, плюс задачки на алгоритмы.
https://codesignal.com/ задачки, писькомерки, подготовка к собеседованию.
https://github.com/getify/You-Dont-Know-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
Приложение. Всё по-взрослому.
Теперь пора делать что-то серьёзное, применять на практике. Имеется множество готовых приблуд, можно делать приложения любой сложности. Писать здесь гайды к каким-то приблудам нет никакого смысла, так как каждая вполне достойна отдельного треда и имеет свой сайт, где с гайдами постарались. Жизнь готовила тебя к этому, тебе придётся разбираться самостоятельно. Алгоритм такой:
1 - находишь на Ютюбе любой обзорный видос, чтоб страх неизвестного пропал (не трать на это фуфло больше пары часов);
2 - находишь официальный сайт приблуды в Гугле;
3 - на офсайте делаешь Tutorial / Getting started;
4 - на офсайте читаешь доки, АПИшки по диагонали;
5 - начинаешь делать оригинальные нужные штуки, посматривая в доки.
Сейчас с большим отрывом самый популярный стек это React + Express + Mongo. Получается что-то такое:
https://www.youtube.com/watch?v=PBTYxXADG_k&list=PLillGF-RfqbbiTGgA77tGO426V3hRF9iE
Оформи такое в портфолио и можешь искать работку.