Develop + Программирование

4. Bash

Bash — это стандартный командный интерпретатор для систем Linux и Unix. В этом чит-листе собраны основные команды Bash и советы по написанию скриптов.
Bash чит-лист

5. SQL

SQL — это стандартный язык для управления и работы с реляционными базами данных. В этом чит-листе собраны основные SQL-запросы, манипуляции данными и команды управления базами данных.
SQL чит-лист

6. HTML

HTML — это основной язык для создания веб-страниц. В этом чит-листе собраны основные теги HTML, атрибуты и структура.
HTML чит-лист

7. CSS

CSS используется для управления стилем и макетом веб-страниц. В этом чит-листе собраны основные селекторы CSS, атрибуты и советы по макету.
CSS чит-лист

8. Sass

Sass — это препроцессор CSS, который предоставляет более мощные функции и лаконичный синтаксис. В этом чит-листе собраны основные конструкции и функции Sass.
Sass чит-лист

9. Tailwind

Tailwind — это утилитарный CSS-фреймворк, предлагающий множество предопределенных классов. Этот чит-лист поможет вам быстро найти нужные классы Tailwind.
Tailwind чит-лист

10. React.js

React.js — это библиотека JavaScript для создания пользовательских интерфейсов. В этом чит-листе собраны основные концепции React, компоненты и часто используемые API.
React.js чит-лист

11. Angular

Angular — это фреймворк для создания динамических веб-приложений. В этом чит-листе собраны основные концепции Angular, директивы и сервисы.
Angular чит-лист

12. Vim

Vim — это высоконастраиваемый текстовый редактор, любимый многими разработчиками. В этом чит-листе собраны основные команды Vim и горячие клавиши.
Vim чит-лист

13. Linux

Linux — это операционная система с открытым исходным кодом, широко используемая на серверах и в средах разработки. В этом чит-листе собраны основные команды Linux и советы по работе с системой.
Linux чит-лист

14. Docker

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

Надеюсь, эти чит-листы помогут вам на вашем пути в программировании. Если у вас есть другие рекомендации по чит-листам, поделитесь ими в комментариях!

Code Monkey Jonathan Coulton Lyrics Kinetic Typography

ПОЧЕМУ ВСЕ ЛЮБЯТ ПРОГРАММИСТОВ? (Клип) | Громкие рыбы

Есть и еще, но мне то видеоряд не понравится, то сама песня. Если вы знаете хорошие— пишите, я добавлю.

Нам нужно, чтобы картинка располагалась справа. Есть множество способов этого добиться, но сейчас мы рассмотрим twig.

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

paragraph--машинное_имя_параграфа--режим_отображения.html.twig

В моем случае, файл будет называться:

paragraph--title_and_text_and_image--block.html.twig

Теперь можно править разметку.

<div class="titleAndTextAndImage">
  <div class="titleAndTextAndImage__content">
    <div class="titleAndTextAndImage__title">
      {{ content.field_title[0] }}
    </div>
    <div class="titleAndTextAndImage__body">
      {{ content.field_body[0] }}
    </div>
  </div>
  <div class="titleAndTextAndImage__image">
    {{ content.field_image[0] }}
  </div>
</div>

Поле выводим так:

{{ content.машинное_имя_поля }}

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

{{ content.машинное_имя_поля[0] }}

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

Это был простейший пример. Аналогичным образом можно переопределять:

Типы материала:

node--машинное_имя_типа_материала--режим_отображения.html.twig

Таксономию:

taxonomy-term--машинное_имя_словаря_таксономии--режим_отображения.html.twig

Блоки:

block--машинное_имя_блока--режим_отображения.html.twig

Типы медиа:

media--машинное_имя_медиа--режим_отображения.html.twig

Примеры названий файлов twig можно увидеть при включенном twig debug.