Roy Top Boy

КУРСЫ ПО JAVASCRIPT. Урок 3

2020-04-13T11:48:15.158Z

Сегодня мы поговорим про циклы for и while, они используются, когда надо повторять один и тот же скрипт много раз, допустим, 1000 раз.

Цикл «while» :

Синтаксис : while (condition) {
                // код
                // также называемый "телом цикла"
            }

Смысл : Пока выполняется условие будет работать код.

Условие - condition.Пример цикла :

let i = 0; while (i < 3) { // выводит 0, затем 1, затем 2 alert( i ); i++; }

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

Цикл «do…while» :

do {
  // тело цикла
} while (condition);

Цикл сначала выполнит тело, а затем проверит условие condition, и пока его значение равно true, он будет выполняться снова и снова.

Пример цикла:
let i = 0; do { alert( i ); i++; } while (i < 3);

Цикл «for» :

Синтаксис :
for (начало; условие; шаг) { // ... тело цикла ... }

Пример цикла :
for (let i = 0; i < 3; i++) { // выведет 0, затем 1, затем 2 alert(i); }

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

Прерывание цикла: «break»

Но мы можем выйти из цикла в любой момент с помощью специальной директивы break.

Вообще, сочетание «бесконечный цикл + break» – отличная штука для тех ситуаций, когда условие, по которому нужно прерваться, находится не в начале или конце цикла, а посередине.

Переход к следующей итерации: continue

Директива continue – «облегчённая версия» break. При её выполнении цикл не прерывается, а переходит к следующей итерации (если условие все ещё равно true).

Её используют, если понятно, что на текущем повторе цикла делать больше нечего.

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

Домашнее задание :

Проверить, что будет, если в цикле for убрать условия частично или же полностью.
Решить задачку:
Написать скрипт, который получает число N через prompt(), потом последовательность из N чисел, надо найти и вывести в консоль 3 числа, дающих максимальное произведение(тройки не обязательно рядом)

Универсальный солдат или узкий специалист? Что должен знать и уметь DevOps-инженер

2020-04-11T09:31:28.137Z

DevOps — восходящий тренд в IT, популярность и востребованность специальности постепенно растет. У GeekBrains не так давно открылся факультет DevOps, на котором готовят специалистов соответствующего профиля. К слову, профессию девопса часто путают со смежными — программированием, системным администрированием и т. п.

Для того чтобы прояснить, что вообще такое DevOps и для чего нужны представители этой профессии, мы поговорили с Николаем Бутенко, архитектором Mail.ru Cloud Solutions. Он принимал участие в разработке программы курса факультета DevOps и одновременно преподает студентам третьей четверти.

Что вообще должен знать и уметь хороший DevOps?

Здесь лучше сразу сказать, чего он не должен уметь. Существует миф, что представитель этой профессии — человек-оркестр, который может написать отличный код, затем протестировать его, а в свободное время идет и чинит принтеры коллегам. Возможно, еще помогает на складе и подменяет бариста.

Для того чтобы знать, что должен уметь DevOps-специалист, вернемся к определению самого понятия. DevOps — это оптимизация времени от разработки продукта до выпуска продукта на рынок. Соответственно, специалист оптимизирует процесс между разработкой и эксплуатацией, говорит на их языке и строит грамотный пайплайн.

Что нужно знать и уметь? Вот то, что является важным:

Нужны хорошие soft skills, поскольку требуется одновременно взаимодействовать с несколькими отделами внутри одной компании.
Аналитическое структурное мышление, чтобы смотреть на процессы сверху и понимать, как их оптимизировать.
Надо самому разбираться во всех процессах разработки и эксплуатации. Только тогда их можно оптимизировать.
Нужны еще и отличные навыки планирования, анализа и проектирования для создания унифицированного производственного процесса.

Все представители DevOps одинаковы или есть различия внутри специальности?

В последнее время возникло несколько ответвлений внутри одной специальности. Но в целом, в понятие DevOps включены в основном три направления: SRE (администратор), Developer (разработчик), Manager (отвечает за взаимодействие с бизнесом). DevOps-специалист понимает потребности бизнеса и организовывает эффективную работу между всеми путем создания унифицированного процесса.

Он также хорошо представляет себе все процессы цикла разработки продукта, архитектуру, разбирается в информационной безопасности на том уровне, чтобы оценивать риски. Кроме того, DevOps знают и понимают подходы и средства автоматизации, а также пред и пост-релизную поддержку программ и сервисов. В целом, задача DevOps — как раз видеть всю систему, как единое целое, направлять и управлять процессами, которые способствуют развитию этой системы.

К сожалению, что в России, что за границей работодатели далеко не всегда понимают суть DevOps. Просматривая публикуемые вакансии можно заметить, что называя вакансию DevOps, компании ищут то сисадминов, то Kubernetes-администраторов, то вообще тестеров. Особенно сильно бросается в глаза весьма разнородный фарш знаний и умений в вакансиях по DevOps с HH.ru, LinkedIn.

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

Чем может помочь DevOps компании, в которой работает?

Одна из важнейших метрик для бизнеса — Time-to-Market (TTM). Это время выхода на рынок, то есть отрезок времени, в течение которого выполняется переход от идеи создания продукта к выводу продукта в продажу. TTM особенно важен для тех отраслей, где продукты быстро устаревают.

При помощи DevOps целый ряд известных ритейлеров в РФ и зарубежье стали развивать новые направления. Эти компании массово переходят в онлайн, полностью или частично отказываясь от офлайн-площадок. В этих условиях нужна быстрая разработка приложений и сервисов, которая невозможна без использования DevOps-инструментов.

В итоге некоторым ритейлерам удалось ускорить процесс вывода необходимых для приложений и сервисов буквально за день. А это — важнейший фактор конкуренции в условиях современного рынка.

Кто может стать DevOps?

Конечно, здесь будет проще представителям технических специальностей: программистам, тестировщикам, сисадминам. Тому, кто собирается в эту сферу без соответствующего образования, нужно быть готовым к изучению основ программирования, тестирования, управления процессами и системного администрирования. И только потом, когда все это освоено, можно будет приступать к изучению DevOps-концепции как единого целого.

Лучше всего DevOps дается тем людям, кто обладает аналитическим складом мышления и способен использовать системный подход. Сложно сказать, сколько времени понадобится новичку для того, чтобы стать классным DevOps’ом. Здесь все зависит от начальной базы, а также от окружения и задач, которые нужно решать, плюс от масштаба компании. В числе компаний, которым нужны девопсы много технологических гигантов: Amazon, Netflix, Adobe, Etsy, Facebook и Walmart.

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

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

КУРС ПО JAVASCRIPT. Урок 2

2020-04-08T06:29:38.123Z

В данном уроке мы рассмотрим две темы : введение в объекты и логические операторы.

Введение в объекты :

Еще раз повторим, как записывается объект :

let value = {

firstName : 'Andrey',

age : 27,

'city' : 'Moscow'

}

При записи ключа '' или же "" используются для записи, когда ключ состоит из нескольких слов 'our key': 'front-end';

Значение может быть любого типа. Давайте добавим свойство с логическим значением:

value.isAdmin = true;

Выводим значение:

alert(value.age);

Для удаления свойства :

delete value.isAdmin;

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

Логические операторы :

Некоторые логические операторы мы знаем из жизни : +, -, *, / . Но в программирование есть также != (не равно), ==(нестрогое равенство), ===(строгое),>=(больше или равно),>(больше),<(меньше),<=(меньше или равно).

Но в языках программирования есть также условные операторы :
Синтаксис:

if(условие) {

//actions

}else{

//else actions

}

Примет использования :
let value = 10;

if(value == 10){ console.log(Yes, value); }else { console.log(No, value); }

Также с помощью оператора if можно проверить существует ли переменная, не равно ли она undefined или же объект на пустое множество, в этом случае мы просто пишем переменную в условие :

let value = {};

if(value) { console.log(true); }else{ console.log(false); }

Домашнее задание :

Написать программу, которая получает на вход значение из модульного окна (используем prompt, если не знакомы https://learn.javascript.ru/alert-prompt-confirm), если это число, то переводит в строку, если булевый тип, то в number, выводим переменную и её тип.
Изучить материал
Повторить предыдущий

КУРС ПО JAVASCRIPT. Урок 1.

2020-04-07T02:09:20.368Z

Привет! Если ты попал на этот курс, значит тебе охото изучить или же вспомнить JavaScript, в этом я смогу помочь тебе! Наш курс будет разбит на 4 блока:

Основы языка
Асихронный JavaScript
ООП
Модули

После окончания курсов я постараюсь дать напутствие каждому для дальнейшего развития вас, как Front-end developer. В каждом блоке мы будем стараться делать по 1 проекту, без практики никуда. Будет выдаваться домашнее задание, которое вам надо будет сделать и отправить в личные сообщения боту. Я использую редактор VSCode, его можно скачать с официального сайта, установленные плагины :

Теория:

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

Типы данных:

1. Примитивные

- Number: 2019, 1.5, NaN(особый тип, который получаем при ошибке в вычислении) , Infinity(при делении на 0)

- String: 'Hello', "Hello", `Hello`( ` ` , косые верхние запятые используется, чтобы ввести переменную)

- Boolean: true, false

- Null: null(указывает на то, что значение не известно, не получено)

- Undefined: undefined(переменная ничему не равна,не задана),

- Symbol()(уникальный индификатор)

Попробуем выведем пару штук в консоль :

console.log(2019, 1.5);

console.log('Hello', "Hello", `Hello`);

console.log(null);

Типы данных:

2. Объекты. (Reference type) Передаются по ссылке.

- Object: { name: 'Denis', age: 30 }

- Array: [1, 2, 3]

- Function: function foo() {}

- Date: new Date()

....

Попробуем вывести в виде таблицы в консоль :

console.table({ name: 'Denis', age: 30 }); //Чистой воды объект {ключ1 : значение1, ключ2: значение2}

console.log([1, 2, 3, 4]); //Массив также относится к объектам, через запятую указываем элементы массива, индекс счета начинается с 0

Переменные:

Объявление переменных раньше раньше писалось через var, например, var city = 'Moscow';. С недавних пор var ушел, и стали использоваться let и const, у var было слишком много минусов. Можно было несколько раз объявлять переменную с одним и тем же именем или же происходило наслаивание кода. Теперь же мы используем такие записи :

let city = 'Moscow';

const city = 'Moscow'; // не изменяемая переменная

Есть четыре вида записи переменной userAge, user_age, UserAge, userage, следует выбрать один стиль написания и использовать его везде, не изменяя традициям.

Переменные можно переназначать, например :

let city = 'Moscow';

city = 'Ufa';

city = 'Kazan'

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

Чтобы объявить объект следует использовать следующий синтаксис :

let имя_объекта = {

ключ1 : значение1;

ключ2 : значение2;

}

Для записи одного из ключей :

имя_объекта.ключ1 = значение1;

Для записи ключа, если имя ключа не однострочное :

имя_объекта['ключ1'] = значение1;

Преобразование типов данных:

Преобразование в строку(Type to string) : используется метод toString()

value = (10).toString(); value = String(10);

2. Преобразование в число (Type to number) : используется Number()

value = Number('23');

3 Преобразование в булевое значение (Type to boolean) : используется Boolean()

value = Boolean('0');

Для вывода типа данных используется typeof :

console.log(typeof value);

Числа :

С числами в Javascript используется те же операции, что и в жизни, но так же есть так называемый Math, который имеет множество функций, полезных для работы.

Например:

value = Math.PI;

value = Math.random();

value = Math.ceil(2.1);

value = Math.floor(2.9);

value = Math.min(2, 12, 15, 0, 12);

value = Math.max(2, 12, 15, 0, 12);

Это самые основные функции, который следует знать, об их значении надо будет прочитать самостоятельно в документации!

Строки:

Строки(string) записываются с помощью ' ' , например :

const firstName = 'Andrey';

Для начала нам следует понять по какому принципу происходят операции со строками:

const firstName = 'Andrey';

const city = 'Ufa';

value = firstName + 'was born' + city;

console.log(value)

Выведется : Andrey was born Ufa.

Попробуйте сами поиграться и понять, почему же именно так происходит вывод.

value = firstName.length; - используется для вычисления длины переменной, проблемы тоже учитываются.

Так же есть ряд методом, которые следует освоить :

toUpperCase()
concat()
indexOf()
includes()
slice()
replace()

Их вам следует изучить самостоятельно, они вам будут часто попадаться в работе.

Домашнее задание:

Установить редактор кода с нужными плагинами
Изучить всю теорию, если что-то непонятно написать в бот
Лично проверить все примеры, а лучше придумать самому и опробовать
Объявите 5 различных переменных
Выполните 5 математических операций с Math
Выполните 5 операций со строками
Изучить самостоятельно нужные материалы и на них сделать 10 примеров ( строки concat().... )

А ты сможешь решить 3 логические задачи для настоящего программиста?

2020-03-31T08:44:39.775Z

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

№1 – Как на счёт кофе?

Предположительная ситуация: в вашем офисе поставили 3 автомата, которые делают разнообразные напитки. Первый автомат изготавливает кофе, второй делает чай, а третий способен давать один из перечисленных напитков, но не предоставляет право выбора. Чтобы воспользоваться любым аппаратом требуется кинуть 1 монету. На автоматах присутствуют специальные наклейки, обозначающие тип выдаваемого напитка. Одна проблема – по техническим причинам завод перепутал все обозначения. Каждый автомат имеет неправильную наклейку. Вопрос, сколько потребуется монет, чтобы правильно определить тип автоматов?

Ответ: Задача только на первый взгляд сложная, от этой мысли следует абстрагироваться, решение лежит на поверхности.

Подходим к аппарату с пометкой «кофе-чай» и бросаем таксу в виде монетки. Помним, что все наклейки неправильные, соответственно здесь либо чай, либо кофе.
Предположим, что аппарат выдал чай, соответственно модель с надписью кофе не может выдавать кофе (все наклейки неправильные) и чай, так как ранее уже был найден аппарат с ним.
При помощи исключения возможных вариантов несложно определить, где выдаётся кофе.

Итог: 1 монеты достаточно.

#2 – Фальшивые монеты

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

Перед нами 12 монет, среди них 11 штук оригинальные, а одна из них фальшивая. Поддельная копия монеты имеет отличительный вес. Суть задания необходимо определить фальшивую монету за минимальное количество взвешиваний. В ходе процедуры применяются чашечные весы.

Ответ: Элементарная задача, но все равно не редко появляется путаница, половина отвечает 1 или 2. Для определения поддельной копии следует провести 3 взвешивания, так как у нас не получится узнать какая конкретно монета является поддельной за меньшее количество попыток. Соответственно, большая часть монет должна быть с одинаковым весом, так как они настоящие, а третья монета, из последнего взвешивания, будет поддельной.

Итог: потребуется 3 взвешивания.

#3 – Вода в бочке

Перед вами пустая и герметичная бочка. Задача заключается в том, чтобы наполнить ёмкость водой, а сложность – тара должна быть заполнена ровно на 50%. Важное условие! Использовать длинные предметы вроде палки и подобного запрещено.

Ответ: Перед нами физика, вас это смущает? Программист должен быть всесторонне развит, особенно те представители профессии, которые заняты разработкой искусственного интеллекта. Подобные задачки могут пригодиться в жизни.

Берём шланг и наливаем в бочку побольше воды, не обязательно заполнять полностью, но важно получить уверенность, что воды больше 50%.
Бочку следует постепенно наклонять до получения угла 45° по отношению к ровной поверхности. Все излишки воды просто вытекут, а необходимый объём останется.

Что выбрать C++ или C#? С чего лучше начать?

2020-03-29T17:19:22.493Z

Между собой оба языка очень похожи, при отсутствии опыта разобраться в различиях очень сложно. Статья поможет расставить всё по своим местам и укажет верный язык на основании поставленных задач.

Большинство программистов утверждают о необходимости начала изучения чистого C, но моё мнение – это пустая трата времени, которая не оправдается в будущем. Нет смысла изучать языки, которые уже давно устарели и были заменены на более перспективные, функциональные и интересные. Устаревшие языки не имеют нововведений, они практически не поддерживаются, а вакансии вовсе не появляются на различных биржах.

Единственная сфера использования – поддержание работоспособности проектов, которые ещё не перешли на обновлённые языки. Если проект качественный, он в скором времени обновится, иначе будет постепенно терять популярность, соответственно, все равно нет перспективы развития. При желании заняться изучением нового языка стоит предпочесть C++ или C#.

Особенности C#

После пропуска большого этапа «обучения» на Си, можно задаться вопросом куда же всё-таки направляться и какое состояние в сфере программирования на C#. При выборе этого языка стоит помнить, что программист строго привязан к операционной системе Windows, можно даже не учитывать преимущества Mono Develop, так как основной недостаток – полная зависимость от дальнейших действий Microsoft.

В большей части вакансии C# связанные с Asp.net – это веб разработка и всё тому подобное. Здесь уже выбор каждого. В отношении обучающего материала лучше сразу начинать с Шилдта, его способ описания ООП достаточно понятен и ясен, хотя и сам язык не вызывает особых сложностей, особенно если есть хоть какие-то знания. После его прочтения стоит перейти к Троелсену, который позволит почувствовать фундамент под ногами и даст более-менее приличные знания. После базового освоения языка можно дополнить информацию с помощью Рихтера, который детальнее раскроет особенности работы с .NET платформой.

Достоинства C++

Теперь стоит обратиться к изучению С++, который хорошо показал себя за счёт абстракционного мышления. Иначе говоря, программист волен сам выбирать писать ли ему на высоком или низком уровне, изменяя способ написания в зависимости от задачи.

С++ уже позволяет писать программы, которые могут работать на разных платформах, с этой целью разработан Qt.

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

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

У каждого языка различаются сферы использования. Если акцент ставится на написание игр, лучше предпочесть С#, ведь язык применяется в основе распространённого движка Unity. Он позволяет создавать игры как с 2-мерной графикой, так и полноценные 3D. В противовес можно сказать, что С++ применяется в основе Unreal Engine, он отличается большей мощностью и требуется для написания масштабных игр для ПК.

Сравнение языков

1. Скорость написания

C# обеспечивает быстрейший старт в сфере программирования, прототип можно создать значительно быстрее. Если в приоритете лежит скорость изначальной разработки, стоит выбирать C#, который выигрывает у С++.

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

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

2. Кроссплатформенность

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

C# не кросплатформенный, существует разработанное решение со стороны на .net, оно позволяет связывать сразу несколько платформ. Изначально планировалось создание языка для кросплатформенного кодинга, но с течением времени направление развития было изменено.

Сейчас под Windows разработана достаточно полноценная инфраструктура на .net, а в остальных платформах такого решения не было запущено.

3. Библиотеки

Выбор между библиотеками можно сделать в пользу С++, так как не только их количество больше, но и ассортимент качественнее. За длительную историю разработки удалось достичь хорошей оптимизации и было устранено большее количество недочётов. Многие библиотеки находятся в открытом доступе, могут использоваться на разных платформах и имеют открытый код.

Даже с учётом ряда положительных сторон всё не настолько радужно, ведь многие библиотеки С++ разработаны по различным структурам, порой даже без них. Нередко встречается структурно-процедурная форма построения, причина такого недостатка – перенос библиотеки с Си.

Дополнительным минусом можно выделить формирование и переопределение основных типов данных. В множестве библиотек С++ возникает необходимость создавать собственные контейнеры, изменять базовые типы данных и строки. Со стороны логического обоснования – это обеспечивает повышенную производительность, улучшение кросплатформенности, устранение недостатков кода. Несмотря на очевидные позитивные стороны вопроса значительно снижается удобство пользования и красота кода.

Среди базовых библиотек C++ выбор не такой обширный, по функционалу С# превосходит их. Основная сложность и задача программиста – это правильный подбор библиотек и это потребуется даже при выполнении небольшого проекта.

4. Стоимость поддержки

Значительной разницы в цене поддержки между обоими языками не отмечается. Важно осознавать, что отдельные баги внутри приложений на С# сложно поддаются устранению методами .net. Если потребуется исправление багов, цена резко увеличится, а поддержание станет дороже. Если коснётся рефакторинга, то чаще всего проекты С# проще поддаются изменению.

Что должен знать каждый Full Stack разработчик?

2020-03-29T14:38:54.566Z

Умеете ли вы видеть в простоте красоту? Для разработчика это значит везде применять только один инструмент. В статье мы поговорим про 10 вещей, что должен знать каждый Full Stack.

Наверняка вы знаете, что язык JavaScript можно использовать как во front-end, так и в back-end. Может вы даже задумывались о таком варианте или уже активно им пользуетесь. Как бы то ни было, есть еще много вещей, которые необходимо узнать каждому, кто собирается стать Full-Stack JS веб-разработчиком.

1. Фундаментальное понимание языка

Конечно же, нереально стать разработчиком JS Full Stack без хорошего владения JavaScript. Причем асом быть не обязательно: хватит и среднего хорошего понимания. Многие ошибочно считают JavaScript простым языком, но это не совсем так. JS имеет множество своих особенностей и странностей. Но привыкнув к ним, вы найдете его очень интересным и удобным. Первое время примеры кода при запуске часто будут оказываться нестабильными. Тем не менее, научившись применять JavaScript правильно, вы станете писать весьма выразительно.

Обладателям объектно-ориентированной базы будет сложно воспринять тот факт, что JS является динамическим и прототипным одновременно. На первых порах работу может сильно облегчить один маленький нюанс, который, к сожалению, я сам узнал слишком поздно.

В целом язык имеет 2 типа данных: примитивы (их 5) и объекты (все остальное, в том числе функции, массивы). Некоторые примитивы вдобавок содержат объектные дубликаты – их JS автоматически приводит во время выполнения определенных операций.

Рассмотрим пример: «hello».length создаст обертку объекта String для примитива string. Если изучать объекты на фундаментальном уровне, их можно представить в виде пары ключ (string) и значение (что угодно: один из примитивов или любой объект).

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

2. Frontend-фреймворк

Благодаря высокой производительности одностраничные приложения сейчас стали очень популярными. Чтобы создавать их, желательно изучить любой Frontend-фреймворк. Самые востребованные – это Angular, Vue и React, но никто не запрещает вам выбрать какой-нибудь другой.

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

3. HTML/CSS

Вы в любом случае захотите использовать свои стили CSS и немного изменять применяемые фронтенд-библиотеки. Большинство из тех действий, которые касаются CSS, можно просто загуглить. Но если вам нравится заниматься дизайном тщательно, и вы хотите сделать сайт “живым”, придется познакомиться с CSS поближе.

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

И HTML, и CSS не обязательно учить заранее – это лучше делать в процессе работы над проектом. Но до того как приступать к своим шаблонам, все-таки разберитесь с разницей между строчными и блочными элементами. Это спасет вас от лишней головной боли в процессе написания CSS-кода.

4. Bootstrap 4

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

Кроме того, Frontend содержит много фич, призванных улучшить пользовательский опыт (popovers, элементы навигации, popups и т.д.). Чтобы реализовать их вручную, придется создать громадный бойлерплейт-код, на разработку и дальнейшую поддержку которого уйдет целая вечность.

Вот почему вам нужно изучить Bootstrap – библиотеку для фронтенда от компании Twitter. Она предоставляет широкий функционал, содержащий в том числе стили и интерактивность. С ее помощью вам не грозит начинать с нуля.

Конечно, никто не заставляет вас постигать все функции и возможности Bootstrap сразу. Мы советуем первым делом обратить внимание на rid-макет. Также, еще до работы над первым проектом, освойте панели навигации, которые сейчас используются абсолютно везде благодаря тому, что делают веб-страницы дружественными ко всем мобильным устройствам. Если вы пользуетесь Angular или React, то можете не переживать о совместимости с ними функций Bootstrap: в этих фреймворках предусмотрены библиотеки для интегрирования.

5. NodeJS, а также Backend-фреймворк

Как и любому другому языку программирования, JavaScript нужна специальная среда для запуска на сервере. NodeJS работает на движке V8, как и браузер, хотя разница между ними все-таки есть. Главное отличие заключается вот в чем: API браузером добавляется для получения доступа к DOM, тогда как Node делает это для взаимодействия с ОС. Каждый Full-Stack JS веб-разработчик должен знать NodeJS, чтобы не пришлось учить дополнительный язык.

Выбирая backend-фреймворк (как и front-end), вы можете остановиться на любом варианте. Чаще всего используют ExpressJS, который разгоняет сервер и помогает приступить к написанию APIs. Желающим попробовать что-то другое, мы все-таки советуем вам для начала изучить Express, а уже потом экспериментировать с прочими имеющимися бэкенд-фреймворками.

6. TypeScript

По правде говоря, в JavaScript есть много проблем, например, с межбраузерной совместимостью, разными версиями NodeJS, сложным масштабированием из-за отсутствия типобезопасности и др.

TypeScript позволяет транспилировать в чистый ES5, что решает массу проблемы с совместимостью. Кроме того, вы сможете писать на JS как и на C# или Java, т.е. более привычным традиционным ОО-способом.

7. Инструмент для вызова API

Одна из самых распространенных ошибок начинающих разработчиков полного цикла – во время разработки Backend-а запускать APIs front-end-а. Из-за этого реализация кода требует гораздо больше времени. Приходится после каждого обновления страницы указывать значения по-новой и переходить к части front-end-а, в которой происходит вызов APIs.

Для ускорения процесса необходимо заниматься front-end-ом и backend-ом отдельно друг от друга. Существуют такие полезные инструменты для вызова API, как Postman и SoapUI. С их помощью вы сможете вызывать APIs без обращения к фронтенду и использовать их для работы с аутентифицированными маршрутами.

8. Основы SQL

Реляционные БД по-прежнему остаются самыми подходящими для многих веб-приложений, даже несмотря на шумиху вокруг NoSQL и MongoDB. Не имеет значения, станете ли вы применять JS для backend-а: все Full-stack разработчики должны хорошо знать SQL. Первым делом обратите внимание на базовые понятия, например, создание таблиц и заполнение их данными.

Большая часть реляционных БД, в том числе MySQL или PostgreSQL, великолепно комбинируются с NodeJS. Обращаться к ним можно так же просто, как к NoSQL и всем другим СУБД. Нам кажется, что SQL-запросы гораздо более интуитивно понятны, чем тех БД, которые используют JSONs. К тому же MySQL и PostgreSQL позволяют хранить данные в виде объектов JavaScript.

9. Сквозное и блочное (или модульное) тестирование

Никогда не пренебрегайте тестами. Тем более во front-end, где многие сильно недооценивают важность модульного тестирования. А ведь оно не только позволяет предотвратить появление багов, но и повышает надежность кода, принуждая вас совершать code review. Фреймворки вроде Angular обладают встроенными инструментами для проведения тестов, поэтому вам не грозит долгая возня с настройками: сразу начнете писать тесты.

Блочным тестированием должны проверяться все элементы, для которых предусмотрено изменение поведения после определенных действий пользователя. Что касается backend-а, в нем тестированию подлежат все маршруты, а также публичные методы, запускаемые пользователями.

Сквозное тестирование рекомендуется для всех действий пользователя, затрагивающих больше одной страницы и обращающихся к backend-у. К примеру, e2e-тестированию нужно подвергать вход в аккаунт, после которого предусмотрено перенаправление (чаще всего на пользовательскую страницу).

10. Аутентификация пользователя

Безопасность сайта обеспечивается многими способами: identity-токены и access-токены, пользовательские хранилища для сессии или использование сторонних инструментов вроде Active Directory от Microsoft. Вы не должны знать каждый из них, но общее представление о существующих вариантах у вас должно быть. Поверхностно познакомившись со всеми, выберите наиболее простой способ и начните углубляться конкретно в него.

Также не помешает иметь базовые знания о распространенных формах хакерских атак. Это не значит, что вы должны стать экспертом в сфере кибербезопасности, просто вам стоит знать, каким видам атак может подвергаться ваш сайт.

Начать работу над безопасностью APIs backend-а мы рекомендуем с JWT. NodeJS имеет несколько отличных сторонних библиотек, которые используются с Express и весьма просты в применении.

JSON Web Token – это разновидность аутентификации в клиент-серверных приложениях, с помощью которой вы можете только валидным пользователям позволять отправлять запросы к backend-у. JWTs к тому же могут содержать зашифрованные JSON-данные, поэтому у вас появится возможность вычислять тех, кто отправляет защищенные запросы.

Что сейчас с PHP и что ждёт его завтра?

2020-03-29T07:46:24.791Z

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

Среди айтишников PHP обладает далеко не идеальной репутацией – это ни для кого не секрет. К его минусам относят крайне плохую организацию кода, который получается небезопасным и полным «дыр», нестабильные библиотеки, отсутствие богатого опыта у разработчиков и многое другое.

Тем не менее, PHP все еще остается одним из самых популярных языков для создания веб-приложений. Большая часть недостатков осталась в прошлом, поэтому сейчас его с уверенностью можно назвать достойным инструментом, с помощью которого пишутся надежные, управляемые и актуальные проекты

Начнем с начала

До того, как углубиться в детали, выясним, как у PHP дела обстоят сейчас. На сегодняшний день последней версией является 7.4. Под конец 2020-го будет выпущена следующая – PHP 8.

После 5-ой версии создатели языка начали успешно придерживаться последовательного цикла создания апдейтов. Они сумели соблюдать годовой план на протяжении последних 4-ех лет. Все новые релизы поддерживались по 2 года, а на третий активная поддержка сменялась «security fixes only».

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

Фреймворки

Есть два главных фреймворка для веб-разработки – это Symfony и Laravel. Кроме того существуют и более мелкие инструменты вроде Laminas, Code Igniter, Cake и прочих; но тем, кто хочет погрузиться в современную PHP-разработку, лучше выбрать любой из двух основных.

Предназначение этих фреймворков заключается в разработке. Поэтому, если вас интересует исключительно управление контентом, используйте WordPress, Statamic или CraftCMS, ведь у них есть такое важное преимущество, как постоянное совершенствование.

Экосистема

Фреймворки обладают широкой экосистемой пакетов, а также полностью готовых продуктов. Это и админки, и системы управления взаимоотношениями с клиентами, и автономные пакеты, и серверы веб-сокетов, платежные интеграции и много других полезных штук.

Чтобы оценить сегодняшнее состояние экосистемы языка PHP, нужно посмотреть на главный репозиторий: приблизительно 25 миллионов загрузок каждый день.

А это график, показывающий, как со временем увеличивается число пакетов и версий:

Намного больше статистики можно найти на сайте Packagist.

Кроме фреймворков и систем управления содержимым, сейчас наблюдается рост количества асинхронных фреймворков (среда Swool, среда Amp и библиотека ReactPHP). Данный софт создан на языках, которые позволяют пользователям работать с асинхронным кодом, в том числе на PHP.

Производительность

Если говорить о временах 5-ой версии, производительность PHP можно назвать максимум средней. Но в 7-ой версии ядро сильно переписали, тем самым увеличив его эффективность в несколько раз. Второй важной причиной, повышающей производительность, стал прелоадинг, за счет которого появилась возможность хранить в памяти скомпилированные участки кода.

В PHP 8 еще одной ускорялкой станет JIT-компилятор. Помимо прочего он должен открыть для PHP двери в другие области кроме веб-разработки.

Итог

Судя по всему, восьмая версия будет решительным шагом вперед. Даже в данный момент PHP является очень хорошим инструментом для разработки разных веб-сайтов. При этом нужно учесть, что он непрерывно обновляется, а значит, точно не скоро потеряет свою актуальность.

Бьерн Страуструп отвечает на топ-4 вопроса по C++ со Stack Overflow

2020-03-27T08:22:44.682Z

Мариэль Фрэнк и Сонни Ли, авторы курса Learn C++ на Codecademy, недавно получили возможность взять интервью у доктора Бьерна Страуструпа, создателя C++.

В рамках этого интервью он ответил на вопросы по C++, набравшие наибольшее количество голосов на Stack Overflow Хотя все интервью достойно полного прочтения, Codecademy великодушно разрешили нам поделиться его частью.

Если вы когда-нибудь задумывались, существуют ли на Stack Overflow определяюще исчерпывающие ответы, то вот нечто ближайшее к этому, что вы можете получить наверняка (хотя мы ожидаем, что кто-то может не согласиться).

Почему обработка отсортированного массива быстрее, чем обработка несортированного массива?

Одной из причин является предсказание ветвлений: ключевая операция в алгоритме сортировки — “if(v[i] < pivot]) …” или эквивалент. Для отсортированной последовательности этот тест всегда верен, тогда как для случайной последовательности выбранная ветвь изменяется случайным образом.

Другая причина заключается в том, что когда вектор уже отсортирован, нам никогда не нужно перемещать элементы в правильное положение. Эффект этих маленьких деталей дает коэффициент равный приблизительно пяти или шести, который мы наблюдали.

Что такое оператор --> в C++?

Это старый вопрос с подвохом. В С ++ нет оператора -->.Рассмотрите следующее:

if(p - - > m = = 0) f(p);

Это фактически означает: посмотрите, больше ли p--, чем m (так оно и есть), а затем сравните результат (true) с 0. Что ж, true != 0, поэтому результат равен false и f() не вызывается.

Лучшее руководство и список книг C++

К сожалению, нет канонического списка книг по C++. Такого в принципе не может быть. Не всем нужна одинаковая информация, не у всех одинаковый опыт, и лучшие практики C++ постоянно развиваются.

Я провел небольшое исследование в Интернете и нашел удивительный набор рекомендаций. Многие были серьезно устаревшими, а некоторые были просто плохими. Новичок, ищущий хорошую книгу без руководства, будет очень смущен!

Вам действительно нужна книга, потому что методы, которые делают C++ эффективным, нелегко найти в нескольких блогах по конкретным темам, и, конечно, блоги также страдают от ошибок, устаревания и плохих объяснений. Часто они также фокусируются на продвинутых новых темах и игнорируют основные принципы.

Я рекомендую свое Программирование: Принципы и Практика использования C++ (2-е издание) для людей, только начинающих учиться программировать, и Тур по C++ (2-е издание) для людей, которые уже являются программистами и которым необходимо ознакомиться с современным C++. Люди с сильным математическим образованием могут начать с Открытия современного C++: интенсивный курс для ученых, инженеров и программистов Питера Готшлинга.

Каковы различия между переменной-указателем и ссылочной переменной в C++?

Чтобы узнать больше о ссылках и указателях, ознакомьтесь с Learn C++.

Обе представлены в памяти как машинный адрес. Разница в их использовании. Чтобы инициализировать указатель, вы даете ему адрес объекта. Для чтения и записи через указатель мы используем оператор разыменования (*). Когда мы присваиваем один указатель другому, они оба будут указывать на один и тот же объект.

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

Бьярн Страуструп — технический партнер и управляющий директор Morgan Stanley в Нью-Йорке и приглашенный профессор Колумбийского Университета. Он также является создателем C++.

Подборка книг по разработке под Android

2020-03-26T11:51:04.954Z

Android. Программирование для профессионалов. 3-е издание

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

Head First. Программирование для Android. 2-е издание

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

Android для разработчиков. 3-е издание

В основе книги лежит принцип разработки, ориентированной на приложения, — концепции показаны на примере полностью работоспособных приложений Android, а не фрагментов кода.

Android. Сборник рецептов. Задачи и решения для разработчиков приложений. 2-е издание

Книга идеально подходит для разработчиков, владеющими языком Java, основами платформы Android и интерфейса Java SE API. Она содержит рецепты, предоставленные более чем тридцатью разработчиками. Каждый рецепт содержит четкое решение и пример кода, готовый к использованию.

Эффективное использование потоков в операционной системе Android. Технологии асинхронной обработки данных

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