Вважаю JAMstack одним із найважливіших трендів у веб-розробці 2019 року. На днях на DOU.UA вийшла прекрасна стаття-туторіал по GatsbyJS, дуже рекомендую https://dou.ua/lenta/articles/gatsbyjs-guide/
ДОУ
Детально про Gatsby.js — інструмент для створення складних веб-сайтів
Як відомо, на одних бойлерплейтах далеко не заїдеш, тому доводиться лізти вглиб будь-якої технології, щоб навчитися писати щось вартісне. У цій статті розглянемо деталі Gatsby.js, знання яких дозволить вам створювати і підтримувати складні веб-сайти і блоги.
Цього року маю своєрідне турне - проводжу виступи з темою "Let's Make the Web Great Again with JAMstack and Google Cloud", де розказую, що з сучасним вебом не так і як це можна виправити. Перший виступ був минулого місяця в Чернівцях, наступний відбувся в минулу суботу в Рівному. Як і попереднього разу я зробив запис, але цього разу використав професійне обладнання для звуку, тому з ним тепер все дуже добре. Окремо записав екран та саму сцену за допомогою камери смартфону, змонтував все до купи та виклав на YouTube: https://www.youtube.com/watch?v=V6eH59G98sI
Наступного разу проводити виступ на цю тему буду вже у Львові, 14-го березня, ось посилання https://www.facebook.com/events/648766798889193/ Але я постараюся вже не повторюватися, а зробити свого роду продовження теми, таку собі "другу частину" з ухилом на практику, раджу захопити з собою лептопи, зробимо щось цікаве :)
Наступного разу проводити виступ на цю тему буду вже у Львові, 14-го березня, ось посилання https://www.facebook.com/events/648766798889193/ Але я постараюся вже не повторюватися, а зробити свого роду продовження теми, таку собі "другу частину" з ухилом на практику, раджу захопити з собою лептопи, зробимо щось цікаве :)
YouTube
Let's Make Web Great Again with Google Cloud Platform and JAMstack
Запис виступу на WebUI Meetup в Рівному 2-го березня 2019 року. Посилання на слайди: https://slides.com/p-m/make-web-great-again Підписуйтесь на телеграм-кан...
Скоро перше квітня, в нагоді до цієї дати буде ThanosJS - інструмент з оптимізації розміру проекту, який випадково видаляє половину його файлів https://thanosjs.org/
thanosjs.org
Thanos JS
A demo site to use with Netlify Drop
Оператор умовної рівності в JavaScript (==) мав би спростити програмування, проте на практиці часто заплутує, і краще не використовувати його без зайвої потреби. Тим не менше, розуміти як він працює варто, ось гарне пояснення відповідно до стандарту: https://felix-kling.de/js-loose-comparison/
felix-kling.de
JavaScript loose comparison (==) step by step
An interactive demonstration how loose comparison (==) works in JavaScript
Часто доводиться бачити, що люди неправильно навчаються, а потім нарікають чи то на себе, чи то на тих, хто намагався їх навчити. Насправді здібності до навчання, це такий же навик, як і знання/навички, що під час навчання здобуваються. Мало того, цей навик є "learnable" - тобто йому самому можна навчитися. Згодом планую опублікувати цілу серію публікацій про те, як слід навчатися правильно. А поки раджу почитати гарну статтю по темі на CSS Tricks: https://css-tricks.com/learning-to-learn/
CSS-Tricks
Learning to Learn | CSS-Tricks
There’s been a lot of talk recently about whether or not you need a degree to be in tech (spoiler: you don’t). But please don’t take this to mean you don’t
Хоч і не зовсім нова (від листопада 2018 року), але супернаглядна стаття (і відео на додачу) з блогу freecodecamp на медіумі про контекст виконання та стек викликів у JS, дуже рекомендую: https://medium.freecodecamp.org/execution-context-and-the-call-stack-visually-illustrated-by-a-slice-of-tasty-cake-14f9a64dc460
freeCodeCamp.org
The JavaScript Call Stack - What It Is and Why It's Necessary
By Charles Freeborn The JavaScript engine (which is found in a hosting environment like the browser), is a single-threaded interpreter comprising of a heap and a single call stack. The browser provides web APIs like the DOM, AJAX, and Timers. This ar...
Продовжуємо тему JAMstack:
По-перше, нагадую, що вже післязавтра, 14-го березня буду проводити черговий workshop, це буде друга частина "Let Make The Web Great Again" - детальніше розберемося з самим JAMstack'om, і піднімемо сайт по всім його канонам - статичний генератор, CDN, Markdown, JS APIs та зробимо CI/CD. Реєстрація тут: https://2event.com/ru/events/1655911
По-друге: ось лінк на захопливий виступ Кріса Койера (розробник codepen, css-tricks) про JAMstack: https://youtu.be/grSxHfGoaeg
По-третє: як вам цитата? Вона звідси: https://css-tricks.com/the-great-divide/
По-перше, нагадую, що вже післязавтра, 14-го березня буду проводити черговий workshop, це буде друга частина "Let Make The Web Great Again" - детальніше розберемося з самим JAMstack'om, і піднімемо сайт по всім його канонам - статичний генератор, CDN, Markdown, JS APIs та зробимо CI/CD. Реєстрація тут: https://2event.com/ru/events/1655911
По-друге: ось лінк на захопливий виступ Кріса Койера (розробник codepen, css-tricks) про JAMstack: https://youtu.be/grSxHfGoaeg
По-третє: як вам цитата? Вона звідси: https://css-tricks.com/the-great-divide/
Щойно підігнали відео з мого виступу на Kotlin Meetup https://youtu.be/WCBq168irfs
YouTube
Kotlin and Google Cloud Platform by Vyacheslav Koldovskyy
Grate example of using Kotlin with Google cloud services.
На картинці поливайниця, вона коштує 35 тис. дол. можете перевірити - це річна зарплата senior розробника в Україні. Але мова звісно не про неї, а про те, що робити, щоб коштувати більше за поливайницю. Часто люди впираються в певну стелю доходів, і ніби докладають значних зусиль, а в той же час дохід перестає зростати. То що робити?
Ось вам планчик:
✅ постійно навчайтесь і робіть це правильно - отримання нових навичок та знань - це частина нашої роботи, але не завжди ми це робимо правильно; варто час на навчання включити в свою регулярну роботу, просто заповніть слоти в календарі, хоча б по годині щодня, і краще це зробити зранку (а можливо два слоти - зранку і ввечорі), вивчайте не просто теорію, а старайтеся здобути навик постійно практикуючись і повертаючись до пройденого;
✅ робіть пет-проекти: "навчання в конспект" - то неправильний підхід, дуже непродуктивний, набагато краще експериментувати з якимись міні-проектами, а якщо ви взагалі зможете запустити його в реальне плавання - то дуже добре; код проекту не варто приховувати, тримайте на гітхабі, якщо почнете отримувати запитання, issues та пулл-ріквести до нього, це лише додасть мотивації;
✅ сертифікуйтесь - сертифікація - то валідація ваших знань не лише в очах роботодавців, а і перед самим собою, підготовка до сертифікації - то такий собі спрінт, коли маєте обсяг того, що слід вивчити та дедлайни;
✅ ходіть на конференції, мітапи, і не лише на теми та спікерів, а просто щоб "побути в середовищі", поспілкуватися з людьми, відчути тренди і тому подібне;
✅ виступайте на конференціях та мітапах - багато людей мають психологічний бар'єр публічних виступів, але то насправді "до першого разу", достатньо взяти якусь тему, підготуватися в ній досить добре, придумати про те, як її красиво подати і спробувати свої сили на якомусь мітапі, їх зараз досить багато, і вони завжди в пошуку нових спікерів;
✅ пишіть статті, ведіть блоги - для того, щоб сісти і написати статтю на якусь тему, не треба мати науковий ступінь, навіть навпаки - краще вчитися подавати інформацію максимально доступними словами, що відрізняється від підходів, прийнятих у науковому світі; коли почнете отримувати відгуки на свої публікації, то це вам додасть відчуття правильності того, що ви робите.
Ось вам планчик:
✅ постійно навчайтесь і робіть це правильно - отримання нових навичок та знань - це частина нашої роботи, але не завжди ми це робимо правильно; варто час на навчання включити в свою регулярну роботу, просто заповніть слоти в календарі, хоча б по годині щодня, і краще це зробити зранку (а можливо два слоти - зранку і ввечорі), вивчайте не просто теорію, а старайтеся здобути навик постійно практикуючись і повертаючись до пройденого;
✅ робіть пет-проекти: "навчання в конспект" - то неправильний підхід, дуже непродуктивний, набагато краще експериментувати з якимись міні-проектами, а якщо ви взагалі зможете запустити його в реальне плавання - то дуже добре; код проекту не варто приховувати, тримайте на гітхабі, якщо почнете отримувати запитання, issues та пулл-ріквести до нього, це лише додасть мотивації;
✅ сертифікуйтесь - сертифікація - то валідація ваших знань не лише в очах роботодавців, а і перед самим собою, підготовка до сертифікації - то такий собі спрінт, коли маєте обсяг того, що слід вивчити та дедлайни;
✅ ходіть на конференції, мітапи, і не лише на теми та спікерів, а просто щоб "побути в середовищі", поспілкуватися з людьми, відчути тренди і тому подібне;
✅ виступайте на конференціях та мітапах - багато людей мають психологічний бар'єр публічних виступів, але то насправді "до першого разу", достатньо взяти якусь тему, підготуватися в ній досить добре, придумати про те, як її красиво подати і спробувати свої сили на якомусь мітапі, їх зараз досить багато, і вони завжди в пошуку нових спікерів;
✅ пишіть статті, ведіть блоги - для того, щоб сісти і написати статтю на якусь тему, не треба мати науковий ступінь, навіть навпаки - краще вчитися подавати інформацію максимально доступними словами, що відрізняється від підходів, прийнятих у науковому світі; коли почнете отримувати відгуки на свої публікації, то це вам додасть відчуття правильності того, що ви робите.
Колись я дуже активно цікавився тайм-менеджментом - спочатку дослідив купу ресурсів, перечитав всі найбільш авторитетні книжки, потім почав сам писати статті і проводити тренінги, мав досить популярний сайт. Там було багато цікавого - підходи, техніки, від аналізу до готових рішень. І воно насправді працювало - це не якась там псевдотеорія, а досить виважений і науково обгрунтований підхід. Але по великому рахунку все зводилося до дуже простої ідеї: треба навчитися фокусуватися на важливій роботі, і цього достатньо.
Тобто все зводиться до двох навичок, які треба розвинути:
- виявляти важливі справи;
- робити важливі справи.
Але часто люди в тайм-менеджменті і продуктивності шукають зовсім не те, а відповідь на питання "як взагалі нічого не робити" - зрозуміло, що це не зовсім за адресою :)
Буду періодично продовжувати цю тематику, а згадати про неї мене підштовхнула ось ця публікація: https://www.nytimes.com/2019/03/28/smarter-living/productivity-isnt-about-time-management-its-about-attention-management.html
Тобто все зводиться до двох навичок, які треба розвинути:
- виявляти важливі справи;
- робити важливі справи.
Але часто люди в тайм-менеджменті і продуктивності шукають зовсім не те, а відповідь на питання "як взагалі нічого не робити" - зрозуміло, що це не зовсім за адресою :)
Буду періодично продовжувати цю тематику, а згадати про неї мене підштовхнула ось ця публікація: https://www.nytimes.com/2019/03/28/smarter-living/productivity-isnt-about-time-management-its-about-attention-management.html
NY Times
Productivity Isn’t About Time Management. It’s About Attention Management. (Published 2019)
“Time management” is not a solution — it’s actually part of the problem.
Я не дизайнер, але маю натреноване око, щоб відрізнити гарний дизайн від поганого. У веб-розробці з останнім доводиться зустрічатися часто, і будь-якому розробнику варто хоча б трішки орієнтуватися в ключових поняттях дизайну. Один з них - це відступи між елементами, нерідко буває так, що невдало підібрані відступи викликають підсвідомий дискомфорт, якесь відчуття клаустрофобії, і користувачі поспішають чимшвидше полишити сайт, навіть якщо з усім іншим все добре. Ось прекрасна стаття по темі: https://www.smashingmagazine.com/2019/04/spaces-web-design-gestalt-principles/
Smashing Magazine
How To Use Spaces In Web Design With Gestalt Principles — Smashing Magazine
Design is a creative field where forms and space intermingle to lend us a variety of experiences. Whatever design we come across, our brains are hardwired to transform that piece into simpler components made up of basic shapes and forms that are at play with…
Як працювати краще - швидко чи якісно? Цікава стаття з несподіваними прикладами і висновками: https://kevinmartinjose.com/2019/04/08/programming-doing-it-more-vs-doing-it-better/
Kevin Martin Jose
Programming: doing it more vs doing it better
A few years ago, very early into my programming career, I came across a story: The ceramics teacher announced on opening day that he was dividing the class into two groups. All those on the left si…
Знайти першу роботу найскладніше - для роботи потрібен досвід, а без досвіду не беруть на роботу. Поговоримо про те, як розірвати це замкнене коло. Нове відео: https://youtu.be/fzgwbUA9zxk
YouTube
Про вакансію джуніора і комерційний досвід - як його отримати?
Знайти першу роботу найскладніше - для роботи потрібен досвід, а без досвіду не беруть на роботу. Поговоримо про те, як розірвати це замкнене коло.Ось посила...
Новеньке відео: нерідко буває так, що роботу розробника вважають нудною і нецікавою, чи дійсно це так? https://youtu.be/Rb0Gr0vrIHs
YouTube
Чи справді робота розробника є нудною та нецікавою?
Про роботу розробника існують різні міфи, зокрема нерідко буває люди вважають її нудною та нецікавою. Про це варто поговорити :)
Щоб не промахнутися з вибором, початківці часто дуже ретельно обирають найкращу мову програмування. Варто про це поговорити https://youtu.be/wN_m9fr-A0s
YouTube
Яка мова програмування найкраща?
Початківців дуже хвилює питання - яка мова програмування чи фреймворк найкращий, щоб часом не промахнутися з вибором. Про це треба поговорити :)
Функціональне програмування дозволяє створювати код, який простіше підтримувати, і до того ж містить менше дефектів. Водночас для багатьох воно є достатньо складним і незвичним. У цьому скрінкасті я пропоную три прості практики, які дозволять істотно підвищити якість коду на JavaScript.
https://youtu.be/ZiFGrMf79xU
https://youtu.be/ZiFGrMf79xU
YouTube
Три прості техніки з функціонального програмування для використання в JavaScript
Функціональне програмування дозволяє створювати код, який простіше підтримувати, і до того ж містить менше дефектів. Водночас для багатьох воно є достатньо складним і незвичним. У цьому скрінкасті я пропоную три прості практики, які дозволять істотно підвищити…
Цікавий аналіз вартості послуг на розробку сайту від засновника проекту Weblium - Девіда Брауна. Weblum - це такий собі візуальний конструктор сайтів, який дозволяє створювати лендінги, візитки і подібні сайти без програмування. Він з командою спробував замовити простенький сайт і отримав вартість від $175 до $120000 - непогана така собі виделка цін 😊Це підстава замислитися про те, чи вміємо ми продавати свої послуги. Бо якщо такі ціни на ринку є, то це означає, що є і попит. Додам також невеличкий дісклеймер - Девід людина зацікавлена у промоції свого сервісу, тому в його аналізі є деякі неточності, наприклад, ціни за хостинг сайту завищені, насправді на GoDaddy в зоні .com буде не $25, а порядка $15, також SSL сертифікат не треба купувати за $69.99, бо letsencrypt.org їх безкоштовно видає, ну і власний хостинг стартує десь з $30 дол./рік на vultr.com, тому мінімальна вартість хостингу сайту на рік буде порядка $45 дол., як задатися метою, то можна ще здешевити, наприклад використати firebase hosting - він буде безкоштовний до певного ліміту, залишиться лише вартість домену, а якщо є бажання зекономити, то й без нього можна обійтися, у результаті хостинг в режимі "економ" буде взагалі нічого не коштувати, і це без втрати по якості, сервісу, з тим у firebase все дуже добре 😊
https://ain.ua/2019/05/16/ckolko-realno-stoit-sajt-issledovanie-weblium/
https://ain.ua/2019/05/16/ckolko-realno-stoit-sajt-issledovanie-weblium/
AIN.UA
Cколько может стоить разработка сайта у студий и фрилансеров (исследование Weblium)
Как думаете, $120 000 — это справедливая цена для сайта? Я заметил, что в индустрии сайтостроения нет стандарта, как McDonald’s среди бургеров. У бизнесменов, не связанных с технологиями, низкая степень осознанности: они не знают о трендах в веб-дизайне,…