Frontend – дорожная карта
Разработка клиентской части сайтов всегда была и будет одной из самых востребованных тематик в IT. Держите дорожную карту по этому направлению и вперёд.
#роадмап#frontend
Подборка вакансий от DVS
Faculty member specializing in Data Visualization and Visual Analytics at College of Information at the University of Maryland | College Park, Maryland USA
Developer, Graphics at The Athletic | Remote
CRM & Data Executive at WebsiteFirst News | London / Wapping / Hybrid
#foreign
#frontend
#storytelling
#dashboard
#remote
Подборка работ от DVS
Visualization Designer at EdPlus at Arizona State University | Scottsdale, Arizona
Tableau Developer at CUNY Institute for Implementation Science in Population Health | New York, NY
Senior Data Visualization Designer at Moody's Ratings | New York, US remote
#foreign
#dashboard
#frontend
#storytelling
#remote
DVS в своей рассылке напоминает про вскансии
Senior data visualization developer at Datawrapper | Anywhere
Business Development Explorer at Vizzuality | Remote (Spain, UK, Portugal)
Sr. Developer, Interactive Storytelling -National Geographic at The Walt Disney Company | Washington DC
#foreign
#dashboard
#frontend
#storytelling
#remote
😣 — У этого элемента bouncy нужен, а ты поставил smooth
🍷 — Да хуй знает, у тебя в Figma так, а в коде иначе
Бывало такое? Когда вы с разработкой не можете договориться, какая анимация должна быть и всё, тупик. Но знаете что, для ликвидации этой проблемы есть один опенсорс-проект, который снижает путаницу при работе с разными типами анимаций
Это прямо алмазик среди гор непонятности. Вы только гляньте, можно сбилдить полноценное демо-приложение для macOS с интерактивным изучением и сравнением анимаций в SwiftUI. Если хотите разобраться, как ведут себя разные анимационные кривые, подобрать правильные параметры для своих приложений и попасть пуля в пулю с макетами — смело берём:
🔗SwiftUI Animation Playground
Доступно 9 типов анимаций:
.spring, .smooth, .snappy, .bouncy, .easeIn, .easeOut, .easeInOut, .linear и .interpolatingSpring
Опции настройки:
duration, hold, shape, bounce, stiffness, damping
В режиме сравнения до трёх анимационных кривых параллельно
❌
В эту же тему напомню, что ранее писал про кастомизируемый движок с управляемой физикой в SwiftUI — Kinetics
#dev#frontend#анимация
#vuejs#frontend#dasturlash_hayoti
💚Vue.js’da v-if va v-show orasidagi farq
Vue’da elementlarni ko‘rsatish yoki yashirishda ikkita direktiva bor: v-if va v-show. Ular bir xil vazifani bajaradi, lekin ishlash usuli boshqacha
v-if
— Element faqat shart rost bo‘lsa DOM’da paydo bo‘ladi.
— Shart yolg‘on bo‘lsa, element DOM’dan butunlay olib tashlanadi.
— DOM qayta yaratilgani uchun ishlashi sekinroq.
Misol:
<button v-if="isAdmin">
Admin panelga kirish
</button>
✅isAdmin = true → tugma DOM’da yaratiladi.
❌isAdmin = false → tugma DOM’da umuman yo‘q bo‘ladi.
🟩🟩🟩🟩🟩🟩🟩🟩
v-show
— Element har doim DOM’da mavjud.
— Faqatgina CSS (display: none) orqali yashiriladi yoki ko‘rsatiladi.
— Tez ishlaydi, chunki DOM qayta yaratilmaydi.
Misol:
<button v-show="isLoggedIn">
Profilga kirish
</button>
✅isLoggedIn = true → tugma ko‘rinadi.
❌isLoggedIn = false → tugma DOM’da bor, lekin ko‘rinmaydi.
🟩🟩🟩🟩🟩🟩🟩🟩
💡 Xulosa:
◾️Agar element kamdan-kam ko‘rinadigan bo‘lsa → v-if
◾️Agar element tez-tez ko‘rinib-yashiriladigan bo‘lsa → v-show
💻@dasturlash_hayoti— Dasturchilar uchun eng kerakli maslahatlar va foydali kontent
localStorage, sessionStorage va cookies farqi
Brauzerda ma’lumot saqlashning 3 yo‘li:
1️⃣localStorage – 5-10MB, cheksiz muddat saqlanadi
2️⃣sessionStorage – Faqat tab yopilgunga qadar saqlanadi
3️⃣cookies – 4KB, server bilan ham ishlaydi
💡 Token yoki user settings uchun localStorage yoki sessionStorage, analytics uchun esa cookies ishlatiladi.
🧠 3 ta so‘z – 3 xil xotira
localStorage — uzoq eslaydi
sessionStorage — tez unutadi
cookies — xuddi eski sevgi kabi, faqat 4KB joy egallaydi 😄
⚡️🔥👍 — Qaysi birini ko‘p ishlatgansiz? Reaksiya bilan bildiring!
#JavaScript#WebStorage#Frontend
💻@dasturlash_hayoti— dasturchilar hayoti va dasturlash olami haqida qiziqarli loyiha!
Web Skills — Veb dasturchilar uchun barcha ko‘nikmalar bir joyda!
Yangi boshlayapsizmi yoki allaqachon tajribali dasturchimisiz — bu platforma har ikkala holat uchun ham foydali!
Web Skills — bu veb-ishlab chiqish bo‘yicha zarur barcha ko‘nikmalarni o‘rganish, tartib bilan rivojlantirish va amaliyotda qo‘llashga yordam beradigan bepul manba.
Har bir mavzu bo‘yicha o‘quv resurslari, maqolalar va foydali havolalar jamlangan. Frontend, backend, version control, SEO, accessibility va yana ko‘p yo‘nalishlar bo‘yicha bilimlaringizni mustahkamlab boring!
Platformani ko‘rish:
👉andreasbm.github.io/web-skills
💡 Dasturlashda yo‘nalishingizni topishga va o‘rganishni tizimli qilishga yordam beradi!
#WebDasturlash#Frontend#Backend
💻@dasturlash_hayoti — bir xatoni tuzatib, ikkinchisiga tayyorlanish! 😅
Датавиз студия Data&Design в Ирландию на неполный день и гибкий график (прямо про удаленку не говорят, но..) ищут себе интерна на трехмесячную стажировку с августа!
Нужно знать и любить датавиз, хорошо ладить с фигмой, хорошо бы кодить на D3 или Svelte, но не самоцель. Предпочтение уже трудоустроенным!)))
https://jobs.datavisualizationsociety.org/job/data-design-remote-paid-internship-data-visualisation-internship/
#foreign
#storytelling
#frontend
#internship
#javascript#awesome#frontend#weekly
You can access a weekly updated collection of carefully selected, in-depth articles on front-end development, covering cutting-edge technologies, source code analysis, back-end insights, business thinking, design patterns, compiler principles, algorithms, and more. This resource includes practical guides on JavaScript, React, TypeScript, and other key tools, plus advanced topics like machine learning and data visualization. It helps you stay current with industry trends, deepen your technical skills, and improve your coding and architectural understanding, making your development work more efficient and informed. Following this can boost your expertise and career growth in front-end development.
https://github.com/ascoders/weekly