December 14, 2022

полезная инфа где и как изучать и практиковать web разработку (для чайников пон)

пиксель артыыыы топпчик особенно с фиолетовым небом purple drank пон yung lean

привет друк!

сегодня мы с тобой продолжаем путешествие в мире кодинга пон! начинали мы со вступительной статеечки основ жиэса и отображения балика в эфире на своем сайте, а щас я оставлю здесь сколько смогу ресурсов для изучения жиэс (не то чтобы соберу солянку из ресурсов, оставлю именно те по которым я учился и которые мне дали знания которые щас уменя есть). в том числе книжки какие то оставлю

изучил прогинг с рубуриком и нехуя непонел баля

лфгггггг 🩸🪓


предисловие

я не претендую на звание суперпрепода или чела который 100% обладает всегда актуальной инфой в этом. в этой статье ресурсы по которым я когда то учился и которые по сей день не потеряли актуальности. ресурсы могут быть древними (но когда я изучал хтмл по хтмлбуку, он еще тогда считался древним и ничего)

еще важно:

пожалуйста, не лезь ни в какие курсы нетологий, гикбрейнсов, яндексов, хтмлакадеми и так далее (я про снг сегмент в целом). да, тебя чему то научат (не факт), но это не стоит 15000, 30000, 45000 и тд. по окончанию тебе дадут никому на хуй ненужный на рынке сертификат. даже корочка из шараги и то будет больше тя красить на собесе каком нибудь. ну баля 90% короче этих курсов полная хуйня

лучше вложи эти деньги в себя, в темки. если ты не можешь никак без курсов — freecodecamp, udemy, coursera, khan academy, в общем бери зарубежное (там даже много бесплатного)

вот несколько правил как стопудово ебашить ахуено:

  1. после изучения какой то фичи обязательно практикуйся
  2. не запихивай в себя овер дохуя, если чуешь что мозг уже не вывозит отдыхай потом приходи и вспоминай практикуй то что уже изучил и только потом приступай к новому
  3. отдыхай чаще реально
  4. если чето не получается не думай что это не твое, попробуй 7 раз пон захватить эту крепость пон тока потом делай выводы (на самом деле про 7 раз я ваще ща спиздел и из воздуха взял, но реально отнесись серьезно и если 1-2 раза не получилось тупо не кидай занятие, это нормально если не получается, мы не сверхразумы)

HTML

htmlbook — древний сайт но оч полезный для того чтобы посмотреть какие теги есть в хтмл вообще и изучить каждый (в свое время я читал про абсолютно все теги что там есть, полезно)

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

разве что книги не всегда стоит читать, они гигантские, сухие, неинтересные. лучше бери любые видосы на ютубе, можешь даже взять хауди хо изучаем html за час пон (хауди хо это если что легенда инфобизнеса который учит питону за час , есть еще такой гений гоша дударь, но не будем отвлекаться)

ну это еще ладно как то... с горем пополам
ну вы поняли, клиника

CSS

также как и с хтмл, пооставляю не очень (очень) древних ресурсов где обьясняется css

база — mdn, htmlbook, html5css

можешь также смотреть видосы рандом инфу короче, лишнего ничего нет, кроме одного

наверняка в одном из древних ресурсов ты наткнешься на свойство float

изучи его, но не юзай для расположения блоков на странице! для этого изучи flex (флексим жоскии) и grid

после изучения основных основ можешь просто заходить сюда и смотреть все свойства которые есть (там их много, но why not, тоже будет ультраполезно)


JS

вот мы и подошли с тобой к самому интересному где важно в рот говна не набрать и не возиться с хуй пойми чем а нужно найти реально хорошие ресурсы где тебе не льют говна в уши

JavaScript roadmap — гем гемов правда на английском (я фанат роадмапов)

https://learn.javascript.ru/ — просто баля Saint Грааль пон ру туториалов. это просто гемчик который ебет жестко, кроме этого тебе больше ничего не надо пон (ну там реально дают понять что такое жаваскрипт от и до, изучив все ты спокойно сможешь отвечать на любые вопросы по жаваскрипту на собесах даже на высоком уровне)

супер важные правила как изучать:

  1. не прыгай с раздела в раздел в пределах частей, это нежелательно
  2. обязательно выполный все задачи, по крайней мере пытайся их выполнить
  3. не прыгай сразу в какую то другую часть (типа dom), ну только если тебе не супер интересно, чтоб просто удовлетворить интерес. иначе есть риск возникновения в голове лютой каши
  4. обязательно изучи все, там важно все (особенно регулярки)
  5. регулярки (3 часть) полностью зубрить необязательно, 80-90% регулярок нужных по работе гуглятся
  6. зубрить как в школе не нужно, учи и практикуй, нужно кайфовать от этого (это скорее всего сыграет ключевую роль)

TypeScript

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

jscamp — прикольный ресурс на русском в приятном цвете

metanit — древний ресурс по которому я изучал ts, может кому зайдет

typescript tutorial — ресурс на английском

книги

я не сильный фанат книг но книги которые я перечисляю ниже я читал и мне понравилось

после того как ты изучишь js (не ts) из сурсов выше

Выразительный JavaScript от Marijn Haverbeke — мастхев штука после которой я взорвал себе мозг и сильно бустанул свои знания в жиэсе. проверенных сурсов где ее достать у меня прям ща нет, загугли тыкни на удобную тебе ссылку (а то еще скажешь что я тебе тут трояны подкладываю)

Beginning Functional JavaScript: Functional Programming with JavaScript Using EcmaScript 6 от Anto Aravinth — заебатая книжечка о том что такое функциональное программирование. само фп поможет тебе мыслить неочевидным путем. написана для жиэсеров

продвинутый лвл

Грокаем алгоритмы от Aditya Bhargava — имба книжка про основные алгоритмы, особенно если хочешь устраиваться в яндекс, мыло и другие большие компании там ебут про алгоритмы прямо как знаешь как будто оказался на олимпиаде по инфе в 9 классе... ну не будем об этом. основные базовые алгоритмы полезно знать

Высоконагруженные приложения. Программирование, масштабирование, поддержка от Martin Kleppmann — ахуенная книга о том как проектировать и разрабатывать большие системы

Компьютерные сети от Andrew Tanenbaum — имба книга о том что такое http, https, tcp/ip, udp различные протоколы, osi модель, короче обо всем что происходит под капотом в интернете, вообще в компьютерных сетях. мастхев (но может наскучить)

остальное

про паттерны проектирования и архитектуру приложений

немного больше про паттерны проектирования

практика js

задачи из https://learn.javascript.ru/

codewars

hackerrank

leetcode

codingame

sandboxes, playgrounds

сандбокс или playground — место где ты можешь потыкать и попрактиковать js ( и не только) без необходимости запускать редактор или поднимать среду разработки

codepen

codesandbox

jsfiddle


общее

Frontend Roadmap — гем гемов опять же (инглиш нужен)

MDN — в целом и в общем ахуенный ресурс для того чтобы подсмотреть какие то штуки будь то в html, css или js (мдн регулярно обновляют и добавляют новые особенности, убирают старое и тд). у них даже есть ахуеный тутор по хтмл, ксс, жиэс


заключение

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

с перечисленными мною ресурсами ты сможешь изи изучать веб разработку и становиться ахуенной крутышкой разраабом пон и делать сайты крути! давай лфг нахуй

енто ти крутышка карочи после тово как изучил все

рубрика вопросы подпищеков

yungz0r спрашивает

ну пон я ваще разное юзал в своей жизни... гаш меф (асуждаю)

спонтанно как то к js пришел ну а так, если подумать то по факту мне нравится веб разработка, на питоне ну ты напишешь сервак типа к сайту но не функциональный фронтенд

питон для меня всегда был многофункциональным языком типа для тех кто изучает ии, пишет какие то игрушки, программки и тд. по факту и в жсе ты можешь программировать там роботов, игрушки программки но мне еще питон синтаксисом не очень нравится, ну типа отсутствие скобок, точек с запятой, понимание инструкций чисто по отступам

ну еще за рыночек питона не шарю, но мне кажется там похуже, да и чаще требуют какую нибудь computer science degree для устройства на работу. не знаю еще есть ли на питоне подобие тайпскрипта, но сам по себе он слабо типизирован (впрочем как и жс, который тайпскрипт спасает хотя бы)

ну еще в питон лезет каждый второй, с жсом также но все равно мне кажется жс тяжелее для понимания новичкам


благодарности

спасибо тебе за прочтение, спасибо тем кто ставит реакции, подпищекам, рыжему, сс ресерч, моей девочке, френдли тагу 52 нгг и всем остальным кто пон мотивирует ебашить люто жоска

и удачи тебе в пути кодинга еба!


отзыв

если в каком то примере ошибка, или что то не получается вы всегда можете обратиться за вопросом в телегу к рубурику @rubyuroboros


мой канал — https://t.me/ruburi