​Как создаются расширения для VS Code

У VS Code очень богатая библиотека расширений, которые позволяют превратить редактор кода в одну из самых удобных IDE на сегодняшний день. Вам когда-нибудь было интересно, как такие расширения создаются?

В этой статье автор поделился историей создания расширения для фреймворка, работающего на Rust, WebAssembly и TypeScript:

https://www.osohq.com/post/building-vs-code-extension-with-rust-wasm-typescript

#rust #vscode #typescript

​​Жиза

DIQQAT!

Forte Group bir qancha pozitsiyalar boʻyicha Oʻzbekistonlik dasturchilarni ishga taklif qiladi.

Forte 1000 ga yaqin xodimlarga ega boʻlgan, jadallik bilan oʻsib borayotgan, yetakchi IT kompaniya hisoblanadi.

Quyidagi linklardan foydalanib ishlarga topshirishilar mumkin.

Hamma positsiyalar 100% remote! Xohlovchilar ofisda ishlashi ham mumkin.

Share qilib yuborsangiz minnatdor boʻlardim! : )

- Middle React Developer - https://lnkd.in/dqmGHtqv

- Sr/Lead Frontend Developer - https://lnkd.in/dASwbKyp

- Md/Sr .Net Developer - https://lnkd.in/dgtUQVSA

- Sr/Lead Java FullStack Developer - https://lnkd.in/dDKvWZWB

- Middle Node/React Developer - https://lnkd.in/dqh9v7ZP

- Sr Salesforce Developer - https://lnkd.in/dQ6Qdjn9

- Manual QA Engineer (Web and Mobile) - https://lnkd.in/dZRkecGN

- Senior QA Automation Engineer (JS) - https://lnkd.in/d5TBwgUK

- Test Automation Architect (C#) - https://lnkd.in/dPXMw7e8

- Sr iOS Developer - https://lnkd.in/dNEsVb-Z

- Sr Android Developer - https://lnkd.in/dPWaZ99y

- SRE Team Lead - https://lnkd.in/d9epkhGt

Forte Group ni saytiga kirib, o'zingizga mos keluvchi boshqa ishlarga ham apply qilishingiz mumkin.

@ZafarbekIbrohimov

Современный аналог скринсейвера с медузами на Canvas

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

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

https://codepen.io/justjspr/pen/JMBWEV

#codepen #canvas

​Знакомимся с утиной типизацией в TypeScript

Утиная типизация встречается в разных языках ООП. Суть её звучит так: «Если это выглядит как утка, плавает как утка и крякает как утка, то, вероятно , это утка». Логично, не правда ли? Применительно к коду это означает, что он выполнит именно то, что применительно к тем данным, которые он получил.

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

https://javascript.plainenglish.io/what-is-duck-typing-in-typescript-c537d2ff9b61

#typescript

​Улучшение доступности компонентов Angular

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

https://blog.angular.io/improving-angular-components-accessibility-89b8ae904952

#angular

В россии 🇷🇺 могут полностью отключить интернет.
Об этом пишут всё чаще.

Мнения расходятся.
Кто-то говорит, что это не выгодно и делать этого не будут.
А кто-то уже бежит покупать Starlink Илона Маска.
А что вы об этом думаете? 🤔

Press F to pay respects to Internet :3

Master klass: 3 soat ichida lending sahifa tuzish

✳️ Master klassda "Ali dizayn akademiyasi" saytining Figmada tuzilgan maketini soat ichida boshidan oxirigacha jonli ravishda tuzib chiqamiz.

💡 Bu vaqt davomida sayt tuzishdagi "best practice"lar, kodni to'g'ri tartiblash, loyihani GitHub va Netlifyga joylash va kontakt formadagi ma'lumotni Google Sheetsga yuborishni o'rganamiz.

Ustoz: Muhammadjavohir Suratov

⏰ Master klass 12-mart saot 9:00 dan 12:00 gacha bo'lib o'tadi.

P. S. Aynan shu kuni soat 14:00 da UIC Group jamoasi a'zolari ishtirokidagi Meetup ham bo'lib o'tadi.

📲 +998732542404
📩 @rtmadmin
📍Marg‘ilon shahar Xiyobon ko‘chasi 65-uy
(Diyor mehmonxonasi orqasida)

Telegram | Instagram | Facebook | YouTube | TikTok

Интересная реализация блока меню в виде стопки карточек

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

Познакомиться с проектом поближе можно тут:

https://codepen.io/renatoruk/pen/WwyJjE

#codepen

​Куда идти работать в это сложное время? iFellow ищет 600 новых IT-специалистов

Ищут сотрудников поддержки, аналитиков, разработчиков, тестировщиков, DevOps-инженеров и других IT-специалистов для работы с крупнейшими экосистемами Сбера, ВТБ, Альфа-Групп, Газпром, ФСК и др. Центральный офис находится в Москве, филиалы работают в Воронеже, Саратове, Новосибирске, Екатеринбурге и Томске, а сотрудников принимают во всех регионах.

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

Узнать подробнее о компании и найти вакансию для себя: https://tprg.ru/RwK6

#вакансии #работа

​5 распространённых ошибок HTML, которых легко избежать

HTML крайне неприхотлив и «съест» всё, что вы ему предложите независимо от семантичности. Но это не означает, что можно забить на все правила и писать как угодно. Здесь мы предлагаем познакомиться с 5 ошибками, которые мешают вашей вёрстке быть качественной и полезной:

https://devdojo.com/abhiraj/5-common-html-mistakes-you-should-avoid

#html

Selchuk Bayraktar yangi avlod insonsiz uchuvchi qurilmaning ishlab chiqarilishi boshlanganini e'lon qildi.

Bayraktar TB2 larning mahoratini Qorabog' va Ukrainada ko'rib eshitgan bo'lsangiz kerak. Yaqinda TB3 ham ishlab chiqarish yo'lga qo'yiladi.

Bu rasmdagi burgut esa haqiqiy texnologiya asari hisoblanadi. Va yangi avlod qiruvchi samalyotlari oilasiga kirib insonsiz boshqaruvi bilan ajralib turadi.

Yaqinda Bayraktar bir konferensiyada agar TB3 va MIUS(rasmdagi)lar havoga ko'tarilsa va jang maydoniga kirsa, tarixda juda katta burilish amalga oshiriladi degan edi.

Bu hammamizning va musulmon olamining iftixori desam ham bo'ladi 🤩.

Youtube | Linkedin | Instagram

@saudabdulwahed

Tunislik bu Engineer Bako Motors nomi ostidagi startapini tanishtiribdi.

Bu mashina 3 oyoqli bo'lib, quyosh energiyasidan foydalanar ekan.

Videoda faqat mashinani emas, uy sharoitida ham mashina ishlab chiqarish mumkin ekanligini tushindim. Bu insonga hech narsa to'siq bo'la olmabdi.

Youtube | Linkedin | Instagram

@saudabdulwahed

​​Siz uchun 15 ta bepul hosting provayderlarini bir joyga jamladik.

O'qing, o'rganing, loyihalar qiling.

1. GitHub sahifalari
Bepul rejasining xususiyatlari:

- Veb sayt hajmi 1 GB gacha bo’lishi mumkin.
- Bandwidth: oyiga 100 Gb.
- CNAME orqali domen ulashingiz mumkin.
- HTTPSni qo’llab-quvvatlaydi.

2. Glitch
Bepul rejasining xususiyatlari:

- Soatiga 4000 ta so’rovni taqdim qiladi.
- Xotirasi 512MBgacha.
- Cheksiz statik saytlar.
- Github import/eksport funksiyasini qo’llab-quvvatlaydi.
- Kamchiliklari: Sizning kodingiz va loyihangiz avtomatik ravishda ommaga ochiq turadi.

3. Fleek
Bepul rejasining xususiyatlari:

- Domenni tahrirlashni qo’llab-quvvatlaydi.
- HTTPSni qo’llab quvvatlaydi.
- 3 GB xotira.
- Cheksiz veb saytlar.
- Gitda avtomatik joylashtirish.
- Bandwidth: 50GB.
- Bepul SSL sertifikati.

4. Netlify
Bepul rejasining xususiyatlari:

- Bandwidth: oyiga 100 GB.
- Veb saytlar soni: Cheksiz.
- Sayt versiyalarini qayta tiklay olish
- Bepul CLI taqdim etadi.

5. Render
Bepul rejasining xususiyatlari:

- Bandwidth va xotira: oyiga 100 GB.
- Tezkor CDN.
- SSL funksiyasini ulay olash.
- Gitda avtomatik joylashtirish.

To'liq ro'yxat: https://mohirdev.uz/bepul-hosting/

@mohirdev bilan o'zingizga qulay vaqtda, istalgan joyda, chegarasiz ta'lim oling!

Telegram | Instagram | Youtube

​Превращение страницы GitHub в прогрессивное веб-приложение

Благодаря этой небольшой инструкции вы сможете превратить свой сайт в GitHub Pages в PWA приложение:

https://christianheilmann.com/2022/01/13/turning-a-github-page-into-a-progressive-web-app/

#github #pwa

И так каждый раз

​Шаблоны макетов

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

https://web.dev/patterns/layout/

#css

​3 шаблона проектирования компонентов React, о которых вы должны знать

Среди десятков шаблонов проектирования есть те, которые используются наиболее часто из-за их эффективности, надёжности и универсальности. О трёх из них — шаблоне провайдера, шаблоне представления и компонента-контейнера, а также шаблоне составных компонентов — в статье:

https://blog.openreplay.com/3-react-component-design-patterns-you-should-know-about

#react #фронтенд

Поймут только программисты 🌚

p.s. Прислал подписчик

​Оптимизация видео по размеру и качеству

Добавление видео в ваше приложение может повысить заинтересованность и удовлетворенность клиентов. Но при проблемах с воспроизведением видео может произойти прямо противоположное: видео раздражают и отталкивают клиентов. 

В этой статье вы рассмотрите шаги по оптимизации видео на вашем веб-сайте, чтобы обеспечить быстрое воспроизведение и уменьшить количество зависаний:

https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/