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 ✅

Web dasturchi kim ?

Web dasturchi – asosan web ilovalar, web saytlar va brauzerda ishlovchi web dasturlarni yaratish bilan shug’illanadi. Web dasturchilar asosan 2 turga bo'linadi:
1) Front-end
2) Back-end

🌐 Ko'proq o'qish 👈🏻

@junior_developer : Frontend dasturlashga oid foydali resurslar ✅

Zerikkanlar uchun ajoyib figma maket

Soha turi: Mebel bilan jihozlash
Janr: mebel yoki aksessuarlarning onlayn do'koni
Format: #figma
Havola: https://www.figma.com/file/djqwbTfjXLqYx043cbXr7t/Furniking?node-id=0%3A1

@junior_developer : Frontend dasturlashga oid foydali resurslar ✅

#memes
Web saytingizni turli xil qurilmalarga moslashuvchan (responsive)ligini tekshirayotganingizda 😁

@junior_developer : Frontend dasturlashga oid foydali resurslar ✅