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 здесь. Спасибо за чтение.