JavaScript
Следующий раздел этой сертификации посвящен javascript, который теперь стал важным навыком для любого веб-разработчика. Этот язык был разработан для работы в качестве языка сценариев в хост-среде, и хост-среда должна предоставлять способы связи с внешним миром.
Первые несколько задач этого раздела посвящены базовому javascript, который включает в себя следующие основные моменты:
- Все переменные чувствительны к регистру, это означает, что «MyVar» не совпадает с «myvar».
- Javascript предоставляет семь основных типов данных: undefined, null, boolean, string, symbol, number и object.
- Все строки являются неизменяемыми, что означает, что они не могут быть изменены после создания. Мы можем получить доступ к отдельному символу, используя «[]», но мы не можем изменить содержимое, используя эту нотацию.
- Можно включить символы, такие как одинарные или двойные кавычки, используя escape-последовательность обратной косой черты (\).
- Вы можете создать массив с несколькими типами данных, который может хранить несколько фрагментов данных в одном месте.
var sampleArray = ["Michael", 23];
В этом разделе объясняется несколько полезных операторов массива, и у меня также была возможность использовать их в различных базовых сценариях.
Операторы push и pop:
Новые элементы могут быть помещены в массив с помощью функции push, а доступ к последнему элементу или его удалению можно получить с помощью оператора pop.
var sampleArray = [1,2,3,4,5,6]; // Pushed new element sampleArray.push(7); // Popped last element var lastElement = sampleArray.pop();
- Операторы равенства и строгого равенства
Оператор равенства (==) проверяет значение. Можно также сравнить число и строку
1 == 1 // true 1 == '1' // true 1 == 2 // false
Оператор строгого равенства (===) проверяет значение, а также типы данных.
1 === 1 // true 1 === '1' // false 1 === 2 // false
- Мы можем определить новые свойства в объектах javascript, используя точки (.) и квадратные скобки ([]), подобные этому.
var person = {"first_name":"salman"}; person.last_name = "khalid"; person["phone_number"] = 77777777;
Точно так же мы можем аналогичным образом удалить существующие свойства объектов.
var person = {"first_name":"salman","last_name":"khalid"}; delete person.last_name;
- Последние несколько задач этого раздела посвящены использованию регулярных выражений в java-скрипте. Мы можем обнаруживать шаблоны и проверять ввод пользователя на стороне клиента, используя его. Вот несколько примеров
// Setup var testString = "Ada Lovelace and Charles Babbage designed the first computer and the software that would have run on it."; // Example var expressionToGetSoftware = /software/gi; var softwareCount = testString.match(expressionToGetSoftware).length; // This examples gives us the number of times software word is repeated in a sentence
Объектно-ориентированное и функциональное программирование с использованием Javascript
Эта часть сертификации посвящена тому, как мы можем выполнять объектно-ориентированное и функциональное программирование в javascript. Как мы обсуждали в предыдущем разделе, мы можем определить наши объекты со свойствами, например, как мы создали объект человека с «first_name» и «last_name».
Мы также можем определять объекты с функциями в javascript. Вот пример:
var Car = function(numberOfWheels) { this.wheels = numberOfWheels; this.engines = 1; this.seats = 5; }; var myCar = new Car(4); // Here we have created a car object using function and passing number of wheels in constructor
В приведенном выше примере все свойства определены как общедоступные. Любой, кто создал объект Car, будет иметь доступ ко всем его свойствам, потому что они были определены с помощью this. Мы также можем создать частное свойство, доступ к которому возможен только с использованием общедоступных методов. В следующем примере я создал частное свойство «скорость» на автомобиле.
var Car = function(numberOfWheels) { this.wheels = numberOfWheels; this.engines = 1; this.seats = 5; var speed = 0; this.setSpeed = function(currentSpeed){ speed = currentSpeed; }; this.getSpeed = function(){ return speed; }; }; var myCar = new Car(4); myCar.setSpeed(60);
В конце этого раздела приведены несколько задач операторов коллекции, которые используют функциональное программирование. Вот пример метода Array.reduce. Этот метод используется для уменьшения значений массива до одного значения.
var array = [4,5,6,7,8]; var singleVal = 0; singleVal = array.reduce(function(accumulator,currValue){ return accumulator + currValue; });
В приведенном выше примере мы берем сумму всех элементов массива, используя метод сокращения. Он принимает два параметра, первый из которых является аккумулятором, а второе значение соответствует текущему значению.
До сих пор эта сертификация была большим подспорьем. Я многому научился благодаря этому. Особое внимание уделяется изучению javascript, который в наши дни является одной из самых важных частей веб-интерфейса.
Вы можете отслеживать мой прогресс по сертификации Front End Development Certification здесь. Спасибо за чтение.