How To WebDev
Kanalga Telegram’da o‘tish
Заявки принимаются моментально! Обучаем фронтентду и бекенду просто и понятно! Сотрудничество: @me_Smith Ссылка на канал: @HowTo_WebDev
Ko'proq ko'rsatish3 353
Obunachilar
Ma'lumot yo'q24 soatlar
-157 kunlar
-6130 kunlar
Postlar arxiv
3 353
🧾 Комментарии JavaScript (часть 1)
JavaScript комментарий можно использовать для объяснения кода JavaScript и сделать его более читабельным, а также он может использоваться для предотвращения выполнения при тестировании альтернативного кода.
Однострочные комментарии
Однострочные комментарии начинаются с //.
Любой текст между // и концом строки будет игнорироваться JavaScript (не будут выполнены).
В этом примере перед каждой строкой кода используется однострочный комментарий:
// Изменить заголовок:
document.getElementById("myH").innerHTML = "Моя первая страница";
// Изменить параграф:
document.getElementById("myP").innerHTML = "Мой первый параграф.";
В этом примере для объяснения кода используется однострочный комментарий в конце каждой строки:
var x = 5; // Объявите x, дайте ему значение 5
var y = x + 2; // Объявите y, дайте ему значение x + 2
📋 #JavaScript #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Функции в Python (финал)
Рекурсия
Python также допускает рекурсию функций, это означает, что определенная функция может вызывать сама себя.
Рекурсия является общей математической и программной концепцией. Это означает, что функция вызывает сама себя. Преимущество этого заключается в том, что вы можете перебирать данные для достижения результата.
Разработчик должен быть очень осторожен с рекурсией, так как может быть легко написать функцию, которая никогда не завершится, или функцию, которая использует избыточное количество памяти или мощности процессора. Однако при правильном написании рекурсия может быть очень эффективным и математически элегантным подходом к программированию.
В следующем примере, tri_recursion() это функция, которую мы определили для вызова самой себя ("recurse"). Мы используем переменную k в качестве данных, которые уменьшаются (-1) каждый раз. Рекурсия заканчивается, когда условие не больше 0 (т. е. когда оно равно 0).
Новому разработчику может потребоваться некоторое время, чтобы понять, как именно это работает, лучший способ узнать это - протестировать и изменить код.
Пример рекурсии: код.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
True Figma - канал, где публикуются макеты Figma для практики вёрстки.
Макеты для вёрcтки - @true_figma
3 353
🧾 Атрибуты ввода HTML (финал)
Атрибут list
Ввод атрибута list относится к элементу datalist, содержащий предварительно определенные параметры для элемента input.
Пример – один элемент input с заданными значениями в datalist: код.
Атрибут autocomplete
Ввод атрибута autocomplete указывает, должна ли форма или поле ввода иметь автозаполнение включено или выключено.
Автозаполнение позволяет браузеру предсказать значение. Когда пользователь начинает вводить поле, браузер должен отображать параметры для заполнения поля, основанные на ранее введенных значениях.
Атрибут autocomplete работает с form и input типами: text, search, url, tel, email, password, datepickers, range, и color.
Пример – HTML форма с включенным и выключенным автозаполнением для одного поля ввода: код.
В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Функции в Python (часть 10)
Возвращаемые значения
Чтобы функция возвращала значение, используйте оператор return.
Пример:
def my_function(x):
return 5 * x
print(my_function(3))
print(my_function(5))
print(my_function(9))
Оператор pass
Функции не могут быть пустыми, но если по какой-то причине у вас есть определение функции без содержимого, добавьте оператор pass чтобы избежать ошибки.
Пример:
def myfunction():
pass
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
Геймдев — скучно и трудно? Пфф, кто тебе такое сказал?
Энтузиасты создали канал по Unreal Engine, где даже школьника обучат с нуля делать игры, продвигать и монетизировать их. Это то направление, в котором не трудно начать и по которому будет интересно двигаться.
Подпишись и убедись в этом:
@ue_education
3 353
🧾 Функции в Python (часть 9)
Передача списка в качестве аргумента
Вы можете отправить аргумент любого типа в функцию (строка, число, список, словарь и т. д.), и внутри функции он будет рассматриваться как тот же тип данных.
Например, если вы отправите список в качестве аргумента, он все равно будет списком, когда он достигнет функции.
Пример:
def my_function(food):
for x in food:
print(x)
fruits = ['яблоко', 'банан', 'вишня']
my_function(fruits)
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Атрибуты ввода HTML (часть 10)
Атрибут autofocus
Ввод атрибута autofocus указывает, что поле ввода должно автоматически получать Фокус при загрузке страницы.
Пример – пусть поле ввода "Имя" автоматически получает фокус при загрузке страницы: код.
Атрибуты height и width
Ввод атрибутов height и width определяют высоту и ширину объекта элемента input type="image".
Всегда указывайте атрибуты высоты и ширины для изображений. Если заданы высота и ширина, то пространство, необходимое для изображения, резервируется при загрузке страницы. Без этих атрибутов браузер не знает размер изображения и не может зарезервировать для него соответствующее пространство. Эффект будет заключаться в том, что макет страницы будет меняться во время загрузки (в то время как изображения загружаются).
Пример – определить изображение кнопки "Отправить", с помощью атрибутов height и width: код.
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
Освой профессию Frontend-разработчика, чтобы оказаться в нужных рядах
Команда энтузиастов создала несколько бесплатных Telegram-каналов, которые помогут тебе прокачать навыки в JavaScript, HTML и CSS.
Полезная вËрстка — канал с готовым решением повседневных задач: слайдеры, анимация, навигация и т.д.
JavaScript тесты — канал с тестами и задачами, который прокачает твои навыки во Frontend-разработке.
CSS доширак — больше не нужно запоминать кучу свойств и их значения — всё собрано в одном канале!
JavaScript заметки — образовательный канал с ежедневными практическими заметками по языку.
Помощник фронта — здесь собраны полезные ссылки, обзоры и подборки по Frontend-разработке.
Подпишись, чтобы претендовать на отсрочку 😉
3 353
🧾 Атрибуты ввода HTML (часть 9)
Атрибут required
Ввод атрибута required указывает, что перед отправкой формы необходимо заполнить поле ввода.
Атрибут required работает со следующими типами входных данных: text, search, url, tel, email, password, date pickers, number, checkbox, radio, и file.
Пример – обязательное поле ввода: код.
Атрибут step
Ввод атрибута step задает допустимые интервалы чисел для поля ввода.
Пример: если step="3", законными числами могут быть -3, 0, 3, 6 и т.д.
Этот атрибут можно использовать вместе с атрибутами max и min для создания диапазона допустимых значений.
Атрибут step работает со следующими типами входных данных: number, range, date, datetime-local, month, time и week.
Пример – поле ввода с заданными интервалами законных номеров: код.
Ограничения ввода не являются надежными, и JavaScript предоставляет множество способов добавления незаконных входных данных. Чтобы безопасно ограничить ввод, он также должен быть проверен получателем (сервером).
📋 #HTML #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Функции в Python (часть 8)
Значение параметра по умолчанию
В следующем примере показано, как использовать значение параметра по умолчанию.
Если мы вызываем функцию без аргумента, она использует значение по умолчанию:
Пример:
def my_function(country = 'России'):
print('Я из ' + country)
my_function('Швеции')
my_function('Индии')
my_function()
my_function('Бразилии')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🎉 Среди студентов МГУ прошло голосование на 3 лучших телеграм-канала по программированию. Поздравляем победителей:
Просто Python – канал для всех, кто хочет освоить самый перспективный язык 2022 года. Гайды для новичков, шпаргалки, фишки, программы и многое другое.
Этичный Хакер – уроки по хакингу, инструкциии по взлому, деанону, защите устройств и бесплатными курсами по информационной безопасности.
IT-Сэнсэй - хранилище бесплатных курсов и плейлистов по программированию от топовых онлайн-школ и преподавателей.
3 353
🧾 Функции в Python (часть 7)
Произвольные аргументы ключевого слова kwargs
Если вы не знаете, сколько ключевых слов будет передано в вашу функцию, добавьте две звездочки: перед именем параметра в определении функции.
Таким образом, функция получит словарь аргументов и сможет соответственно получить доступ к элементам:
Пример – если количество аргументов ключевого слова неизвестно, добавьте двойной ** перед именем параметра:
def my_function(**kid):
print('Его фамилия ' + kid['lname'])
my_function(fname = 'Tobias', lname = 'Refsnes')
Произвольные аргументы Kword часто сокращаются до **kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Функции в Python (часть 6)
Аргументы ключевых слов
Вы также можете отправлять аргументы с синтаксисом ключ = значение syntax.
Таким образом, порядок аргументов не имеет значения.
Пример:
def my_function(child3, child2, child1):
print('Самый младший ребенок ' + child3)
my_function(child1 = 'Emil', child2 = 'Tobias', child3 = 'Linus')
Фраза Аргументы ключевого слова часто сокращается до kwargs в документации Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
Сливаем вам 2 архива на 500 курсов!
➤ Backend и языки программирования:
- Python
- REST
- Java
- PHP
- Go
- SQL
- NoSQL
- C#
- C++
- Rust
- JavaScript
- Другое
➤ Frontend и Web-дизайн:
- JavaScript
- Figma
- Web-Дизайн
- HTML/CSS
- Верстка
- UI/UX
- Другое
3 353
🧾 Функции в Python (часть 5)
Произвольные аргументы *args
Если вы не знаете, сколько аргументов будет передано в вашу функцию, добавьте * перед именем параметра в определении функции.
Таким образом, функция получит кортеж аргументов и сможет получить соответствующий доступ к элементам:
Пример – если количество аргументов неизвестно, добавьте * перед именем параметра:
def my_function(*kids):
print('Самый младший ребенок ' + kids[2])
my_function('Emil', 'Tobias', 'Linus')
Произвольные аргументы часто сокращаются до args в документации по Python.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
🧾 Функции в Python (часть 4)
Приведём пример: функция ожидает 2 аргумента и получает 2 аргумента:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil', 'Refsnes')
Если вы попытаетесь вызвать функцию с 1 или 3 аргументами, вы получите ошибку.
Пример: функция ожидает 2 аргумента, но получает только 1:
def my_function(fname, lname):
print(fname + ' ' + lname)
my_function('Emil')
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
3 353
‼️ 3 канала, которые дадут ощутимый буст начинающим и опытным айтишникам
Телеграм — кладезь полезной инфы, и мы выделили самые важные источники. Подпишись, чтобы не потерять!
🖥 ПК_User — канал с фичами и хаками системы, которые прокачают твоё владение железом и помогут обойти многие ограничения.
🤝 JavaScript Teacher — серьёзный источник по JavaScript с тестами, гайдами и секретами (авторы канала — профессиональные разрабы и наставники).
🐍 Python Teacher — сообщество Senior-разработчиков, разжёвывающих темы и проводящих тестирования по самому известному языку программирования.
3 353
🧾 Функции в Python (часть 3)
Параметры или аргументы?
Параметры и аргументы терминов могут использоваться для одного и того же: информации, которая передается в функцию.
С точки зрения функции:
Параметр — это переменная, указанная в скобках в определении функции.
Аргумент — это значение, которое передается функции при ее вызове.
Количество аргументов
По умолчанию функция должна вызываться с правильным количеством аргументов. Это означает, что если ваша функция ожидает 2 аргумента, вы должны вызывать функцию с 2 аргументами, не больше и не меньше.
📋 #Python #Совет
▬▬▬▬▬▬▬▬
// How To WebDev
