Frontend – Telegram

Frontend

3.45K subscribers

382 photos

54 videos

23 files

364 links

Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @jaydariX

Download Telegram

About

Blog

Apps

Platform

3.45K subscribers

#bem #frontend

BEM – CSS klasslarni nomlashda foydalaniladigan metodologiya

BEM (Block, Element, Modifier) – bu frontend loyohalarida CSS klasslarini nomlash va tuzilishini standartlashtirish uchun ishlatiladi.

🔗 Batafsil ma'lumot va misollarni ushbu havolada topishingiz mumkin: BEM Cheat Sheet

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍6

2.09K views05:02

#taklif #frontendChallenge

Assalomu aleykum hammaga

👋

Sizlarga, bugundan o'z ustingizda ishlashingiz va noldan portfolio uchun darajalarga bo'lib loyihalar berib bormoqchimiz!

Bu challenge haqida ma'lumotlar

Kimlar uchun?
Frontend kursini yaxshi+ darajada biladiganlarga.

Loyiha darajasi:
— beginner
— intermediate
— advanced

Loyiha bajarish muddati (deadline):
— min 5 kun
— max 30 kun

Loyiha haqida (har biriga alohida)
— Dizayn bo'ladi (min)
— Texnik topshiriq (tz)
— Eng yaxshi demo versiya

Sizdan talab qilinadi!
— Intizom
— Davomiy harakat

Bu challenge'dan nima olasiz ?!
— Yaxshi portfolio loyihalari
— Mustaqil o'rganish ko'nikmasi
— Yangi ko'nikma (dizayn va hk...)

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍27

4.01K viewsedited 09:30

#frontendChallenge

Sizni munosabatingiz va #frontendChallenge yaxshilash uchun fikrlarni kutib qolamiz 💬

Anonymous Poll

Men qatnashaman 👍

Qatnashaolmayman ❌

👍10

196 voters1.66K views09:33

#taklif #frontendChallenge

Imkoningiz boricha ko'proq dasturchi yoshlarga yetib borishiga yordam berishingizni so'rab qolamiz! 🆘

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍16

1.77K views09:43

Frontend pinned «#taklif #frontendChallenge Assalomu aleykum hammaga 👋 Sizlarga, bugundan o'z ustingizda ishlashingiz va noldan portfolio uchun darajalarga bo'lib loyihalar berib bormoqchimiz! Bu challenge haqida ma'lumotlar Kimlar uchun? Frontend kursini yaxshi+ darajada…»

09:44

#nodejs #frontend

⚙️ Node.js Test Runner-dan foydalanish: Rasmiy qo'llanma

Rasmiy Node.js saytida yangi qo'llanma paydo bo'ldi, unda Node’ning yangi test runner funksionalligi va snapshot testlarni sozlash va undan foydalanish asoslari tushuntirilgan. Qo'llanmaga havola - https://nodejs.org/en/learn/test-runner/using-test-runner

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

Node.js — Using Node.js's test runner

Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and scripts.

👍6

1.73K views05:50

Forwarded from UMFT Amaliyot

This media is not supported in your browser

VIEW IN TELEGRAM

🤝 Na gaaap hamkasb ?
Frontend dasturchi amaliyotni 3-mavsumini boshlaymizmi ?

Amaliyotga qabul uchun 3 ta bosqichdan o'tishingiz lozim bo'ladi:
1-bosqich. Figma fayl dizaynni verstka qilish
2-bosqich. Hackaton
3-bosqich. Suhbat

Amaliyot:
⭐️ 9-iyul 10:00 da 1-bosqichga start beriladi
⭐️ Formati gibrid (online/offline)
⭐️ Bepul
⭐️ Davomiyligi 2 oy

Batafsil ma'lumotni @umft_practice kanalda kuzatib boring. 👍

Please open Telegram to view this post

VIEW IN TELEGRAM

👍10

1.32K views06:16

#vue #frontend

Vue.js Crash Course 2024

Vue 3 asosiy tushunchalari, options & composition API, direktivalar, ref & reactive o'zgaruvchilar, props va boshqa ko'plab tushunchalarni o'rganish uchun 3 soatlik tezkor kurs. Shuningdek "Job listing project " loyihasi ham ko'rsatilgan

📱

Videoga havola

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍13

1.52K views09:00

#css #frontend

Matnni qanday qilib n ta qatorgacha cheklash va qolganini yashirish mumkin?

 p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}

🔥19👍10

1.66K views05:19

#jsLibrary #frontend

📊

Statistikani Vizual Taqdim Etish: Chart.js

Chart.js — sizga chiziqli, sektorli, ustunli va boshqa turdagi diagrammalarni tez va oson yaratish imkonini beradi. Mobil-qurilmalarda ham yaxshi ko'rinadi.

Batafsil ma'lumot: www.chartjs.org

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍5🔥2

1.3K views13:05

🆕 Diqqat

Maqolalaringizni @frontend kanalida e'lon qilish imkoniyatini taklif etamiz.

Bu yodingizdami ?

Tajribali dasturchilarni sohadagi dolzarb muammolarga yondashuvlari, yechimlari haqida post/maqola yuborishlarini taklif qilamiz 😐

#balkiFoydasiTegar

Please open Telegram to view this post

VIEW IN TELEGRAM

👍9🔥3

1.23K views13:16

#jsLibrary #frontend

💦 Eng Yaxshi 8ta JS Animatsiya Kutubxonasi

1️⃣

GSAP (GreenSock Animation Platform) - Yuqori samarali HTML5 animatsiyalar yaratish uchun mo'ljallangan.

2️⃣

Framer Motion - React uchun opensource kutubxona.

3️⃣

Anime.js - CSS xususiyatlari, SVG va DOM atributlarini animatsiya qilish uchun mo'ljallangan.

4️⃣

Popmotion - JavaScript uchun yengil animatsiya kutubxonasi.

5️⃣

React Spring - React ilovalari uchun animatsiyalar yaratishda qo'llaniladi.

6️⃣

Three.js - 3D grafikalarni yaratish va animatsiya qilish uchun kutubxona.

7️⃣

Vivus - SVG tasvirlarni animatsiya qilish uchun mo'ljallangan.

8️⃣

Mo.js - Murakkab va qatlamli animatsiyalar yaratish uchun ishlatiladi.

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

👍8🔥7

3.21K views06:05

https://t.iss.one/boost/frontend

💧

Bu sizlar uchun ajoyib ma'lumotlarni ulashib borishga motivatsiya beradi ⚡️

Please open Telegram to view this post

VIEW IN TELEGRAM

Bu kanal qoʻshimcha funksiyalarni ochishiga yordam berish uchun unga ovoz bering.

🔥7👍5

1.55K views12:27

Yoki aksincha? 😂

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥19👍5

1.59K views17:25

Forwarded from Uzbek Developers

Hozirgi holatimiz.. ;)

uzbekdevs.uz / @uzbekdevs

🔥14👍3

1.58K views04:39

#100DaysOfFrontend #frontend

Assalomu aleykum hammaga 👋

⚡️ Bugundan (12.07.2024) #frontendChallenge boshlangunga qadar #beginner'lar uchun mo'ljallangan yangi #100DaysOfFrontend chellenjiga start beramiz!

#100DaysOfFrontend haqida:

Kimlar uchun (daraja):
- boshlang'ich (beginner)

Texnologiyalar:
- html, css/css frameworks, (js qo'shish ixtiyoriy)

Dizayn:
- loyiha figma maketi beriladi

Loyiha muddati (deadline):
- 1 sutka (24 soat)

Yechimlarni/ishlaringizni kanalga joylangan mos post izohlar qismiga yuborishingiz mumkin.

Bu chellenjda discipline (intizom) ushlansa juda yaxshi shaxsiy izlanish va bilimga ega bo'lasiz!

@frontend

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥6👍5

3.2K viewsedited 05:25

#100DaysOfFrontend

Bugungi vazifa yuboriladi:
Juma (12.07.2024), soat: 20:00

Deadline:
Shanba (13.07.2024), soat: 20:00

Qolgan kunlari shu tarzda davom etadi...

🔥10👍4

1.48K views05:25

#meme #css #frontend

🔥16👍6

1.71K views05:56

DRY termini

DRY (Don't Repeat Yourself) prinsipi dasturiy ta'minot ishlab chiqishda juda muhim hisoblanadi va uning asosiy maqsadi kodni takrorlashni oldini olishdir. Bu prinsip dasturiy ta'minotning o'qilishini, qo'llab-quvvatlanishini va kengaytirilishini osonlashtiradi.

DRY prinsipining ko'plab afzalliklari bor:

Aytaylik yuqoridagi kod misolida agar biz DRY prinsipiga amal qilinmagan holatdagisiga qaraylik. Agarda "button"ning biror xususiyatini o'zgartirmoqchi bo'lsak biz barcha "button"larni o'sha xususiyatlarnini bittama-bitta yozib chiqishga majbur bo'lamiz. Aytaylik "border-radius" xususiyati qiymatini 12px qilmoqchimiz.

Lekin biz DRY prinsipiga amal qilingan holatdagi kodga qarasak, ".button" classli elementning xususiyatini o'zgartirsak ".button" classli barcha elementlarni xususiyatlarini bitta kod blokida o'zgartira olamiz.

Masalan bunday ko'rinishda foydalanamiz:

<button class="button button-primary">Button</button>

👍8🔥5

1.55K views06:33

Frontend pinned «#100DaysOfFrontend #frontend Assalomu aleykum hammaga 👋 ⚡️ Bugundan (12.07.2024) #frontendChallenge boshlangunga qadar #beginner'lar uchun mo'ljallangan yangi #100DaysOfFrontend chellenjiga start beramiz! #100DaysOfFrontend haqida: Kimlar uchun (daraja):…»

06:34