Frontend
3.45K subscribers
382 photos
53 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
Bugun soat 16:00 da "HTML&CSS" darslarimiz boshlanadi.

Darslar 0 dan boshlab 25 ta dars ichida murakkab html templatelarni shakllantira oladigan darajaga olib chiqadi.

Darslar o'quv rejasi

Bo’lim:
- Darslar soni 25 ta.
- Haftada 5 kun 2 soatdan 16:00 - 18:00 gacha
- O’qish formati gibrid (online/offline)
- Har bir dars topshiriq va testlardan iborat bo'ladi
- Portfolioga qiziqarli 3 ta umumiy va 1 ta individual loyiha dasturlaysiz
- Har bir dars yozilib boriladi
- Darsdan tashqari coworking imkoniyati.

Kurs bo’limi narxi: 1.5 mln so’m
Kurs boshlanish vaqti 1-iyul.

Darslarga yozilish uchun @elshod
👍8
Frontend
Darslarga yozilish uchun @elshod
@Frontend kanalidan keldim desangiz kurs davomida qo'shimcha yordamlar ham bor!
👍9
#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
#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
Frontend
#frontendChallenge
Sizni munosabatingiz va #frontendChallenge yaxshilash uchun fikrlarni kutib qolamiz 💬
Anonymous Poll
88%
Men qatnashaman 👍
12%
Qatnashaolmayman
👍10
Frontend
#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
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…»
#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
👍6
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
#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
#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;
}

@frontend
🔥19👍10
#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
Frontend
🆕 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
#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
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
🔥7👍5
Yoki aksincha? 😂

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥19👍5
Forwarded from Uzbek Developers
Hozirgi holatimiz.. ;)

uzbekdevs.uz / @uzbekdevs
🔥14👍3
#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
Frontend
#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
🔥16👍6
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>


Humoyunmirzo
👍8🔥5