Статьи об IT

Web-программирование - Шпаргалки и простые примеры: php, vue, html, css, modx, javascript - Полезное

И вначале реклама, небольшой блок. Прошу не сердиться и не вносить ее в фильтры блокировщиков.

подробнее о рекламодателе можно узнать внутри блока
Спасибо. А теперь сам материал.

Литература

PHP + MySQL:

Отличнешая книга по PHP8, расписано практически все - Дмитрий Котеров, Игорь Симдянов, PHP 8 , Издательство БХВ. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra243qZj )

Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 6-е изд., Робин Никсон, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra249tEV )

MySQL по максимуму, Сильвия Ботрос, Джереми Тинли, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23WGNd )

Laravel 9. Быстрая разработка веб-сайтов на PHP, Владимир Дронов, Издательство БХВ. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23WwLV )

Общее про SQL. SQL: быстрое погружение, Уолтер Шилдс. Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23ZdBw)

JavaScript:

JavaScript и Node.js для веб-разработчиков, Николай Прохоренок, Издательство BHV-CПб. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23SuZK)

Новые возможности JavaScript. Как написать чистый код по всем правилам современного языка, Ти Джей Краудер, Издательство БОМБОРА.  Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid:Kra23Uaxy )

JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание, Александр Кириченко, Издательство Наука и техника. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23VbQm  )

JavaScript с нуля до профи, Роб Персиваль, Майке вае Путтен, Лоренс Свекис, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23Vvth )

React:

React. Сборник рецептов, Дэвид Гриффитс, Издательство БХВ. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23XcJM )

React. Современные шаблоны для разработки приложений, Алекс Бэнкс, Ева Порселло, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23YHGD )

Изучаем React, Кирупа Чиннатамби, Издательство БОМБОРА. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23Yck9 )

Разное:

Паттерны объектно-ориентированного проектирования, Эрих Гамма, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23dKVB )

Проектирование веб-API, Лоре Арно, Издательство ДМК Пресс. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23dzT3 )

Git для профессионального программиста, С. Чакон, Б. Штрауб, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23efQu)

Docker без секретов, Сайбал Гош, Издательство BHV-CПб. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23ihC5 )

Безопасность веб-приложений. Эндрю Хоффман, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23iMi9 )

NGINX. Книга рецептов, Дерек Де Йонге, Издательство ДМК Пресс. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23jN9w )

UX/UI дизайн для создания идеального продукта, Ярослав Шуваев, Издательство БОМБОРА. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23jhds )

100 главных принципов дизайна, Сьюзан Уэйншенк, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23kNbj )

И моя любимая, которая к программированию сайтов, конечно же не относится, но все же уж очень нравится она мне - Компьютерные сети. Принципы технологии протоколы. Юбилейное издание, Виктор Олифер, Издательство Питер. Купить в Читай-город (Реклама: ООО "Новый книжный центр" ИНН 7710422909, erid: Kra23mP3X )

 

Сайты

Codepen - пожалуй не стоит в представлении. Помимо интересных идей и наработак других программистов, можно тренироваться и писать свой код в песочнице практически на любых библиотеках.

RapidApi - огромная база API библиотек и сайтов расширяющих ваш сайт

Или же огромный список доступных публичных API - https://github.com/public-apis/public-apis

Рейтинг CMS по версии Wapallazer (популярное расширение для браузеров) - https://www.wappalyzer.com/technologies/cms/

Документация по Twig - https://dev-gang.ru/doc/twig/intro/

Документация по markdown - https://gist.github.com/Jekins/2bf2d0638163f1294637,

Документация по json  https://developer.mozilla.org/ru/docs/Learn/JavaScript/Objects/JSON,

Документация по yaml https://yaml.org/

Документация по php php.net

Docker Hub - https://hub.docker.com/ и документация https://docs.docker.com/

Документация по GitHub - https://docs.github.com/ и просто по GIT https://git-scm.com/doc

Документация по NodJS - https://nodejs.org/en/docs 

Документация по React - https://legacy.reactjs.org/docs/getting-started.html

Документация по NestJs - https://nestjs.ru/

Примеры различных панелек на ExtJS (не забудь поменять версию) - http://extjs.cachefly.net/ext-3.4.0/examples/

Шпаргалка по Emmet https://docs.emmet.io/cheat-sheet/

Документация по всему - https://webinmind.ru/

----

Блог разработчиков от  Google Chrome.

Caniuse - Проверяем доступность в браузерах свойства CSS 

Документация по моему любимому фреймворку CSS Bulma. - https://bulma.io/ , 

Документация по Популярному фреймворку CSS Tailwind  - https://tailwindcss.com/

Документация, конечно же, по Bootstrap (не забудьте менять версию вверху) - GetBootstrap

Документация, а еще есть такой CSS фреймворк, как Foundation, признаюсь честно - неосилил, мощная мащина - Get.foundation

Документация по Ukit Getuikit.com

Документация по Vue3 vuejs.org

Документация по Yii2 yiiframework.com

Документация по Laravel laravel.com

Пройдемся по CMS

October CMS https://octobercms.com/

GravCMS https://getgrav.org/

GhostCMS https://ghost.org/

Drupal CMS https://drupal.org/

Joomla CMS https://joomla.org/4

Wordress https://wordpress.com/

MODx https://modx.com/ - обожаю его

Сообщество Modx с магазином расширений, готовыми решениями, теплым коллективом и добрым советом https://modx.pro/

Документация по ExtJS https://docs.sencha.com/extjs

Полный справочник - документация по Fenom - https://github.com/fenom-template/fenom/tree/master/docs/ru

https://fontawesome.com/docs - ну Awesome, ну шрифт :-) 

Документация по Composer https://getcomposer.org/

https://figma.com/ - Figma, маст-хэв всех дизайнеров

Очень хорошо и просто про PDO в php https://prowebmastering.ru/php-pdo-start.html

Создаем макеты лендингов https://mobius1.github.io/Pageable/#page-1

Да, кстати, Конструкторы сайтов

Tilda. https://tilda.cc/ - все знают Тильду. Многие программисты с нее эмоционально вспыхивают и устраивают постоянные дискуссии в тематических и не очень каналах и форумах. Я ничего плохого в ней не вижу.

https://wfolio.ru/ - Идеален для фотографов! продумано все, до мелочей. Кстати, вот отличный фотограф, рекомендую https://poddubny.info/ 

https://nethouse.ru/

https://fo.ru/

https://lpmotor.ru/

https://lpgenerator.ru/

да и еще сотни

Шикарная таблица юникод кодов для эмодзи смайлов. Особенно круто для разработки телеграм ботов https://apps.timwhitlock.info/emoji/tables/unicode

Документация по API Telegram Bot https://core.telegram.org/bots/api к слову их совсем не сложно писать на php, а помогают здорово. Вот еще документация переведенная https://tlgrm.ru/docs/bots/api

----------------

https://codentools.com/jquery-to-javascript - Конвертер из Jquery в JavaScript (дожились)

Очень крутые инструменты от Adobe для получения кода цвета в hex и иных видах, может даже по фото цвета подобрать - https://color.adobe.com/ru/create/color-wheel

И еще один генератор пастельных цветов и спокойной цветовой гаммы - https://colorhunt.co/palettes/pastel

И еще одная цветовая схема -- https://colorscheme.ru/

Генератор Favicon под все устройства - https://realfavicongenerator.net/

Преоладеры - https://icons8.com/preloaders/

Яндекс для разработчиков - тут и API карт, и js библиотеки, и метрика и облачные решения - https://yandex.ru/dev/

Проверка правильности заполнения мета-тегов OG - https://metatags.io/

Cli команды для синхронизации по протоколу AWS - https://docs.aws.amazon.com/cli/latest/reference/s3/sync.html

Speechkit от яндекса Документация https://cloud.yandex.ru/docs/speechkit/quickstart - прикольная технология - вы отправляете текст, а получаете ogg озвучку

К слову у Яндекса очень много крутых облачных решений, рекомендую. Хотя бы даже один онлайн перевод https://cloud.yandex.ru/services#featured

Кабинеты для вебмастеров

Google - https://search.google.com/search-console

Яндекс - https://webmaster.yandex.ru/

Чуть позже распишу все полезные сервисы от Яндекса и Гугла.

PageSpeed от Google https://pagespeed.web.dev/

 

Хорошая статья по уведомлениям в режиме реального времени - https://intellect.icu/prilozheniya-realnogo-vremeni-i-polling-long-polling-websockets-server-sent-events-sse-webrtc-7016

собственно официально про SSE - https://learn.javascript.ru/server-sent-events

Конвертер HTML сущностей в обе стороны (в свое время очень сильно выручил) - https://www.online-toolz.com/langs/ru/tool-ru-text-html-entities-convertor.html

Один из сотни готовых генераторов, генератор полно экранных страниц сайтов - https://mobius1.github.io/Pageable/#page-1, отлично подойдет для лендингов

ОЧЕНЬ КРУТАЯ ШТУКА - набор для apache, nginx и т.д. правил для блокировки различных ботов на сервере или сайте. Пользоваться очень осторожно!! - https://github.com/mitchellkrogza/apache-ultimate-bad-bot-blocker  сто раз перечитайте и подумайте или отредактируйте для себя. Будьте предельно аккуратными, вся ответственность на вас и только на вас. Я лично использую решения от Cloudflare. 

Собственно Cloudflare https://www.cloudflare.com/ - очень полезный и важный сервис, который поможет от быстрой светы ns записей домена и кеширования до cdn, защиты сайта, ограничений доступа и прочим прочим

Поиск различных SVG и PNG - https://undraw.co/

Поиск различных мокапов для оформления - https://www.mockupworld.co/all-mockups/

Статусы страниц с котиками - https://http.cat/

Регистрация доменов с моей реф-ссылкой  - https://www.webnames.ru/tld/catalog/?ref_id=139640

Шикарный генератор различных паттернов, есть даже плагины под Figma - https://www.magicpattern.design/

Конвертер стандратного шаблонизатора под шаблонизатор Fenom в modx - https://m2f.zencod.ru/

 ... и это еще не все, будут ссылки на софт и прочее.

 

Разное 

Отличный YouTube канал Анны Блок про Css и верстку. Всегда рассказывает про новинки в css и js. Иногда проводит шикарные стримы, где отвечает на любые вопросы по frontend программированию. Ведет телеграм-канал Типичный Верстальщик. YouTube | Telegram | ее крутейший сайт с полезностями и шпаргалками

Тоже канал про фронтэнд от RED Group. Достаточно интересные вещи кодит в прямых эфирах, доступны хорошие видео по react. YouTube

 Телеграм канал про веб разработчиков - Веб-Страница.

Телеграм канал программистов на October CMS, Перейти

А это программистов на Grav CMS. Перейти

Чат-бот на основе ChatGPT по Modx. Быстрее, чем в справке искать. Открыть.

ТГ канал с API. Обновляют информацию редко, но все равно интересно. Открыть

Официальный канал Яндекс Метрики и Яндекс Облака

YouTube канал разработка Академии Яндекса

 

Очень полезная кастомная клавиатура, где вы можете запрограммировать любую клавишу (у продавца есть еще много разных вариантов, например с регуляторами). (Реклама: Aliexpress).

Софт

 

 Материал еще не окончен и будет дополняться. Впереди php - curl, api, фильтрация данных, проверки, массивы, modx, полезные книги, youtube и т.д..

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

 
 
 

Похожее

draw I
draw I
draw I
draw I

 quote a81ca

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

 

i

Будет осуществлен переход на сайт Yoomoney

 

draw I

 


Внимание: На сайте могут присутствовать ссылки ePN

Мини-портфолио

очередной бесполезный блог