JetBrains Academy — project Portfolio

Если ты умеешь читать, то можешь научиться чему угодно. Было бы желание.
Робин Хобб

Сделанное «на коленке» портфолио с намеком на адаптивность, вы тоже сможете.

JetBrains создали академию hyperskill, где делятся своими знаниями с остальными. Каждый курс содержит несколько проектов, один из таких мы рассмотрим. Frontend Developer — project Portfolio. На сайте говорится, что на входе вы получите адаптивный одностраничный сайт с собственным дизайном и интерактивными элементами. В ходе работы в укрепите знания с HTML. Ориентировочное время выполнения 8 часов [не знаю как они его считали, но вероятно что вы потратите на него гораздо больше времени.].

Mini JS calculator

После двух или трех месяцев напряженной работы над тонкостями организации арифметики с плавающей точкой Вагнер написал три тысячи строк кода. Причем это все делалось на машине, которая не имела даже элементарного метода для умножения двух чисел. В результате, Вагнер заставил компьютер чудовищной стоимости выполнять работу, которую в состоянии сделать калькулятор, стоимостью в тысячи раз меньше. Чтобы отдать должное этой иронии, он назвал программу Expensive Desk Calculator (Дорогостоящий Настольный Калькулятор), после чего с гордостью продемонстрировал всему классу свое задание, сделанное на компьютере, на одном из занятий.
Ему поставили «единицу». «Вы использовали компьютер!», — сказал ему профессор, — «А это не может быть правильно».

«Хакеры: Герои компьютерной революции» Стивен Леви

Photo by Pixabay on Pexels.com

Перед началом работы нужно хоть как-то обрисовать задачу, чем она проще, тем меньше времени можно уделять планированию и наоборот. При помощи JavaScript напишем простой калькулятор для браузера, функциональность устройства сначала будет минимальной. В качестве подручных средств используем webpack, pug, jquery. В этой статье совсем не будет разработки стилей.

Вам совсем не обязательно прибегать к помощи webpack и pug. Всё можно проделать с помощью ванильных html, css.

Обзор книги. JavaScript для детей. Ник Морган

У хорошего путешественника нет точных планов и намерения попасть куда-то.

Лао-Цзы

Обзор книги Ника Моргана «JavaScript для детей» (ссылка на литрес). Автор книги один из разработчиков twitter. В оригинале книга вышла в издательстве no starch press, которая дорожит своими именем. Ниже рассмотрим плюсы и минусы книги.

Webpack starter

«Все проблемы в программировании решаются путём создания дополнительного уровня косвенности» — Дэвид Виллер

«Обычно это создает новую проблему» — Дэвид Виллер.

— Ваши динозавры вероятно никогда не слышали о webpack.
— Он делает меня таким эффективным. Я могу экономить часы каждый день.
— И что ты делал со всем этим сэкономленным временем?
— Я настраивал webpack.
— Ух! Так ты можешь сэкономить ещё больше времени.

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