Фронтендщик


Гео и язык канала: Россия, Русский
Категория: Технологии


Все для frontend developer, шуточки, тесты, статьи
Администрация/Реклама @vtopua


Гео и язык канала
Россия, Русский
Категория
Технологии
Статистика
Фильтр публикаций


Создание списка в Python с помощью list

Создать список в Python можно также с помощью функции list. В неё мы можем передать любой итерируемый объект, с помощью которого можно запустить цикл.

Рассмотрим несколько примеров:

letters = list('abcdef')
numbers = list(range(10))
even_numbers = list(range(0, 10, 2))
print(letters)
print(numbers)
print(even_numbers)

>>> ['a', 'b', 'c', 'd', 'e', 'f'
>>> [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
>>> [0, 2, 4, 6, 8]

📌 #edu || Фронтендщик


Создание списка в Python

Списки в Python являются изменяемым типом данных. Мы можем изменять содержимое каждой из ячеек:

fruits = ['Apple', 'Grape', 'Peach', 'Banan', 'Orange']
fruits[0] = 'Watermelon'
fruits[3] = 'Lemon'
print(fruits)

>>> ['Watermelon', 'Grape', 'Peach', 'Lemon', 'Orange']

📌 #edu || Фронтендщик


Индексирование в Python

Что такое индексирование? Это операция обращения к элементу по его порядковому номеру (нумерация начинается с нуля).

Индексирование работает и в обратную сторону. Мы просто обращаемся к элементу списка по отрицательному индексу. Индекс с номером -1 дает доступ к последнему элементу, -2 к предпоследнему и так далее.

📌 #edu || Фронтендщик


Первый хакатон ПСБ по созданию банковских сервисов в Севастополе и Крыму

🔥40 часов живого кода, прокачка скиллов, треки по созданию крутых банковских сервисов, возможность войти в ИТ-команду ПСБ, новые знакомства, подарки и призовой фонд в размере 1 000 000 рублей!
Участвуй в офлайн-хакатоне PSB TECH HACK 8-9 октября. Заявки принимаются до 6 октября! Подробнее: https://cnrlink.com/psbfrontendshik

🔎 На PSB TECH HACK ждут:
frontend- и backend-разработчиков, бизнес-аналитиков, дизайнеров и продакт-менеджеров.
Уровень подготовки: начинающие и опытные специалисты, профессионалы и студенты.

Треки PSB TECH HACK:
- Интеллектуальный сервис переводов по номеру телефона в мобильном Интернет-банке
- Цифровой финансовый помощник по кредитным продуктам банка ПСБ

Участие бесплатное. Успейте зарегистрироваться до 6 октября по ссылке: https://cnrlink.com/psbfrontendshik

Организатор: ПАО «Промсвязьбанк»


Список в Python

Список
– это непрерывная динамическая коллекция элементов. Каждому элементу списка присваивается порядковый номер – его индекс. Первый индекс равен нулю, второй - единице и так далее. Основные операции для работы со списками - это  индексирование, срезы, добавление и удаление элементов, а также проверка на наличие элемента в последовательности.

📌 #edu || Фронтендщик


Цикл while в Python

Цикл while позволяет выполнить одну и ту же последовательность действий, пока проверяемое условие истинно. Условие записывается после ключевого слова while и проверяется до выполнения тела цикла.

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

📌 #edu || Фронтендщик


Цикл for в Python

В Python цикл for – это цикл перебора последовательности. Он состоит из двух компонентов: переменной (переменных) цикла и последовательности.

А функция range возвращает диапазон (последовательность) целых чисел. Range может принимать 1, 2 или 3 аргумента.

📌 #edu || Фронтендщик


Числа

В современном JavaScript существует два типа чисел:

Обычные числа в JavaScript хранятся в 64-битном формате IEEE-754, который также называют «числа с плавающей точкой двойной точности» (double precision floating point numbers). Это числа, которые используются чаще всего.

BigInt числа дают возможность работать с целыми числами произвольной длины. Они нужны достаточно редко и используются в случаях, когда необходимо работать со значениями более чем (253-1) или менее чем -(253-1).

📌 #edu || Фронтендщик


Методы примитивов

JavaScript позволяет нам работать с примитивными типами данныхстроками, числами и т.д., как будто они являются объектами.

Поэтому давайте взглянем на ключевые различия между примитивами и объектами.

Примитив – это значение «примитивного» типа.
Есть 7 примитивных типов: string, number, boolean, symbol, null, undefined и bigint.

А объект может хранить множество значений как свойства.
Объявляется при помощи фигурных скобок "{}», например: «{name: "Рома", age: 30}». В JavaScript есть и другие виды объектов: например, функции тоже являются объектами.

📌 #edu || Фронтендщик


Что такое контекст выполнения? №2

Когда функция производит вложенный вызов, происходит следующее:

Выполнение текущей функции приостанавливается.
Контекст выполнения, связанный с ней, запоминается в специальной структуре данных – стеке контекстов выполнения.
Выполняются вложенные вызовы
, для каждого из которых создаётся свой контекст выполнения.
После их завершения
старый контекст достаётся из стека, и выполнение внешней функции возобновляется с того места, где она была остановлена.

📌 #edu || Фронтендщик


Что такое контекст выполнения?

Контекст выполнения
специальная внутренняя структура данных, которая содержит информацию о вызове функции.

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

Один вызов функции имеет ровно один контекст выполнения, связанный с ним.

📌 #edu || Фронтендщик


Какая разница между селекторами идентификаторов и классов в CSS?

Идентификаторы
(id) уникальны. У элемента может быть только один идентификатор. На странице может присутствовать лишь один элемент с конкретным идентификатором.

Имена классов (class) не являются уникальными. Один и тот же класс можно назначать множеству элементов. Элементу может быть назначено несколько классов.

Если некий стиль нужно применить к нескольким элементам страницы — эту задачу нужно решать с использованием классов.

📌 #edu || Фронтендщик


Что такое рекурсия?

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

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

В процессе выполнения задачи в теле функции могут быть вызваны другие функции для выполнения подзадач. Частный случай подвызова – когда функция вызывает сама себя. Это как раз и называется рекурсией.

📌 #edu || Фронтендщик


Как пользоваться медиазапросами в CSS

В медиазапросах используется правило @media, с помощью которого можно применять CSS-стили к различным типам содержимого. Медиазапросы могут использоваться и для настройки элементов страниц с учётом характеристик среды, в которой просматривают страницы.

/* Изменить фоновый цвет любого элемента на "red" в том случае, если ширина окна браузера составляет 600px или меньше */

@media only screen and (max-width: 600px) {  
       div {    
           background-color: red; 
        }
}

📌 #edu || Фронтендщик


Что такое мета-теги?

Мета-теги
это теги, находящиеся в теге страницы и описывающие содержимое страницы. Мета-теги не выводятся на странице. Они имеются лишь в её коде.

Их основная задача заключается в том, чтобы кратко описывать содержимое страниц поисковым системам. Вот пример:

              

📌 #edu || Фронтендщик


Какая разница между элементами и ?

— это строчный (inline) элемент. — это блочный (block) элемент.
Элементы нужно использовать для оформления разделов документа. А элементы — в роли контейнеров для небольших объёмов текста, для изображений и других подобных элементов страниц.

Надо отметить, что нельзя помещать блочные элементы в строчные. Вот пример, в котором показано, кроме прочего, неправильное размещение блочного элемента внутри строчного (это — фрагмент I'm illegal, размещённый внутри элемента ):

HiI'm the start of the

📌 #edu || Фронтендщик


Преимущества внешнего JavaScript

Размещение скриптов во внешних файлах имеет ряд преимуществ:

Он разделяет HTML и код. Это упрощает чтение и поддержку HTML и JavaScript. Кэшированные файлы JavaScript могут ускорить загрузку страницы

Чтобы добавить несколько файлов сценария на одну страницу - используйте несколько тегов сценария

Пример:




📌 #edu || Фронтендщик


Внешний JavaScript

Скрипты также можно размещать во внешних файлах:

Внешний файл: myScript.js

myFunction() {
  document.getElementById("demo").innerHTML = "Параграф изменён.";
}

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

Файлы JavaScript имеют расширение .js.

Чтобы использовать внешний скрипт, поместите имя файла скрипта в src атрибут (источник) тега:

Пример:

src="myScript.js">

Вы можете разместить ссылку на внешний скрипт в или по своему усмотрению.

📌 #edu || Фронтендщик


Функции и события в JavaScript

JavaScript function
это блок кода JavaScript, который может быть выполнен по запросу.

Например, функция может быть вызвана при возникновении события, например, когда пользователь нажимает кнопку.

📌 #edu || Фронтендщик


Где установить JavaScript ?

Тег

В HTML, JavaScript код вставляется между и теги.

Пример:

document.getElementById("demo").innerHTML = "Мой Первый JavaScript";


В старых примерах JavaScript может использоваться атрибут типа: .
Атрибут типа не требуется. JavaScript - это язык сценариев по умолчанию в HTML.

📌 #edu || Фронтендщик

Показано 20 последних публикаций.