Mini JS calculator part 2

Никто не должен браться за большой проект. Начинайте с маленького тривиального проекта, и никогда не ждите, что он станет большим. Если вы будете этого ждать, вы переусложните проект и будете считать его более значимым, чем он есть на этом уровне. Или, хуже, вас может отпугнуть объем работы, которую вы себе вообразили. Поэтому начинайте с малого и думайте о деталях. Не думайте о картине в целом и крутой конструкции. Если проект не решает текущую потребность, он почти наверняка переусложнён. И не ждите, что придут другие люди и помогут вам. Так не бывает. Вы должны сначала сделать что-то наполовину пригодное, и тогда другие скажут «эй, это мне почти подходит» и подключатся к проекту.

Линус Торвальдс

Создано при помощи генератора пародий.

Продолжим создавать калькулятор, в этот раз речь пойдёт о стилях и небольших доработках кода/разметки — относительно первой части.

Mini JS calculator

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

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

Photo by Pixabay on Pexels.com

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

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

Pug minimal

Когда я не знаю, с чего начать, я открываю чистый файл и пишу: ’// С чего бы начать?’. Дальше всё идёт как-то само собой.

Расмус Лердорф

Современное программирование отчасти похоже на конструктор, с той небольшой условностью, что каждую деталь можно настраивать и изучать отдельно при необходимости. Поэтому для того чтобы разобраться с тем как работает PUG не нужно прибегать к системам сборки вроде Webpack/Parcel — всё можно сделать вручную и опробовать функционал на простых примерах.

Обзор курса «Основы SVG» на htmlacademy.ru

Час напряжённой работы даёт больше, чем годы грёз.
Генри Уорд Бичер

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

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

Если вы до сих пор обходили этот формат стороной, то возможно настал момент, чтобы узнать о нём получше.

Обзор книги «HTML и CSS Разработка и дизайн веб-сайтов» Джона Дакетта

Я твердо верю в удачу. И я заметил: чем больше я работаю, тем я удачливее.

Томас Джефферсон

Краткий обзор увесистой книги. На русском языке издается с 2013 года(ссылка на Эксмо, ссылкана литрес), на английском с 2011 (ссылка на амазон). Из-за своей популярности книга можно найти в общественной библиотеке. Ниже все плюсы и минусы.

Обзор курса «Знакомство с HTML и CSS» на htmlacademy.ru

Не нужно работать много – нужно работать в нужное время в нужном месте.
Филип Котлер

• 

Просто котик, увлеченно верстающий сайт.

Обзор курса «Основы HTML и CSS» на htmlacademy.ru. Главная отличительная особенность от codecademy.com в том, что курс полностью на русском языке и для кого-то это может быть большим плюсом. Остальное под катом.

Основы разработки веб-приложений

Это самое ужасное рассуждение: если я не могу всего — значит, я ничего не буду делать.

Лев Николаевич Толстой

    Сегодня речь пойдет о книге Сэмми Пьюривал «Основы разработки веб-приложений»(ссылка на сайт издательства «Питер»), на английском она имеет название «Learning Web App Development»(ссылка на amazon.com). Тот счастливый случай, когда книга на русском стоит дешевле чем в оригинале 300 рублей против почти 20$ за электронную версию.

    Однако, книги мы берем и читаем обычно не из-за того что они дешево или дорого стоят, а из-за того что они могут принести нам хоть какую-то пользу. Книга позиционируется как пособие для новичков, которые не имели дела с разработкой. В ней поэтапно описывается весь процесс создания приложений, плюс задания. Используются технологии как HTML, CSS, JavaScript, Express, Redis, Sublime text 3,  git, MongoDB, Vagrant, Oracle VM VirtualBox, cloud foundry, а так же используются API twitter. Все это умещается на 272 листах, вместе с обложкой. Впечатляющий результат.  Ниже можно почитать обо всем более подробно.

Learn HTML на codecademy.com

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

Дэниел Киз «Цветы для Элджернона» (Чарли Гордон)

    Испытано на себе, 3-х часовой курс Learn HTML, который содержит в себе основные HTML-теги и оформление таблиц в html страницах, почти не касаясь CSS. Зачем это нужно? Оказывается даже в век фрейморков нужно понимать, что разметка сама по себе не берется из ниоткуда. Даже wordpress можно редактировать в виде html страницы, порой такая функция очень необходима. Данный курс я использовал в качестве закрепления html, пройденный по книге (с демократической ценой в 300 рублей, за электронную версию) «Основы разработки веб-приложений» С. Пьюривал, автор утверждает что книга рассчитана на 14 недельный курс, но о ней поговорим, когда я её закончу.