Categories » CSS

css-lessons

CODING, script src, comments

Вёрстка HomeWork *

Подключение файла JavaScript в <head> html:

<script src=»js/scripts.js»></script>

Переменные объявляются с помощью var, например: var dog; (можно объявлять и через запятую: var dogs, cats;)

Названия переменных начинаются с маленькой буквы, далее отдельные слова пишутся с заглавной (camelCase), название может начинаться с нижнего подчёркивания (_), при этом в названии не допускаются дефисы (-).

Комментарии:

HTML <!— comment —>

CSS /* comment */

PHP, JS // comment

/*

comment

*/

Быстрый комментарий с Emmet: Cntrl + /

Консоль разработчика отображает все ошибки (F12).

В консоли можно дописывать выражения и проверять результат, например: var a=10; var b=20; var c=a + b; c <enter> отображает результат сложения: 30.

Арифметические операторы +, -, * (умножение), / (деление), % (остаток от деления)

увеличения значения на единицу ++a;

использование значения, а после чего его увеличение на единицу a++;

Присваивание значений: a = b = c = 2;

Строчные переменные в кавычках, булевы значения: true (истина) или false (ложь), null — пустое значение, undefined — не определено, NaN — не число, array — массив, object — объект.

Сравнивание: >, <, >=, <=, == равно, != не равно, === жёсткое сравнивание.

Логические операторы: && — логическое ‘и’, || — логическое ‘или’

Условный оператор (если):

if (a == 5){ b = 2; } // если а = 5 то b = 2

else if (a == 3) { console.log(a); }

else { console.log(b); }

Циклы:

while (условие) { программа цикла }

var bottle = 0;

while (bottle < 10) {
bottle++;
console.log(bottle);
}

for (инициализация; проверка; изменение;) {}

for  (var bottle = 5; bottle < 10; ++bottle) {

console.log(bottle);

}

Массив:

var a = [‘one’, ‘two’, ‘4’, true, [1, 3, 4]];

console.log(a[1]); — отображение в консоли: two

console.log(a[4][1]); — отображение в консоли: 3

Функция:

function sum(аргументы) {
// что-то
}

переменные не объявляются, например:

function sum(a, b) {
c = a + b;
console.log(c);
}
sum(5, 7); — отображение в консоли: 12

«use strict»; — строгий режим (обработка кода остановится на первой ошибке)

Подробное руководство JavaScript

Изучение английского языка:

Книга «Essential grammar in use» (купить книгу можно на OLX)

Essential Grammar in Use Supplementary Exercises

 

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Filter by Categories
=) Home Work
CSS
JavaScript
Word Press