Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam
Пикабу Игры +1000 бесплатных онлайн игр
 Что обсуждали люди в 2024 году? Самое время вспомнить — через виммельбух Пикабу «Спрятано в 2024»! Печенька облегчит поиск предметов.

Спрятано в 2024

Поиск предметов, Казуальные

Играть

Топ прошлой недели

  • Rahlkan Rahlkan 1 пост
  • Tannhauser9 Tannhauser9 4 поста
  • alex.carrier alex.carrier 5 постов
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
3
sumat777
sumat777
4 месяца назад
Писатель Константин Оборотов
Серия Курсы

Восхождение на Ларавель⁠⁠

Нет, эта история вовсе не про альпинизм. Laravel (Ларавел, Ларавель) - один из самых популярных фреймворков с открытым кодом на базе php. Создал Ларавель Тейлор Отвелл (Taylor Otwell) в 2011 году. Название Laravel образовалось путем замены первой буквы от слова Paravel. Cair Paravel (Кэйр Паравел) - замок из мира Нарнии, придуманного Клайвом Льюисом. Это история о том, как я изучал Ларавель и что из этого вышло.

© 2025 Константин Оборотов

===

Восхождение на Ларавель Программирование, Гайд, PHP, Laravel, Framework, Веб фреймворки, Изучение, Тестирование, Длиннопост

Сподвигли меня на изучение Ларавели утверждения одного авторитета в области разработки, что Ларовель перспективнее и интереснее, чем YII2, да и, вообще, чем любой фреймворк на PHP.

Мне стало очень любопытно. Мною овладел азарт, и даже искушение. А лучший способ избавиться от искушения - следовать ему.

Я решил, что лучший способ изучения - запустить какой-нибудь небольшой проект на Ларавели с возможностью свободного доступа для всех желающих. В процессе создания нового ресурса воленс-ноленс придется овладеть каким-то минимумом знаний. Таким образом, будут убиты все зайцы. Произойдет и овладение теорией вопроса, и практическая реализация будет "налицо".

Также я решил по итогам путешествия сделать вот эти путевые заметки, которые вы сейчас читаете. Если вы разработчик-новичок (как и я в Ларавеле), то возможно они будут для вас интересными и полезными.

Начну я с описания своего "дипломного проекта", который получился в итоге первичного изучения Ларавели.

https://ch.inumo.ru/ - Учебный проект, выполненный с целью изучения фреймворка Ларавель (Laravel). Главная страница этого сайта.

https://wpvi.ru/pages/story/00097/ - дорожная карта, пошаговая шпаргалка.

Теперь я хочу рассказать, как я знакомился с Ларавель, что мне понравилось и что мне категорически не понравилось.

Первичное обучение я прошел учебно-тренировочном лагере Ларавели вот по этому поддомену:

bootcamp(.)laravel(.)com

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

Какое же у меня было разочарование, когда я зашел на этот учебный лагерь через какое-то время и обнаружил, что никакого учебного лагеря больше нет!

А ссылка выше теперь редиректит сюда:

laravel(.)com/docs/12.x

Это мне очень сильно не понравилось! Я был в шоке. Разве можно так делать? Если по каким-то причинам вы закрыли свой учебный проект, то разместите какое-то сообщение по данному адресу. А то как-то молчком, без объяснения причин. Разве можно так делать?

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

laracasts(.)com - коллекция курсов, экзаменов по Laravel и PHP, а также сообщество, которому нет равных.

Решил я проверить это общество на "вшивость" и задал простой вопрос, "куда делся этот учебный лагерь?"

Мне сильно понравилось, что мой вопрос был опубликован в отдельной ветке и на него поступили внятные ответы по сути вопроса:

laracasts(.)com/discuss/channels/laravel/subdomain-bootcamplaravelcom-doesnt-work-20250302-why

Этот вопрос и ответы в подробном изложении.

Подробности и актуальную информации по этому вопросу вы можете прочитать по ссылке выше, а коротко суть такая.

Ликвидация учебного лагеря связана с переходом Ларавеля с версии 11 на версию 12. Возможно, учебный лагерь возродится через некоторое время с учетом специфики новой версии. Но это неточно.

Лагерь в архиве - Все материалы учебного лагеря сохранились в специальном сайте-архивариусе

web(.)archive(.)org/web/20250206182837/https://bootcamp(.)laravel(.)com

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

Впрочем, не важно. Работает, и ладно.

Кстати, я на всякий случай, еще раз прошелся от начала до конца по учебному курсу в плане создания курсового проекта. Теперь автоматом ставится версия 12 (она сейчас актуальная). Проект работает, но есть незначительные косяки, связанные со стилями. Но это пустяки. В целом все работает. А стили всегда можно подправить.

Давайте, пройдемся по датам. Я пишу эти строки в марте 2025. Сейчас на Ларавеле переход с версии 11 на версию 12. А когда вы читаете этот текст, все может кардинально измениться. Может, актуальная версия будет 13 или 14, может учебный лагерь возобновит работу. Все, что угодно или негодно может случиться.

Так или иначе, мы сделали пока главное. Мы поймали дух Ларавеля. Тут постоянно все меняется, идет какая-та движуха. Тут много народа, который поможет новичку (как я или вы) консультацией бесплатно или за деньги.

Есть ли для вас вообще смысл изучать Ларавель?

Думаю, да. Перспективы Ларавели и ваша будущая зарплата пока выглядят достаточно оптимистично.

И самое главное. Изучение Ларавели очень увлекательный процесс.

Самостоятельная работа

Работа, которая заключается в повторении указаний тренера относительно простая, но не такая интересная.

Хотя для новичка это то, что надо.

После того, как прошлись по шагам учебного центра, самое время сделать что-то свое, без указки тренера.

Ведь намного полезнее придумать задание самому себе и попробовать его выполнить.

Вот такие задания я придумал для себя.

Чередование фоновой окраски сообщений

Смысл этого задания в том, чтобы отделить цветом одно сообщение от другого.

Восхождение на Ларавель Программирование, Гайд, PHP, Laravel, Framework, Веб фреймворки, Изучение, Тестирование, Длиннопост

Достигается такое чередование следующим способом.

resources/views/chirps/index.blade.php

@foreach ($chirps as $chirp)

@if ($loop->even)

<div class="p-6 flex space-x-2" style="background-color:#FFFFF0;">

@else

<div class="p-6 flex space-x-2" style="background-color:#F0FFFF;">

@endif

Задача решается на уровне ядра Лезвия (Blade). Имеется встроенный объект $loop (официально называется переменная), а у него есть свойство even, которое мы и используем в данном случае.

Отображение сообщения в форматах TEXT и HTML

Здесь мы рассмотрим две идеи.

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

Теория вопроса в рамках опять же Лезвия (Blade) следующая.

{{ $chirp->message }} - сообщение отображается в текстовом формате

{!! $chirp->message !!} - сообщение отображается в HTML формате

Тут же приходит мысль, что было бы неплохо одним пользователям, которым мы доверяем безусловно, разрешить HTML формат. А остальные пользователи пусть работают в текстовом формате. Если они попытаются использовать какие-то теги HTML, то все эти теги будут отображаться как текст. Таким образом мы обеспечим требуемый уровень безопасности.

resources/views/chirps/index.blade.php

@if ($chirp->user->id==1)

<p class="mt-4 text-lg text-gray-900">{!! $chirp->message !!}</p>

@else

<p class="mt-4 text-lg text-gray-900">{{ $chirp->message }}</p>

@endif

Разумеется в выражении @if можно придумать и более сложную логику отбора.

Вот и все, что я хотел бы рассказать вам о Ларавели.

Желаю вам успеха, высокого заработка и качественного кода!

...

Первоисточник:

https://wpvi.ru/pages/story/00097/

===

Источники, упомянутые в произведении:

Чинумо - Учебный проект, выполненный с целью изучения фреймворка Ларавель (Laravel)

https://ch.inumo.ru/

===

Показать полностью 2
[моё] Программирование Гайд PHP Laravel Framework Веб фреймворки Изучение Тестирование Длиннопост
3
8929
makasin4ik
makasin4ik
5 месяцев назад

Погорячились в найме :)⁠⁠

Погорячились в найме :)
Зашакалено IT юмор Программист Переписка Повтор Скриншот Веб фреймворки
269
3
linoles
linoles
7 месяцев назад

Поисковые запросы...⁠⁠

Поисковые запросы...
[моё] IT Программист Next Javascript Framework Веб фреймворки Разработка IT юмор Мемы Юмор
2
0
Ragnoboy
Ragnoboy
9 месяцев назад
Серия BZC - просто о веб-технологиях

JavaScript-фреймворки⁠⁠

JavaScript-фреймворков так много, что они уже превратились в нечто вроде новых сортов авокадо — каждый раз появляется что-то ещё более креативное, и, казалось бы, это нельзя улучшить, но вот очередная версия с обещанием "теперь ещё больше подходящей кремовости". Поговорим о фреймворках, которые либо внушают глубокое уважение, либо заставляют разработчиков хвататься за голову.

1. Svelte: фреймворк, который говорит "нет" самому JavaScript'у

Если React — это старший брат, который всё понимает и предлагает классные инструменты вроде хуков, то Svelte — младший, который хочет сделать всё "немного иначе". Svelte не просто фреймворк, он — компилятор. Представьте, что вы пишете код, а потом Svelte такой: "О, давай я уберу весь этот ваш тяжёлый runtime, и просто скомпилирую это в чистый, быстрый JavaScript". Это как если бы шеф-повар не просто готовил блюдо, но и удалял все ненужные калории, оставляя только вкус.

Svelte не использует виртуальный DOM, и это звучит как анархия для тех, кто уже привык к "старой школе". Но его философия настолько элегантна и минималистична, что заставляет многих разработчиков воскликнуть: "Так можно было?!" Svelte как будто хочет освободить всех от боли зависимости на runtime и просто дать вам работу с компонентами, которые сразу же "встроены" в реальность.

2. Vue.js: "разработка по рецепту бабушки"

Vue.js — это нечто среднее между Angular и React, как тот сосед, который приходит и говорит: "Зачем выбирать между двумя, когда можно сделать коктейль из лучшего?". Vue — это фреймворк, который берёт простоту React и мощь Angular, а затем делает что-то настолько дружественное, что кажется, что сам код вас обнимает.

Vue предлагает "реактивность из коробки" — это как если бы ваши компоненты внезапно обрели сознание и стали обновляться самостоятельно, как только что-то в них меняется. Главное, чтобы ваши состояния не стали вести себя как подросток в период бунта, иначе вся система может пойти не по плану.

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

3. Next.js: JavaScript на всех уровнях жизни

Next.js — это как универсальный инструмент, который старается сделать всё. Сначала мы думали, что он просто о серверном рендеринге для React, но нет, теперь он стал чем-то, что желает стать богом полного стека. Хотите создать сайт? Next.js. Нужно генерировать статические страницы? Next.js. Пожарить яичницу? Ну, наверное, когда-нибудь и до этого дойдёт.

Его функция getStaticProps настолько магическая, что напоминает, как будто кто-то догадался накануне скомпилировать вам кофе, чтобы оно само появилось в вашей чашке утром. Ну и, конечно, разработка на Next.js — это как путешествие по магистрали: всё гладко, пока не начнёшь пытаться сделать что-то действительно сложное, например, рендерить что-то динамическое в зависимости от изменчивых настроений сервера.

4. Angular: традиции, тяжесть и TypeScript на стероидах

Angular — это будто JavaScript-фреймворк, одержимый идеей стать корпоративной CRM-системой. С TypeScript по умолчанию и строгой структурой, Angular напоминает большой концертный оркестр, где каждый компонент знает, что и когда делать, но вся эта строгость требует дирижера, который готов помнить всё, что учил за последние годы.

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

Тем не менее, именно Angular может внушать страх, когда вы видите его ng в команде — сразу понимаешь, что сейчас начнётся что-то масштабное. Но если вы привыкли к бюрократии и серьёзности, то Angular — это ваш выбор.

5. Ember.js: старый, но надёжный, как VHS-кассета

Ember.js — это один из тех фреймворков, которые отказались сдаться, несмотря на то, что мода и новинки JS приходят и уходят, как сезоны в "Сверхъестественном", а точнее уже спиноффы. Ember по-своему силён и стабилен. Его концепция — это "конвенция важнее настройки", и это как раз то, чего иногда не хватает в мире хаоса.

Ember — как тот самый VHS-плеер: вроде устарел, но всё ещё работает, а главное, если вы его знаете, то можете гарантировать, что фильмы 90-х годов вы сможете пересмотреть без всяких проблем. Его структуры, вроде "рутов" и "моделей", создают ощущение, что вы находитесь в приличном офисе с табличками на дверях. И это может быть хорошо, когда хочется ясности и порядка.

6. Nuxt.js: Vue и Next в одном флаконе

Если вы представляете себе Vue, который однажды встретился с Next.js, то вы понимаете, что такое Nuxt.js. Этот фреймворк, как лакомый пирог из слоёного теста, совмещает лучшие аспекты Vue с серверным рендерингом и статической генерацией. Это как взять отпуск, где всё включено: не надо беспокоиться о том, как скомпоновать серверную логику и фронтенд, Nuxt уже сделал это за вас.

Nuxt.js так и хочется сравнить с туристическим автобусом — вы можете забронировать место и расслабиться, пока вам показывают все самые классные фичи. Вот только иногда бывает так, что автобус неожиданно меняет маршрут, и вам приходится разбираться, почему же билд сломался на продакшене.

7. Meteor.js: мечты о полном стеке, которые почти сбылись

Meteor.js — это фреймворк, который хотел упростить веб-разработку настолько, чтобы вы, словно по щелчку пальцев, могли получить полный стек. Он обещал вам быть всем сразу: сервером, клиентом, базой данных, а также баристой, который делает ваш кофе по утрам.

Meteor делает разработку как поездку на монорельсе: пока едете по рельсам, всё хорошо, и можно даже получить реальный тайм-апдейт базы данных на клиенте без лишних усилий. Но если вы вдруг захотите сделать что-то особенное, придётся напрячься — Meteor, как и любой монолит, не очень любит, когда его просят свернуть не туда.

Заключение: фреймворки, фреймворки повсюду

Мир JavaScript-фреймворков — это как огромный шведский стол: тут вам и Vue с его простотой, и Angular, который больше похож на трапезу с церемониями, и Svelte, словно лёгкий салат без лишних калорий. Кажется, что каждый год появляется новый рецепт, обещающий избавить нас от всех страданий и сделать разработку лёгкой и понятной.

Главное помнить: любой фреймворк — это всего лишь инструмент, и всё зависит от того, какой проект вы делаете и как хотите это сделать. А если что-то не получается — всегда можно вернуться к ванильному JavaScript, укутаться в console.log() и ждать, пока очередная волна трендов успокоится.

Так что выбирайте фреймворк, готовьте код, и помните: если сегодня все вокруг говорят, что "это круто", вероятно, завтра они уже будут пробовать что-то новое, ещё более блестящее и неуловимое, как все мечты о "идеальном JavaScript-фреймворке".

Показать полностью
[моё] Рекомендации Саморазвитие Программирование IT юмор IT Веб фреймворки Javascript Текст Длиннопост
1
0
prodneupal
prodneupal
11 месяцев назад

Обнаружен идеальный фреймворк с не менее идеальным названием — пиздэц от команды Huly Labs⁠⁠

В его основу легла концепция контролируемого хаоса, что отражено в названии.

У них есть блог только в твиттере, поэтому тегну их там😄

Хули, го заколлабимся?))

Обнаружен идеальный фреймворк с не менее идеальным названием — пиздэц от команды Huly Labs Веб фреймворки, Карьера, Профессия, Трудовые отношения, Мат
Веб фреймворки Карьера Профессия Трудовые отношения Мат
0
15
Shawurma
Shawurma
1 год назад
Инкогнито

А фреймворк вышел 3 года назад⁠⁠

А фреймворк вышел 3 года назад Картинка с текстом, Юмор, Мемы, Программирование, Программист, Веб фреймворки, IT юмор
Показать полностью 1
[моё] Картинка с текстом Юмор Мемы Программирование Программист Веб фреймворки IT юмор
3
nin.jin
nin.jin
1 год назад
Лига программистов
Серия Разнос от Карловского

Препарируем Astro и находим родовые травмы⁠⁠

Классные метрики, но..

- Тормоза и глюки в дев-режиме.
- Сетевые задержки при любой навигации.
- Падение при лагающей/потерянной сети.

Показать полностью
[моё] Программирование YouTube IT Веб-разработка Веб фреймворки Видео
0
2
nin.jin
nin.jin
2 года назад
Типичный программист
Серия Разнос от Карловского

Препарируем Vue и находим родовые травмы⁠⁠

Мелкозернистая ленивая реактивность, но..

- При всплытии исключения компонент просто исчезает
- Нет отсечения эквивалентных изменений.
- Неконсистентное состояние при циклических зависимостях.

Показать полностью
[моё] Программирование IT Программист Веб-разработка Исследования Веб фреймворки Javascript HTML CSS Видео YouTube
7
Посты не найдены
О нас
О Пикабу Контакты Реклама Сообщить об ошибке Сообщить о нарушении законодательства Отзывы и предложения Новости Пикабу Мобильное приложение RSS
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии