👽🛸 С чего начать изучать Laravel 🔭👀

Иногда бывает так, что хочется в чём-то разобраться, но никак не знаешь, с какого конца подступиться. Но, с Laravel всё куда как проще. Есть документация, и её имеет смысл начинать читать с начала:

Документация на русском языке по Laravel 8. Введение в Ларавел.

Хотя... Без хотя бы поверхностного понимания того, что такое ООП применительно к программированию на php + что такое базы данных, хотя бы на примере широко распространённого MySQL или MariaDB, лучше конечно за Laravel не браться. 🙈

Ну, и как само собой разумеющееся, - это знание HTML, CSS и основ написания скриптов на JavaScript... хотя, JS может и не понадобится на первых порах, но на последующих порах, понадобится однозначно! Ибо даже при написании бекэнда, понимание того, как работает фронтенд, тоже обязательно! 🙀

В любом случае, если даже мне удалось хоть что-то в этом начать понимать, то у всех других тоже обязательно получится! И это только начало! 🤠

Продолжение преследует! ✌😸🏴‍☠

🦑🐙 Эволюция головоногих и пряморуких 👺👻

Немножко ничего не успеваю [по крайней мере по своим проектам]. Например, по этому 😉

Лунная База - Горячий старт на просторы интернета

Поэтому, поделюсь частью своей личной переписки:

==========

Если более общими словами, то Laravel - это следующая ступенька по созданию более сложных проектов.

Ступень 0. Tilda или ещё какой конструктор для безголовых ))
Ступень 1. HTML
Ступень 2. HTML + CSS
Ступень 3. HTML + фреймворк CSS+JS (например, Bootstrap)
Ступень 4. WordPress
Ступень 5. Joomla, ModX, Bitrix, Opencart или ещё какая CMS-ка для сознания многостраничных сайтов.
Ступень 6. Laravel (или Symfony) - php-фреймвок
Ступень 7. Написание или сборка собственного фреймворка (но, оно навряд ли надо). ))
Ступень 8. Написание собственного языка программирования
Ступень 9. Написание собственной операционной системы
Ступень 10. Создание собственного процессора и на его основе компьютера.
Ступень 11. это не предел 🤣

==========

Ну и, я вернусь, обязательно вернусь! Только с тем, что навалилось разгребусь! 🙃 Ибо...

Продолжение преследует! ✌😸🏴‍☠

👻 Joomla 5 — обновление или фикция? 🏴‍☠

Джумлоиды выкатили обновление:

Что нового в Joomla 5. Официальные новости.

Вопрос о том, на сколько это мажорное обновление остаётся открытым, т.к. в код я не лазил, но обновился и у меня есть пара вопросов по этой теме: 😜

1. О каком обновлении может идти речь, если Joomla 5 до сих пор работает на php 8.1 в то время, как программеры PHP уже готовят к релизу версию php 8.3, а 8.2 уже давно и прочно работает? 🙀

2. Вот что-то мне подсказывает, что снова всё было выпущено, как обычно, в спешке, и не пройдёт и недели, как они снова начнут как ужаленные писать заплатки в обнаруженные дыры. (Так у них постоянно, и, я очень хочу, чтобы в этот раз я ошибался.) 🙈

3. То, что они вкорячили Schema в HTML разметку — это кончено волшебно, но вот то, что кэширование стало ещё чаще требовать очистку (даже при новой публикации, не говоря уже о том, что при внесении обновлений требуется сносить нафиг весь кэш). Даже при работе в админке с правами Super User... Это вообще — нормально? 🤪

4. ТinyMCE они конечно подтянули версию, только сколько народа слегло с инфарктами после обновления? И это снова потому, что всё в стиле: "А нафига нам чистить кэш?" ... Ну, могли хотя бы выдать всплывающее предупреждение о том, что все CSS стили и JavaScript лежит на старых местах и нужно просто обновить кэш браузера... а не пытаться одной рукой взять из холодильника пиво, а другой — валилод из аптечки. 😝

5. Документации похоже так и не предвидится! 🐒

Но... В общем, ребята молодцы!
Рад за них 🤣

Продолжение преследует! ✌😸🏴‍☠

😸😸😸😸 Сколько котиков на картинке? 😻😻😻😻

Как посчитать котиков на картинке, сообразит почти каждый, а вот как включить или выключить что-нибудь прошаренное в Helix Ultimate, - это уже большой вопрос! Поэтому, читаем и не говорим, что не читали:

Расширенные настройки Helix Ultimate в админке Joomla

Helix Ultimate от JoomShaper в расширенных настройках позволяет включить сжатие CSS и JavaScript, включить ленивую загрузку, отключить/включить Font Awesome, обновить список доступных шрифтов Googe Fonts, добавить код Google Analytics, а также импортировать-экспортировать настройки шаблона.

В общем, много полезного, ну и конечно вредного (если не знать, что происходит во время включения/выключения той или иной опции). И если кто-то до сих пор не знает, что такое HTML, то лезть в настройки Joomla, может быть, ещё рановато. Так что, следим за новостями и, конечно, ...

Продолжение преследует! ✌😸🏴‍☠

P.S. Так и сколько в итоге котиков вышло на картинке? 😉🤣

🙀👻 Короли могут не всё! Но программисты... 😸✌

На что не способен программист, наука о высшей психической деятельности приматов вида Homo sapiens не даёт чёткого ответа... Например, php фреймворк Yii 2 использует собственный синтаксис HTML ... и это похоже никого не смущает:

Html-помощник в Yii 2

Хотя... меня то смутило! 

Но... читанув то, что содержит их #документация, я слегка успокоился:

Если ваша разметка близка к статической, лучше использовать непосредственно HTML. Нет никакой необходимости в том, чтобы всё подряд оборачивать вызовами Html-помощника.

И это радует! Значит не всё ещё потеряно и здравый смысл всё ещё приветствуется! Ура! ... и конечно...

Продолжение преследует! 

📌📌 Кнопка + Кнопка + 📝 Пара строчек = Функционал 🧻 🤣

Пишем первый код на Livewire 3 под капотом Laravel

Первая программа на Livewire для Laravel

Это первая инструкция из официальной документации Livewire.

Причём всё реально наглядно-понятно так, что даже школьник справится... Так что пока всё выглядит очень простым, но, я знаю, что чем проще кажется, тем оно более сложно устроено внутри! 😜

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

Никакого тебе CSS и JavaScript ... и даже HTML всего сточек 10. И примерно столько же php. И вот она магия! Всё летает из браузера на сервер и обратно 🦅 без перезагрузки страницы! 🧞‍♀

Куда это дело присобачить? Пока никуда. Это просто пример "для заманухи" и презентации того, как якобы всё просто Livewire в Laravel может сделать. Но... что-то мне подсказывает, что дальше будет гораздо интереснее. Так что...

Продолжение преследует! ✌😸🏴‍☠

~~~~ Вкалывают роботы, - счастлив человек! ~~~~

И снова о ларавельцах - очумелых умельцах. На этот раз на фоне освоения Filament в Laravel всплывает новый (одноглазый 👁) персонаж - Livewire 👅

Livewire — компонент Laravel для создания интерфейсов сайтов

И всё это только ради того, чтобы подцепить интерфейс создания интерфейсов в этот php-фреймворк. 👻🙈

Судя по описанию, Livewire может очень многое. Начиная от помощи в создании форм и заканчивая модульной загрузкой страниц сайта. И то, что не может быть сразу сформировано как часть HTML, то вставляется на страницу в виде заглушки и дозагружается поле того, как сервер получит все данные, сформирует ответ в браузер и только после этого выгрузит на уже отрисованную страницу в специально для этого зарезервированное место... А ещё Livewire обещает рисовать на лету красивые графики и диаграммы! 😻

Надо смотреть дальше. Так что...

Продолжение преследует! ✌😸🏴‍☠

~~~~ А не закэшировать ли нам всё? ~~~~

Что такое кэш? Кэш - это не полный трэш, - это полезная (в программировании) штука, которая позволяет хранить уже полученные (а иногда даже и обработанные) данные. Как это описывает инструкция по php-фреймворку Yii 2

Что такое кэширование в Yii 2

Ну и как следует из самого слова фрейворк (которое явно взято из СШАмериканского языка и по-русски ничего не значит), Yii должен выполнять все базовые функции для того, чтобы программист не тратил своё время на написание кода, который будет обязательно присутствовать в 90% всех его приложений. А тратил своё время на еду, сон и, конечно, компьютерные игры! ✌🤠🏴‍☠

Ну и кэширование является той самой задачей, которая должна быть решена. Для того, чтобы всё работало быстрее, сервер не перегревался от многочисленных запросов к базе данных и рендеринга HTML или JSON ответов в браузер или мобильное приложение пользователям.

В общем, - кэширование - это хорошо! (Даже в Yii.) 🤣

Продолжение преследует! ✌😸🏴‍☠

~~~~ Немного истории ~~~~

До того как Twitter написало свой эпохальный 12-ти колоночный CSS фрейворк приходилось либо пользоваться табличной вёрсткой, либо вообще использовать фреймы. (О времена! О нравы!) 🙀🙈

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

Студия Nextend и её плагины для Joomla и WordPress

Студия Nextend как раз в это время запилила и начала продавать плагины для Joomla и WordPress с конструктором красивого и функционального меню для сайта (Accordion Menu). А также полноприводный плагин для создания слайдеров на сайт (Smart Slider). Причём этот Smart Slider был (и остаётся по сей день) очень гибким и просто настраиваемым инструментом с возможностью кэширования полученных слайдеров (если нужно) или их динамического изменения, если нужно опираться на актуальные данные.

Accordion Menu в итоге они забросили. (Кстати, - хороший повод для создания на его основе собственного платного программного продукта) 😉.

Ну и создали что-то новенькое: Nextend Social Login. Но только под WP... в общем, попсятина. Но, т.к. они до сих пор на плаву, это говорит о том, что они знают что делают! 👩‍🚀👍

Продолжение преследует! ✌😺🏴‍☠

~~~~ Давным-давно. В далёкой-далёкой галактике... ~~~~

В те времена, когда Joomla 3 была ещё молодой, он-лайн конструкторов сайта не было даже в виде идеи, а веб-мастера знали HTML, одна небольшая, но деятельная веб-компания под названием Nextend выпускала и раздавала [платно] свои продукты... И одним из них был конструктор меню сайта. (Кстати, навороченный и с красивым результатом.

Как включить показ количество статей в категории в настройках свойств меню категорий и материалов Joomla в Nextend Accordion Menu

По ссылке выше можно посмотреть, как всё было весело и замечательно! 😉

~~~~ Мелкие радости жизни ~~~~

Для тех, кто не мыслит жизни без Интернета, но всё ещё не знает, как он работает, у меня есть чёткое понимание, с чего нужно начать:

Создание текстового HTML-файла в Notepad (Блокнот)

Начинать нужно с самого простого - с Notepad и HTML! ✌👩‍🚀🏴‍☠

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

Всё потому, что мало кто понимает, как работает Интернет.

Именно поэтому у меня всегда:

Продолжение преследует! ✌😺🏴‍☠

~~~~ Феерично-психоделичненького котика в ленту! ~~~~

Поводом на этот раз стало переопределение CSS стилей и вставка дополнительного JavaScript (а также какого угодно HTML кода) в шаблоны JoomShaper через их[ний] фреймворк шаблонов Helix Ultimate:

Как вставить свой код в Helix Ultimate (CSS / JS / Meta)

Как обычно, - перевод со СШАмериканского паскистанских (или какие они там) программеров... Написано, на мой вкус, жестковато и невнятно... Но тут могут помочь либо танцы с бубном для выхода в состояние получения опыта методом проб и ошибок, либо литр-другой пива (для снятия ограничений и шор с сознания), либо и то и другое, либо третье - обращение к специалисту за помощью. 😜

Продолжение преследует! 
✌😺🏴‍☠

~~~~ Котиков (и пёсиков) в ленту! 🤗 ~~~~

Пересобрал и подвигал категории с пунктами двух меню. В итоге получилась вот такая весёленькая категория для JoomShaper

JoomShaper создает расширения и премиум шаблоны Joomla

Писать шаблоны для Joomla достаточно просто, но используя SP PageBuilder встраиваемый во фреймворк шаблонов Helix от JoomShaper ... особенно при использовании премиум-шаблонов, значительно проще и быстрее.

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

Так что перестаньте уже учить всякие СШАмериканские языки (есть уже достаточно внятно работающие переводчики), и начните изучать HTML... в конце то концов! 🤣🤣🤣

Космокотики рулят, а... 
Продолжение преследует! 
✌😺🏴‍☠

~~~~ Космокотики. Продолжение! 🤣 ~~~~

Котиков в ленту! 😸

Кто начинал с HTML (ни о каком HTML 5 ещё никто даже не подозревал, как и о CSS и JavaScript) и писал код на Perl сидя почти на сервере, тот я. ✌👩‍🚀🏴‍☠

После этого пришли CMS и встал сложный выбор: WordPress или Joomla... Ну и в итоге выбор пал на Joomla. О чём вообще нет никаких сожалений. После этого было ещё много баловства со всякими разными CMS'ками, но Joomla для меня оставалась и остаётся самой предсказуемой и настраиваемой из всех тек,  с которыми я пользовался.

Движки сайтов — CMS (Content Management System)

Никого ни к чему не призываю, но WordPress - адское изобретение, которое получило свою распространённость среди неокрепших умов веб-[ло]мастеров исключительно благородя своей простоте (поэтому в ней можно косячить... и ведь повально косячат). 🤪

В общем, когда требуется сделать какой-нибудь лэнедос всего лишь с формой обратной связи, я буду использовать Bootstrap + php... А когда требуется многостраничник, Joomla (если конечно у клиента мозг не так сильно вымыт рекламой от WP, что он ничего другого просто не слышит и не воспринимает)... Тогда приходится мучаться. 😝

Продолжение преследует!  
Космокотики обещали вернуться!✌😺🏴‍☠

~~~~ Азы HTML, CSS, Bootstrap ~~~~

Итак, мы позанимались, причём я всё смонтировал кажется уже 2-го... И тут такое началось! 👻🙈🤣

В общем, только освободился. И дораскидал по видео-хостингам очередной видос, в котором есть важные заметки о HTML

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

Кому интересно, смотрим, лайкаем, репостим:

Азы HTML, CSS, Bootstrap

Кому не интересно, можно посчитать котиков на заставке. 😺✌

~~~~ Бесплатный мастер-класс! Основы BASH. 🤠✌ ~~~~

Котиков в ленту! 🤠✌

Основы BASH. Бесплатный мастер-класс

Это третье занятие в Веб-[ло]мастреской. Возвращаемся на сервер и начинаем писать свой первый скрипт на BASH. В итоге должен получиться шаблон интерактивного скрипта на BASH, в который встроены переходы на отдельные списки скриптов и переходы между Главным меню и страницами с возможностью запуска различных программ по управлению и настройками выделенного сервера из консоли (командной строки).

Содержание:

00:00 Проверка выполнения задания по основам HTML 
03:00 Задание к занятию по HTML 
06:11 Рекомендация: update и upgrade при заходе на сервер 
08:12 Постановка задачи по написанию BASH-скрипта 
09:48 Подготовка места размещения и файл для скрипта на BASH 
10:41 Создание первого скрипта на BASH 
12:43 Переходы из папки в папку из консоли Linux командой cd 
13:33 ls - команда просмотра содержимого директории 
14:04 Как нужно запускать скрипт на BASH из консоли 
14:45 Права доступа к файлам в Linux 
19:33 Кодировка файла в системах Linux 
21:17 echo - вывод текстовой информации в BASH 
22:09 clear - очистка экрана в BASH 
22:51 Комментарии в скриптах на BASH 
23:51 Настройка Notepad++ для работы с BASH 
27:45 read - чтение введённого с клавиатуру  в переменную BASH 
31:52 Служебные символы в текстовом выводе на BASH 
37:50 Константы в BASH 
39:53 Подготовка кода BASH для интерактивности скрипта 
41:51 if-fi - условия в скриптах BASH 
44:32 Защита от дурака в скриптах BASH 
45:01 Многоступенчатые условия в скриптах BASH 
47:37 sourse - подключение дополнительного файла с кодом BASH 
52:39 chmod -R - смена прав с рекурсией для всех скриптов во вложенных папках 
56:25 Задачи для самостоятельной работы к текущему занятию 
57:29 Для чего мы пишем этот скрипт на BASH 
1:02:23 План для следующего занятия 
1:04:30 Завершение, занавес, аплодисменты + лайки, комментарии и подписка ;) 
 
Задачи для самостоятельной работы к этому занятию: 
1. Вставить картинку на страницу. 
2. Сделать эту картинку ссылкой 
3. Проверить порядок хранения данных у себя на компьютере 
4. Создать файл с паролями к своему проекту 
5. Кодировка Unix в Notepad++ по умолчанию 
6. Первый bash-скрипт. 
 
Мои контакты тут: 
https://mb4.ru/support.html 😉

~~~~ Проблемы с головой? Решаемо! 🤣 ~~~~

Продолжение перевода инструкции для Helix Ultimate от JoomShaper.

На этот раз о том, как работать с шапкой сайта: 
1. Взять готовую разметку из 9-ти вариантов из коробки. 
2. Сделать собственную шапку.

Настраиваемые заголовки фрейворка шаблонов Joomla 4 Helix Ultimate

Всё не то, чтобы совсем просто, но и при знании основ Bootstrap, Joomla, php и HTML, не составит труда разобраться и начать собирать собственные адаптивные шаблоны. И, возможно, продавать их пачками, как это делают Web-студии, пока у них нет заказов, а зарплату сотрудникам надо за что-то начислять.

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

~~~~ HTML, Bootstrap и... Helix Ultimate от JoomShaper ~~~~

Продолжение перевода инструкции по использованию Helix Ultimate от JoomShaper

Создатель макета Helix Ultimate 

Для того, чтобы сделать хоть что-то осмысленное в нём, например, собрать обычный лэндинг, конечно необходимы базовые знания HTML, а также понимание того, как в Bootstrap работает сетка ширин макета под разные типы устройств... Ну и уметь считать хотя бы до 12-ти. 😜 
 
В общем, всё просто и никакой магии при наличии минимальных знаний и умения их использовать без костылей тира "Всемирно известного и супер популярного фреймворка шаблонов под Joomla от JoomShaper!" 🤣 
 
Ну и там ещё много чего интересного, так что следим за новостями. 😉 
 
Продолжение преследует! 🤠✌

~~~~ HTML очень просто для чайничков ~~~~

В этом видео отдохнём от настроек сервера и научимся создавать свою первую домашнюю страничку (homepage) на простейшем HTML. А также обсудим, как делать правильно, как писать код красиво, и как всё это будет нравиться поисковым машинам (основы SEO (СЕО)). 
 
Итак, поехали! 🤠✌

HTML с самого начала. Рабочая среда Веб-мастера, немного SEO, Яндекс и другая дикая фауна Интернета. 

==== Задания к следующему занятию ==== 
 
1. Навести порядок с хранением паролей, файлов и ссылок 
2. Учётная запись на Yandex (ya.ru) 
3. Включить показ скрытых файлов в Notepad++ 
4. Homepage 

~~~~ ✌🤠 Первое занятие в Веб-[ло]мастерской 🤠✌ ~~~~

С самого начала достаточно глубокое погружение. Для тех, кто не в теме, - пугаться не надо того, что что-то не до конца ясно и прозрачно. 
 
По факту оказалось, что используется много новых названий, понятий и просто слов, которые ранее не использовались. Это нормально! В процессе погружения, а затем всплытия на поверхность с собственным работающим проектом, всё в конечном счёте станет понятно: 
 
Почему именно в такой последовательности? Что происходит? А можно сделать как-то проще? Есть ли другие варианты? Что делать, если?... И другие вопросы. Всё это обсудим, выясним, и, если нужно, расширимся и углубимся. 
 
Как принять участие в Веб-[ло]мастерской читаем в описании Плей-листа: https://youtube.com/playlist?list=PLnT9W2UZFxjlRtkt74qGngyUmMhzBFrYz

Для мальчишек и девчонок, а также их родителей... и прародителей, их породивших! =D
 
Моя партнёрская ссылка для заказа учебного сервера: 
https://firstvds.ru/?from=17960
 
Промокод, который нужно указывать при заказе: 
64817960

==== Отчёт о том, что было рассмотрено и изучено ==== 

00:00 Вступительная часть 
00:51 Примерный план на это занятие 
01:47 Как заказать учебный сервер 
03:42 Личный кабинет Веб-[ло]мастера на хостинге 
06:41 Как выбрать свободный домен для сайта 
08:39 Заказ виртуального сервера 
12:06 Формальные данные владельца сервера/домена 
13:44 Где брать пароли доступа к своему серверу 
17:22 PuTTY - программа для входа на сервер 
18:50 Как определить разряднось Windows 
22:50 Настройка PuTTY для работы с сервером 
28:47 Небольшое знакомство с Debian 
29:33 Установка NGiNX на сервер 
48:51 Установка дополнительного ПО на сервер 
50:57 Notepad++ 
56:30 Кириллица в NGiNX 
1:04:43 Планы на будущее 
1:14:40 Подведение итогов 
1:19:51 Мультик на позалипать =) 

==== Что нужно сделать к следующему занятию ==== 

1. Взять в аренду сервер по моей партнёрской ссылке. 
2. Установить PuTTY и настроить связь с сервером 
2.1* Разобраться, как настроить сервер так, чтобы он отдавал таблицы псевдографикой, а не шрифтами (тогда будет красиво в mc). Временная метка в видео 49:45 
3. Установить Notepad++ и настроить связь с сервером 
4. Установить и настроить NGiNX на сервер (включая настройку отображения кириллицы). 
5. Подобрать домен, но пока не покупать. (Не обязательно.) 
 
* п.2.1 если будет время и желание сделать это самостоятельно, а потом рассказать, как это сделать. 
 
В итоге: 
 
По IP в браузере будет выдаваться страничка, на которой будет написано что-то по-русски. Не важно что, главное, чтобы не кракозябликами. =)