Пишем JavaScript по codestyle Google. На 3 практических задачах

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
👇 Разверни для полной информации
🧑🏻‍💻 Сайт: itgid.info
Курс Методы массивов: itgid.info/course/arraymethod
🤩 Скачать код урока и задачи : t.me/itgid_info
00:00 Вступление.
01:00 Правила именования файлов по стилю Google
02:45 Кодировка файлов
03:45 Шаблоны функций
07:10 Точки с запятыми в коде
08:05 let и const в коде
09:10 Выделение пробелов знаков операции в коде
10:00 Отступы - пробелы или табы по codestyle
11:10 Как объявлять переменные
11:50 Стиль написания if else блока
15:30 Вторая задача для разбора стиля кода
17:05 Перечисление переменных в функции
19:20 Switch case - стиль кода
21:10 Стиль и отступы в цикле for
23:45 Объявляем массивы по стилю кода Google
25:05 Перенос строк
26:50 Пишем аргументы в функции при объявлении
28:55 Правила написания тернарного оператора
30:05 Вызов функции и передача аргументов по правилам Google
Изучаем code style написания JavaScript от Google. Пишем код задач с помощью стиля JavaScript от Google
Моя рабочая станция:
Processor: AMD Ryzen5 1600 Six-core processor
Video: Asus GeForce GTX 1650 Phoenix 4GB GDDR6
RAM: 16GB
Motheboard: MSI A320M PRO-M2 V2
HDD:
- Samsung 860 Evo-Series 500GB M.2
- Toshiba P300 2TB
- Silicon Power A56 256GB
Power: Chieftec Value APB-400B8 400W Bulk
Monitors:
- 23.8" Dell P2419HC
- 23.8" Dell P2418D
Box: Gougar MX350 Mesh
Mouse: Trust Verto Ergonomic Wireless
Keyboard: HP KU-1469
Microphone: Samson C01U Pro
+ MacBook Pro M1 13'' 8-Core CPU/8-Core GPU/16-core Neural Engine /16GB/256GB
+ IBM Lenovo ThinkPad E14
/ Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Пікірлер: 33

  • @lis_petrovskij
    @lis_petrovskij2 жыл бұрын

    Спасибо за труд, обязательно ознакомлюсь!

  • @morelifetv1041
    @morelifetv10412 жыл бұрын

    очень полезное видео; )))

  • @jinke5935
    @jinke59352 жыл бұрын

    О, вот теперь стало намного яснее, почему так пишут, когда я встречал подобный стиль кодинга, изучая код других сайтов. Благодарю, Александр за развёрнутые объяснения!

  • @gromovdenis7
    @gromovdenis72 жыл бұрын

    Красава!

  • @ihatetoys1528
    @ihatetoys15282 жыл бұрын

    Круть!! Перепишу все задачи после завершения курса по код стайлу!!!

  • @eldaeron

    @eldaeron

    2 жыл бұрын

    А это уже ваша задача :) Так сказать напрячь мозг нужно. Полезно же!

  • @user-yc6rg3ku6l
    @user-yc6rg3ku6l2 жыл бұрын

    Спасибо за видео, как всегда познавательно. 2 пробела вместо 4 можно применить по кнопке внизу, возле utf-8(слева от неё).

  • @Lebedev.D
    @Lebedev.D2 жыл бұрын

    Отличный ролик! Александр а когда будет лообновление реакта и php ? И не забудьте ещё пожалуйста у второго юнита в реакте код урока на новый изменить а то там код урока из старого ((

  • @perseveranse
    @perseveranse2 жыл бұрын

    Алекс, чтобы примеилось новое значение отступа ( таба ) нужно выделить весь код в файле и нажать shift + tab до тех пор пока все табы не удалятся, я так понял это нужно чтобы не было разных табов в коде, всегда так делаю, если нужно поменчть таб в скопированном коде

  • @itgid

    @itgid

    2 жыл бұрын

    Спасибо.

  • @nerusnotfound

    @nerusnotfound

    2 жыл бұрын

    @@itgid есть ещё второй вариант: внизу рядом с UTF-8 есть отступы. Нажав на неё и выбрав нужный отступ можно поменять

  • @user-uq3fz2qc9b
    @user-uq3fz2qc9b2 жыл бұрын

    Добрый вечер, у меня маленький вопрос по поводу гейминг конвенсии от Гугла, если я не ошибаюсь, то ангуляр при генерации компонентов генерирует названия файлов через точку, такие как *spec.ts. Учитывая тот факт что ангуляр разработан Гуглом, вопрос: нейминг конвенция через точку названия файлов, касаются только файлов с расширением *.js? И не распространяется на *.ts файлы? Или я что то не правильно понял?

  • @itgid

    @itgid

    2 жыл бұрын

    То о чем я говорил относится только к js. Для ангуляра и typescript есть отдельные code guide и правильнее будет на них смотреть.

  • @user-uq3fz2qc9b

    @user-uq3fz2qc9b

    2 жыл бұрын

    @@itgid спасибо большое за ответ

  • @firewatermoonsun
    @firewatermoonsun2 жыл бұрын

    Это все хорошо знать, но я просто доверяю VS Code. Он сам автоматически форматирует код. Спокойной ночи.

  • @micetym
    @micetym2 жыл бұрын

    А как гугл смотрит на виндовый EOL ?

  • @user-qn7zf9js3y
    @user-qn7zf9js3y2 жыл бұрын

    Массив выглядит как будто в него попал снаряд!

  • @user-cq3hr5op5q

    @user-cq3hr5op5q

    2 жыл бұрын

    Шикарное замечание !)

  • @alexanderalexander7722
    @alexanderalexander77222 жыл бұрын

    Спасибо за новый урок, Александр. Но все таки есть пару замечаний по материалу (хотя справедливости ради признаю что это не к Вам, а к гуглу): - Что-то не очень то и читабельными вышли некоторые правила. Особенно вызов функции с аргументами на другой строке или вложенный массив. - Ну а по поводу пробелов и тп - так мы и так пишем соблюдая такой же код-стайл. Да и все нормальные люди так делают. Так что вывод напрашивается такой: гугл рекомендует нам то что мы и так делаем, при этом добавляя какие-то непонятные приколы (те же аргументы на другой строке). Зачем так мудрить? - Непонятно. Наверное на большее у них фантазии не хватило...

  • @frat8853
    @frat88532 жыл бұрын

    я думал это только у меня проблемы с изменением индентации в vs code)

  • @DamedParadis
    @DamedParadis2 жыл бұрын

    Я из тех. кто сдает домашки без ; Делаю это потому, что привычки писать их в конце строки нет, а поскольку работает и без них, то Семен Семеныч включается))) Буду стараться следить за собой

  • @somewebpractice

    @somewebpractice

    2 жыл бұрын

    С определенного ES это стало абсолютно не нужным, это у олдскулов сводит скулы, привычки сложно искоренить

  • @MrKOHKyPEHT
    @MrKOHKyPEHT2 жыл бұрын

    Очень похоже на style guide от AirBnB. UPD: фу, как неприятно выглядит передача аргументов в функцию.

  • @itgid

    @itgid

    2 жыл бұрын

    согласен с вами.

  • @gatrianL
    @gatrianL2 жыл бұрын

    prettier все поправит

  • @user-uq3fz2qc9b

    @user-uq3fz2qc9b

    2 жыл бұрын

    Если только не сконфликтиится с линтером XD

  • @MrKOHKyPEHT
    @MrKOHKyPEHT2 жыл бұрын

    Есть люди, которые не любят нижнее подчёркивание?

  • @itgid

    @itgid

    2 жыл бұрын

    У одного тут пылало при словах нижнее подчеркивание. Спать не мог доказывал что это просто подчеркивание

  • @MrKOHKyPEHT

    @MrKOHKyPEHT

    2 жыл бұрын

    @@itgid ахахахаха )) С такими людьми спорить бесполезно. Мне до сих пор не понятен их мотив, если название символа не меняет суть записи. У нас на парах преподаватель иногда может записать название переменной с грамматической ошибкой (например вместо слова phase написать fase) и один и тот же студент постоянно его поправляет, при этом сбивая человека с мысли. Вопрос: он пришел учить программирование или правильное написание английских слов? А вам спасибо за классные видео.

  • @eldaeron

    @eldaeron

    2 жыл бұрын

    @@itgid Просто этот человек, говорит не "в Украине" а с ошибками "на Украине", "на России", а вот подчеркивание у него недопустимо по правилам русского языка... А еще ему можно сломать мозг за верхнее подчеркивание => ¯ ¯ ¯ - - -_ _ _

  • @itgid

    @itgid

    2 жыл бұрын

    @@MrKOHKyPEHT понимаете - верхнее подчеркивание тоже есть - например в Word. Может это не правильно - но не суть.

Келесі