Видосик :)
Каждый кто ноет к коментах - скуф ))
1990: HTML придумали
1994: CSS придумали, чтобы пофиксить HTML
1995: JS придумали, чтобы пофиксить HTML/CSS
2006: jQuery придумали, чтобы пофиксить JS
2010: AngularJS придумали, чтобы пофиксить jQuery
2013: React придумали, чтобы пофиксить AngularJS
2014: Vue придумали, чтобы пофиксить React & Angular
2016: Angular 2 придумали, чтобы пофиксить AngularJS & React
2019: Svelte 3 придумали, чтобы пофиксить React, Angular, Vue
2019: React hooks придумали, чтобы пофиксить React
2020: Vue 3 придумали, чтобы пофиксить React hooks
2020: Solid придумали, чтобы пофиксить React, Angular, Svelte, Vue
2020: HTMX 1.0 придумали, чтобы пофиксить React, Angular, Svelte, Vue, Solid
2021: React Suspense придумали, чтобы пофиксить React, снова
2023: Svelte Runes придумали, чтобы пофиксить Svelte
2024: jQuery до сих пор используется на 75% сайтов
Скажите честно, что действительно необходимо для того чтобы стать джуном фронтендером. Нужно ли досканально изучать typescript и подобные темы или достаточно основ html/css/js? Расскажите по подробнее что конкретно вы знали, когда устраивались на своё первое рабочее место джуном
Посмотрел недавно несколько видео с участием Деми Мурыча, разработчика, которого, при всей его эксцентричности и совсем небольшой известности, почему-то регулярно зовут на интервью/подкасты другие более популярные лидеры мнений в сфере IT. Зовут его, как я понял, из-за его глубоких познаний в Javascript, HTML5, SEO и других направлениях. В большинстве этих продолжительных видео-бесед, всё, что он делает - это разносит разработчиков и индустрию за то, что никто не читает спецификацию, и, собственно, рассказывает про эту самую спецификацию.
В одном из таких видео он рассказывал на примерах, как правильно пользоваться семантикой HTML5 и о том, как поисковики "читают" ваш сайт. Вот 2 его утверждения, которые показались интересными лично мне:
В попытки Google научиться читать динамически генерируемую (с помощью JS) разметку не верит, и что его неверие опирается на реальные тесты, проводимые им самим и другими уважаемыми разработчиками.
В семантическую вёрстку, соответствующую стандарту HTML5, не умеет сегодня практически никто.
Мне стало интересно, действительно ли в вебе так плохо с семантикой, и я открыл в devtools браузера код страниц Мвидео, DNS и Эльдорадо. К моему удивлению, там действительно всё было очень далеко от идеала. Да, не div-hell, но ничего и близко похожего на адекватную семантическую вёрстку я там не увидел. Ни тегов section или article, ни атрибутов itemprop/itemtype и т.д. Если интересно - проверьте сами.
Помимо этих трёх китов, я пооткрывал разметку страниц интернет магазинов поменьше (не только с электроникой). Никаких качественных отличий.
В одном из видео, Мурыч показывал построенные им самим интернет-магазины, размещённые в вебе с целью тестирования различных SEO-гипотез, и хвастался тем, что, благодаря грамотному подбору тегов (и не только), товары из его "мёртвых" сайтов иногда попадают в секцию "товары" поисковой выдачи Google, хотя его интернет магазин даже не является витриной реального бизнеса.
Я решил проверить, действительно ли так легко обогнать всех в SEО, просто подразобравшись в спецификации HTML5. Понятно, что в перегретых нишах и гео удачу я пытать не буду. Но какой-нибудь тематический региональный портал запилить - почему бы и нет.
В планах построить около 3-х тематических порталов со статьями определённой тематики. Тематики пока не подобрал. Скорее всего дам посетителям возможность создавать статьи, продвигать свои товары и услуги. Но последнее скорее для практики и относительной "полноценности" проектов, основная цель - увидеть воочию, что какая-нибудь из статей одного из порталов попала на 1-ю страницу Google по какому-нибудь не слишком специфичному запросу.
На данный момент я выбираю технологию, которую буду использовать. За плечами опыт с React, нативной вёрсткой и WordPress. Но ни один из 3х вариантов не подходит:
WordPress отпадает, потому что нет желания разбираться в PHP (до этого работал в нём только в визуальных редакторах + css). Я знаю, что для него есть куча SEO-плагинов, но не верю, что они справятся лучше человека, проверяющего каждый тег.
React не подходит из-за динамической генерации разметки, плохо сказывающейся на SEO.
HTML+JS. Писать в свободное от работы время проект даже средней сложности без какого-либо фреймворка/шаблонизатора у меня не хватит времени и сил.
Какой фреймворк выбрать? Пока в претендентах Next.js и SvelteKit из-за SSR и привычной мне, как React-разработчику, реактивности и state-management-у. Но я новичок в SEO-ориентированной разработке и не знаю, на какие особенности технологии важнее всего обращать внимание. Имеют ли Next и Svelte какие-то явные и давно известные SEO-специалистам недостатки? Может всё-таки стоит присмотреться к WordPress или Laravel? Подойдут ли для моих целей html-шаблонизаторы?
Спасибо всем прочитавшим до конца и особенно тем, кто поделится советом/мнением. <3