Size: a a a

Step by Step for Web

2019 October 16
Step by Step for Web
Наконец то прилетели ко мне записи лекций с Frontend Meetup.

Чем и хочу с вами поделиться:

1. Григорий Петров. DevRel Evrone.
"Nuxt.js: миллион полезных мелочей для Vue.js фронтенда"

https://www.youtube.com/watch?v=Uhip87YsBhs
YouTube
Vue.js: SSR с помощью Nuxt.js  | Meta/conf
Следующее мероприятие: DevOps meetup
16 ноября 2019, Воронеж
Регистрация: https://metaconf.net/devops-meetup

Григорий Петров, DevRel Evrone рассказал как Nuxt.js облегчает разработку приложений на Vue.js и позволяет использовать SSR. без единой строчки кода.

Хотите ускорить загрузку вашего сайта, но не хотите сами настраивать SSR и все, что он за собой тянет?  Из доклада Григория вы узнаете о том, какие инструменты и плагины Nuxt.js подойдут для этого лучше всего, а также о:

Быстром прототипировании сайтов с помощью Nuxt.js
Автоматической генерации тысяч статических страниц
Полезных мелочах, которые Nuxt.js предлагает веб разработчикам.

Презентация доклада Григория: https://u.to/U5p0Fg
_____________________________
Больше информации  о конференции: https://metaconf.net
Meta/conf в Вконтакте: https://vk.com/metaconf
Meta/conf в Facebook: https://www.facebook.com/Metaconfrus
#Metaconf_vrn #IT_конференция #frontend_meetup #Evrone #DataArt #Frontend
источник
Step by Step for Web
2. Андрей Гончаров. Senior Software Engineer в DataArt.
"React: lifting state up is killing your performance"

https://www.youtube.com/watch?v=8mt-_FBrd4E
источник
Step by Step for Web
3. Антон Зеленский. Lead Software Engineer Epam.
"Микросервисы на фронтенде"

https://www.youtube.com/watch?v=UcOr2jp0mMU
источник
Step by Step for Web
4. Михаил Кондратьев. Fullstack developer Крок.
"Intern - тестирование UI без преград"

https://www.youtube.com/watch?v=2K62-zoCy4c
YouTube
Интеграционное тестирование интерфейсов с помощью Intern | Meta/conf
Следующее мероприятие: DevOps meetup
16 ноября 2019, Воронеж
Регистрация: https://metaconf.net/devops-meetup

На Frontend митапе, который прошёл в Воронеже 14 сентября,мы затронули тему не только разработки, но и тестирования UI.  Про интеграционное тестирование интерфейсов с помощью Intern рассказал Михаил Кондратьев, Fullstack developer КРОК.
В своем докладе он ответил на следующие вопросы:
- Что такое intern, где и как он применяется
- Как разработчики КРОК запускают тесты и как используют CI для тестирования UI.
А также рассказал про применение intern в unit  и функциональных тестах. рассмотрел основные проблемы при написании тестов, подкрепив их практическими кейсами: как обрабатывать ошибки теста, как запускать тесты под Headless Chrome, как отлаживать тесты с помощью Webpack и многое другое.

Презентация доклада Михаила: https://u.to/FyKLFg
_____________________________
Больше информации  о конференции: https://metaconf.net
Meta/conf в Вконтакте: https://vk.com/metaconf
Meta/conf в Facebook: https:/…
источник
Step by Step for Web
5. Роман Еникеев. Development Lead DataArt.
"Атипичный Angular: performance, flexibility, customization"

https://www.youtube.com/watch?v=gr1oJreKpso
источник
2019 October 28
Step by Step for Web
Семь месяцев уже работаю. Можно и поздравить, наверно.

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

По итогам этой программы будет возможность сходить на собеседование в DataArt. На базе этой компании и строилась менторская программа.

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

Так что давайте учиться вместе
источник
2019 October 30
Step by Step for Web
А хотите немного криминала связанного с HTMLAcademy?

👍 - валяй
👎 - нет
источник
Step by Step for Web
Шёл конец 2014 года. Работал же я на заводе. Совок самый настоящий, проходная, досмотр и охрана, которая прощупывает сумки, вход по электронным пропускам и все такое. Ну представляете...

И вот однажды на территории нашего цеха решили разобрать не действующий трансформатор. Списать или проще сказать утилизировать.

А там он практически весь сделан из меди. Медные пластинки и проволока. Все это добро нужно было отправить на внутренний металлоприём.

Я этого не сделал и часть элементов утащил к себе в укромное место. В течении нескольких месяцев разбирал, пока никто не видит. Делил на маленькие порции и выносил в руковах и в карманах по чуть чуть в течении 7-8 месяцев. Вышло около 100 кг а может и больше.

Спросите, а при чем тут HTMLacademy?

Да просто все вырученные деньги я потратил на базовый интенсив по вёрстке и годовую подписку.

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

Кстати, никто об этом не знал и не знает до сих пор. Ну теперь знаете вы.

Верстать сайты, оказывается, опасно...
источник
Step by Step for Web
А какова мораль то всей истории? Геройский поступок? Все правильно сделал? Нет. Не нужно так делать никогда, это срез того, как там все устроено. Многие скажут, что добро пропадает и сделают также. Многие делают подобное постоянно. Но принять то, что когда-то сделал не правильный поступок, важно.
источник
2019 October 31
Step by Step for Web
Сегодня хочу поговорить о методологиях разработки программного обеспечения.

Поварившись немного в команде  начинаешь мыслить шире и понимать важность принципов построения рабочего процесса.

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

1. "Waterfall Model" - (Водопад или каскадная модель) Подразумевает последовательное прохождение стадий: проектирования, дизайна, кодирования, тестирования, поддержки, каждая из которых должна завершиться полностью до начала следующей. Стоимость внесения изменений высока, так как для ее инициализации приходится ждать завершения всего проекта. Применяют в проектах, где важно не допустить риск ошибки (медицина, авиостроительство и т.п.)

2. "V-модель"
- применима к системам, которым особенно важно бесперебойное функционирование. Модель направлена на тщательную проверку и тестирование продукта, находящегося уже на первоначальных стадиях проектирования. Стадия тестирования проводится одновременно с соответствующей стадией разработки, например, во время кодирования пишутся модульные тесты.

3. "Incremental Model" (инкрементальная модель)
В этой модели полные требования к системе делятся на поэтапные сборки ПО. Имеют место несколько циклов разработки, и вместе они составляют жизненный цикл "мульти-водопад" . Цикл разделен на более мелкие легко создаваемые модули. Каждый модуль проходит через фазы определения требований, проектирования, кодирования, внедрения и тестирования. Процедура разработки по инкрементной модели предполагает выпуск на первом большом этапе продукта в базовой функциональности, а затем уже последовательное добавление новых функций. Процесс продолжается до тех пор, пока не будет создана полная система.

4. "RAD Model" (rapid application development model или быстрая разработка приложений)
RAD-модель — разновидность инкрементной модели. В RAD-модели компоненты или функции разрабатываются несколькими высококвалифицированными командами параллельно, будто несколько мини-проектов. Временные рамки одного цикла жестко ограничены. Созданные модули затем интегрируются в один рабочий прототип. Синергия позволяет очень быстро предоставить клиенту для обозрения что-то рабочее с целью получения обратной связи и внесения изменений.

5. "Agile Model" (гибкая методология разработки)
В гибкой методологии разработки после каждой итерации заказчик может наблюдать результат и понимать, удовлетворяет он его или нет. Это одно из преимуществ гибкой модели. К ее недостаткам относят то, что из-за отсутствия конкретных формулировок результатов сложно оценить трудозатраты и стоимость, требуемые на разработку.

В основе такого типа лежит "Scrum" набор принципов, ценностей, ритуалов. На которых строится процесс Scrum-разработки, позволяющий в жёстко фиксированные временные итерации(sprints) предоставлять пользователю готовый продукт. Непродолжительные ежедневные встречи — "StandUp" и регулярно повторяющиеся собрания (раз в неделю, раз в две недели или раз в месяц), которые называются "Sprint Planning Meeting". Строго фиксированная небольшая длительность спринта придаёт процессу разработки предсказуемость и гибкость.

6. "Iterative Model" (итеративная или итерационная модель)

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

7. "Spiral Model" (спиральная модель)

"Спиральная модель" похожа на инкрементную, но с акцентом на анализ рисков. Она хорошо работает для решения критически важных бизнес-задач, когда неудача несовместима с деятельностью компании, в условиях выпуска новых продуктовых линеек, при необходимости научных исследований.
источник
Step by Step for Web
А что у нас на проекте? Было что то вроде водопада.

Но приняли решение, что это не очень мобильно. И сейчас с болью пытаемся перейти на Scrum. В спринты не укладываемся, планируем без учёта тестирования.

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

Кстати про Scrum. Хочу попробовать сделать Scrum board - это доска задач, так называемая. На стеке React/Node/Express. Пока всё туманно, у меня нет чёткого плана.

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

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

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

Книги разные, начиная от "Азов программирования" Столярова и  "React разработки" до какого-нибудь киберпанка или классики, например.

Интересна идея?

👍 - Да. Я подпишусь на новый канал. Делай.

👎 - Нет. Не хочу. Не делай этого
источник
Step by Step for Web
источник
Step by Step for Web
Кстати про книгу Столярова. Узнал, что наш новый Тим Лид принимал активное участие в написании книги. Заваливал замечаниями автора. Ну и они собственно дружат очень давно.

Просто, порой поражаюсь, как мир может быть тесен. Да и вообще я верю в силу нетворкинга. И это здорово
источник
2019 November 01
Step by Step for Web
Как выучить программирование?

Программирование - это, в конечном счёте, не более чем ремесло, а ремесло выучить невозможно, ему можно только научиться.

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

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

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

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

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

Четвёртый рубеж - получение денег за работу по написанию программ.
источник
2019 November 03
Step by Step for Web
Берите в руки редактор текстов и пробуйте.

Пробуйте, пробуйте, пробуйте, пробуйте! Знайте, компьютер от ваших программ не взорвётся, пробуйте смелее.

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

И помните: всё это должно быть в "кайф"; вымучивать программирование бесполезно.
источник
2019 November 04
Step by Step for Web
Немного о внутренней кухне в компании

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

Начинаю узнавать подробности. Оказывается нашли человека, написали ему. А он отвечает: "Ребята, что вы от меня хотите?"

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

Написал свою критику и то что, думаю на этот счёт. Не знаю, что будет в итоге.

Пока качаю скилл, если не захотят прислушиваться, то впору искать новое место.
источник
2019 November 05
Step by Step for Web
​​Тестирую уже несколько дней приложение Twilight.

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

Не знаю, может кто уже знает про это?

По ощущениям, вроде не плохо. Сделал скриншот
источник
2019 November 14
Step by Step for Web
Информационное насилие

Звучит странно и не понятно.

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

И реклама не единственный вид информационного насилия.

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

Вообще то свобода, это не более, чем отсуствие информационного насилия.

Но что же тогда такое - насилие?

Насилие - это любое действие с человеком или с его имуществом, котрое происходит без его на то согласия. Или тем более вопреки его активному несогласию.

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

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

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

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

Это выжимка из слов Кандидата физико-мтематических и философских наук А. В. Столярова.

Столкнулся с этой информацией и задумался, сохраняю на канале.
источник
Step by Step for Web
Я совсем забыл рассказать, что мою критику по поводу вакансии хорошо восприняли.

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

Пока вроде так
источник