How To WebDev

​🧾 Функции в Python (часть 2) Вызов функции Для того, чтобы вызвать функцию, используйте имя функции, за которым следуют круглые скобки. Пример: def my_function(): print('Привет из функции') my_function() Аргументы Информация может передаваться в функции в качестве аргументов. Аргументы указываются после имени функции в круглых скобках. Вы можете добавить столько аргументов, сколько хотите, просто разделите их запятой. В следующем примере есть функция с одним аргументом (fname).Когда функция вызывается, мы передаем имя, которое используется внутри функции для вывода полного имени: def my_function(fname): print(fname + ' Refsnes') my_function('Emil') my_function('Tobias') my_function('Linus') Аргументы чаще всего сокращаются до args в документации по Python. 📋 #Python #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

⚡️В сеть начали массово сливать курсы известных онлайн школ. Вот отсортированные базы с тонной материала: 1. БАЗА (585 видео) (163 видео) – Python с нуля (215 видео) – Backend (43 видео) – Flask (67 видео) – Django (97 видео) – Разработка Telegram ботов 2. БАЗА (1764 видео) (143 видео) – Java (76 видео) – Git (93 видео) – C# (152 видео) – С++ (67 видео) – PHP (127 видео) – SQL (63 видео) – Linux (72 видео) – CSS (96 видео) – HTML (137 видео) – Data Science (113 видео) – GameDev (77 видео) – Figma (104 видео) – Верстка (315 видео) – Frontend (129 видео) – QA Скачивать ничего не нужно — все выложили на YouTube с доступом по ссылке.

​🧾 Функции в Python (часть 1) Функция — это блок кода, который запускается только при вызове. Вы можете передавать данные, известные как параметры, в функцию. В результате функция может возвращать данные. Создание функции В Python функция определяется с помощью ключевого слова: def. Пример: def my_function(): print('Привет из функции') 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 8) Атрибут placeholder Ввод атрибута placeholder задает короткую подсказку, описывающую ожидаемое значение поля ввода (примерное значение или краткое описание ожидаемого формата). Короткая подсказка отображается в поле ввода до того, как пользователь вводит значение. Атрибут placeholder работает со следующими типами входных данных: text, search, url, tel, email, и password. Пример – поле ввода с текстовым заполнением: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 7) Атрибут pattern Ввод атрибута pattern указывает регулярное выражение, по которому проверяется значение поля ввода при отправке формы. Атрибут pattern работает со следующими типами входных данных: text, date, search, url, tel, email, и password. Используйте глобальный атрибут title для описания шаблона, чтобы помочь пользователю. Пример – поле ввода, которое может содержать только три буквы (без цифр или специальных символов): код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Подборка бесплатных курсов по программированию (560 шт.) 1. JavaScript с Нуля - Скачать 2. Поколение Python: Курс для начинающих - Скачать 3. Гарвардский курс по программированию - Скачать 4. Профессия Frontend разработчик - Скачать 5. Алгоритмы на С++ - Скачать 6. Основы Git - Скачать 7. И другие - Скачать

​🧾 Атрибуты ввода HTML (часть 6) Атрибут multiple Ввод атрибута multiple указывает, что пользователю разрешено вводить более одного значения в поле ввода. Атрибут multiple работает со следующими типами входных данных: email, и file. Пример – поле загрузки файла, принимающее несколько значений: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 5) Атрибуты min и max Ввод атрибутов min и max определяют минимальное и максимальное значения для поля ввода. Атрибуты min и max работают со следующими типами входных данных: number, range, date, datetime-local, month, time и week. Используйте атрибуты max и min вместе для создания диапазона допустимых значений. Пример – установите максимальную дату, минимальную дату и диапазон допустимых значений: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

Профессия веб-дизайнера в наше время востребована и хорошо оплачивается! И если ты хочешь научиться работать в Figma или уже работаешь, то этот пост точно для тебя Figma - общий канал по веб-дизайну во всеми нами любимой программе, вы сможете научиться работать в ней даже с самого нуля Макеты Figma - канал, в котором ежедневно публикуются макеты для практики ваших навыков и пополнения портфолио. Полезно как новичкам, так и опытным веб-дизайнерам. Регулярная практика - залог успеха. ⚡️Не упусти свою возможность стать веб-дизайнером и зарабатывать на этом неплохие деньги.

​🧾 Атрибуты ввода HTML (часть 4) Атрибут maxlength Ввод атрибута maxlength задает максимальное количество символов, разрешенных в поле ввода. Когда задано maxlength, то поле ввода не будет принимать больше указанного количества символов. Однако этот атрибут не дает никакой обратной связи. Поэтому, если вы хотите предупредить пользователя, вы должны написать код JavaScript. Пример – установите максимальную длину для поля ввода: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 3) Атрибут size Ввод атрибута size определяет видимую ширину поля ввода в символах. Значение по умолчанию для size 20. Атрибут size работает со следующими типами входных данных: text, search, tel, url, email, и password. Пример – задаём ширину поля ввода: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 2) Атрибут disabled Ввод атрибута disabled указывает, что поле ввода должно быть отключено. Отключенное поле ввода непригодно для использования и не кликабельно. Значение отключенного поля ввода не будет отправлено при отправке формы. Пример поля ввода с ограниченными физическими возможностями: код. 📋 #HTML #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Атрибуты ввода HTML (часть 1) Атрибут value Ввод атрибута value задает начальное значение для поля ввода: Приведём пример, поля ввода с начальными (по умолчанию) значениями: код. Атрибут readonly Ввод атрибута readonly указывает, что поле ввода доступно только для чтения. Поле ввода только для чтения не может быть изменено (однако пользователь может перейти к нему, выделить его и скопировать текст из него). Значение поля ввода только для чтения будет отправлено при отправке формы. Рассмотрим пример, поле ввода только для чтения: код. 📋 #CSS #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 СSS3 Изображение Границ (часть 2) Здесь, средняя часть изображения повторяется для создания границы: #borderimg { border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 round; } Здесь, средняя часть изображения растягивается для создания границы: #borderimg { border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 stretch; } Свойство border-image сокращенное свойство для свойств: border-image-source, border-image-slice, border-image-width, border-image-outset и border-image-repeat. 📋 #CSS #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 СSS3 Изображение Границ CSS3 изображение как граница CSS свойству border-image можно задать изображение, которое будет использоваться в качестве границы вокруг элемента. CSS3 Свойство border-image CSS3 свойство border-image позволяет указать изображение, которое будет использоваться вместо простой границы вокруг элемента. Свойство border-image состоит из трех частей: 1. Изображение для использования в качестве границы. 2. Где нарезать изображение. 3. Определить, следует ли повторять или растягивать среднию часть. Свойство border-image принимает изображение и разрезает его на девять разделов. Затем оно помещается из угла в угол, и средняя часть повторяется или растягивается по мере указания. Для работы элемента border-image также требуется набор свойств border. 📋 #CSS #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Свойства CSS3 закругленных углов border-radius – сокращенное свойство для установки всех четырех свойств border-*-*-radius. border-top-left-radius – определяет форму границы верхнего левого угла. border-top-right-radius – определяет форму границы верхнего правого угла. border-bottom-right-radius – определяет форму границы нижнего правого угла. border-bottom-left-radius – определяет форму границы нижнего левого угла. 📋 #CSS #Совет ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 CSS3 закругленные границы - каждый угол Свойство border-radius может иметь от одного до четырех значений. Правила: Четыре свойства - border-radius: 15px 50px 30px 5px; (первое значение применяется к верхнему левому углу, второе значение применяется к верхнему правому углу, третье значение применяется к нижнему правому углу, а четвертое - к нижниму левому углу). Три свойства - border-radius: 15px 50px 30px; (первое значение применяется к верхнему левому углу, второе значение применяется к верхнему правому и нижнему левому углу, и третье значение применяется к нижнему правому углу). Два свойства - border-radius: 15px 50px; (первое значение применяется для верхнего левого и нижнего правого углов, а второе значение применяется к верхнему правому и нижнему левому углу). Одно свойство - border-radius: 15px; (значение применяется ко всем четырем углам, которые будут закруглены одинаково. Пример кода: Код Также можно создать эллиптические углы. Пример: Код 📋 #CSS #Код ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 CSS3 Закругленные углы границ CSS3 свойству border-radius, можно придать любой элемент "закругленных углов". CSS3 Свойство border-radius CSS3 свойство border-radius определяет радиус угла элемента. Это свойство позволяет добавлять закругленные границы к элементам. Существует несколько типов закруглённых границ: 1. Закругленные углы для элемента с заданным цветом фона. 2. Закругленные углы для элемента с границей. 3. Закругленные углы для элемента с фоновым изображением. Пример кода: код. Свойство border-radius, сокращенное свойство для свойств border-top-left-radius, border-top-right-radius, border-bottom-right-radius и border-bottom-left-radius. 📋 #CSS #Код ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Тип ввода "week" input type="week" позволяет пользователю выбрать неделю и год. В зависимости от поддержки браузера в поле ввода может отображаться средство выбора даты. Пример: Код 📋 #HTML #Код ▬▬▬▬▬▬▬▬ // How To WebDev

​🧾 Тип ввода "url" input type="url" используется для полей ввода, которые должны содержать URL адрес. В зависимости от поддержки браузера поле url адреса может быть автоматически проверено при отправке. Некоторые телефоны распознают тип URL адреса, и добавляют ".com" на клавиатуре, чтобы соответствовать вводу URL адреса. Пример: Код 📋 #HTML #Код ▬▬▬▬▬▬▬▬ // How To WebDev