🏃 Front-end dasturlash bo‘yicha musobaqa o‘tkazish uchun ajoyib sayt.

LINK: 100dayscss.com

👉🏼 @junior_developer | #coding

🌐 Bepul va pullik icon larni taqdim etuvchi saytlar

1. Font Awesome
2. Boxicons
3. Material Icons
4. Heroicons
5. Icons8
6. Bootstrap Icons
7. Flaticon
8. IconFinder
9. Freepik
10. IconShock

P.S: Yana qanday saytlarni bilasiz ? Izohlarda qoldiring

👉🏼 @junior_developer | #icons

Tez va xatosiz yoz!

⌨️ monkeytype.com - sayti orqali siz turli xil til va sohalarga oid so'zlar yordamida klaviaturada tez yozishni mashq qilishingiz mumkin.(dunyoni top dasturchilar juda ko'p foydalanib turishadi)

Bu saytda juda ko'plab funksiyalari mavjud bo'lib:
⌛️ vaqt bo'yicha yozish
🆎 so'zlar soni bo'yicha
㊙️ til, soha tanlash imkoniyati
📊 statistika bo'limi

👉🏼 @junior_developer | #coding

Frontend asosini : Html, Css, JavaScript tashkil etadi...

° Html - belgilash tili (web-sayt strukturasi)
° Css - uslub berish, stil, joziba berish
° JS - jonlantirish (interaktivlik)

👉🏼 @junior_developer | #frontend

JavaScriptni o'rganish uchun kerakli Github omborlari

JS o'rganayotgan do'stlarimizga ushbu Github omborlari juda yordam beradi.

👉 github.com/airbnb/javascript

👉 github.com/ryanmcdermott/clean-code-javascript

👉 github.com/getify/You-Dont-Know-JS

👉 github.com/trekhleb/javascript-algorithms

👉 github.com/leonardomso/33-js-concepts

👉 github.com/lydiahallie/javascript-questions

👉🏼 @junior_developer | #JS #GitHub

Million Dollarlik Bosh sahifa

Aleks Tyu 21 yoshida veb-saytda piksel sotish orqali atigi 4 oy ichida $1 million+ ishlab topgan.

Bu statik web sahifa boʻlgan.

Kontseptsiya juda oddiy edi:
kamida $100 evaziga reklama beruvchi 100 pikselli blokni (10 x 10 grid) sotib olishi va oʻzi tanlagan rasm yoki logotipni link bilan namoyish qilishi mumkin edi.

Bu saytni qilish uchun 2 kun vaqt ketgan va domen uchun 50$ pul sarflagan.

©@botirziyatov

👉🏼 @junior_developer

⌨️ Google Fonts yordamida HTML kodiga shriftni qanday qo'shish mumkin (https://fonts.google.com/specimen/Roboto)?

🟡 Har qanday saytni yaratish uchun sizga shriftlar kerak. Bu xabarda men sizga Google shriftlari yordamida shriftni kodga qanday yuklashni ko'rsataman.

🟠 Siz Google Fonts veb -saytiga kirishingiz, kerakli shriftni tanlashingiz va "Select this style" ni bosishingiz kerak.

🟢 Ekranning o'ng tomonida shrift xususiyatlariga ega menyu paydo bo'ladi. Kodni olish uchun Embed ni bosing.

🌐 Google sizga <link> tegli HTML havolasini yoki <style> tegli CSS formatini taklif qiladi.

👉🏼 @junior_developer | #font

Portfolio uchun qilingan ajoyib "UDAR" sayt ekan, sizlar bilan bo'lishgim keldi :)

sayt 👉🏼 https://henryheffernan.com/

Html, Form elementlari

👉🏼 @junior_developer

#vuejs

Vue.js nima ?

Vuejs - web foydalanuvchilari interfeysini yaratishda va avtomatik tarzda sahifalar orasidagi almashishni boshqarishda yordam beruvchi bir JavaScript kutubxonasi (library) hisoblanadi.
U standart HTML, CSS va JavaScript-ga asoslanadi. Vue - bu frontend ishlab chiqishda zarur bo'lgan umumiy xususiyatlarning ko'pini qamrab oluvchi ramka va ekotizim.Vue turli yo'llar bilan ishlatilishi mumkin:

-/ Qurilish bosqichisiz statik HTMLni yaxshilash
-/ Bir sahifali dastur (SPA)
-/ Jamstack / Statik sayt yaratish (SSG)
-/ Maqsadli ish stoli, mobil, WebGL va hatto terminal

🌐 Batafsil ma'lumot 👈🏻

@junior_developer

#memes
No comment

@junior_developer

Css basic / instagramdan

@junior_developer

CSS: mask-image atributi haqida , manimcha rasmdan nima ish qilishini tushungan bo'lsangiz kerak

@junior_developer

#foydali

Wappalyzer : veb-satrlar qaysi dasturlash tillarida yozilgan, qanday fremwork(kutubxona, texnologiya)lardan foydalanganligini bilishni istaysizmi? unda bu extension aynan siz uchun.

🌐 brauzerga o'rnatish
💻 foydalanish uchun qo'llanma

@junior_developer

VueJs ni o'rganmoqchi bo'lganlarga tavsiya qilaman.

💡Dasturlashni o'rganish uchun Top websaytlar :

1. www.codecademy.com
2. www.lynda.com
3. www.udemy.com
4. www.udacity.com
5. www.coursera.org
6. www.w3schools.com
7. www.thenewboston.org
8. www.programmr.com
9. www.codeavengers.com
10. www.codeschool.com
11. www.learnstreet.com
12. www.teamtreehouse.com
13. www.sqlzoo.net
14. www.codehs.com
15. www.teamtreehouse.com
16. www.html5rocks.com
17. www.codepen.io
18. www.sitepoint.com
19. www.tutorialspoint.com
20. www.javatpoint.com
21. www.cplusplus.com
22. www.learncpp.com
23. www.tutorialspoint.com
24. www.cprogramming.com
25. www.stackoverflow.com
26. www.learncodethehardway.org
27. www.bloc.io
28. www.howtocode.io
29. www.edx.org
30. www.instructables.com
31. www.developer.apple.com
32. www.developer.android.com
33. www.developers.google.com
34. www.developer.mozilla.org
35. www.msdn.microsoft.com
36. www.dev.opera.com
37. www.www.developphp.com
38. www.quackit.com
39. www.htmlite.com
40. www.siteduzero.com
41. www.dreamincode.net
42. www.phpbuddy.com
43. www.php.net
44. www.microsoftvirtualacademy.com
45. www.professormesser.com
46. www.freecodecamp.org

@junior_developer : Frontend Dasturlashga oid foydali resurslar ✅

#instagramdan
Css | flex flow haqida

@junior_developer : Frontend dasturlashga oid foydali resurslar ✅

Git bilan ishlashdagi asosiy ma'lumotlar jamlangan qo'llanma(rus tilida)

@junior_developer : Frontend dasturlashga oid foydali resurslar ✅