Custom Table!

@Diyorbekk_dev

Ertaga Docker haqida gaplashamiz!

@Diyorbekk_dev

What is Docker?

Docker is an open-source platform that allows you to automate the deployment, scaling, and management of applications using containerization.

Containerization is a lightweight virtualization technology that allows you to package an application and its dependencies into a standardized unit called a container. A container includes everything needed to run the application, such as the code, runtime, system tools, libraries, and settings.

Docker provides a way to create and manage containers efficiently, making it easier to develop, deploy, and run applications consistently across different environments. It allows you to package your application and its dependencies into a single, portable image that can be run on any system supporting Docker.

Key concepts in Docker include:

1. Images: Images are read-only templates that contain the application code, runtime, libraries, and other dependencies. They are used to create containers.

2. Containers: Containers are lightweight, isolated environments that run instances of an image. Each container provides an isolated and secure runtime for the application.

3. Dockerfile: A Dockerfile is a text file that contains instructions for building a Docker image. It specifies the base image, copies the application code, installs dependencies, and configures the container.

4. Docker Registry: Docker Registry is a central repository for storing and sharing Docker images. Docker Hub is the default public registry, but you can also set up private registries.

5. Docker Compose: Docker Compose is a tool that allows you to define and manage multi-container applications. It uses a YAML file to configure the services, networks, and volumes required for your application.

Benefits of using Docker in frontend projects include:

- Consistent environments: Docker ensures that your application runs consistently across different environments, eliminating the "works on my machine" problem.

- Isolation: Containers provide isolation, allowing you to run multiple applications on the same host without conflicts.

- Scalability: Docker makes it easy to scale your application by running multiple containers on a cluster of machines.

- Reproducibility: Docker images are immutable, meaning they can be easily shared and reproduced, ensuring consistent deployments.

- Efficiency: Docker's lightweight nature and containerization allow for efficient resource utilization, enabling faster deployment and scaling.

Overall, Docker simplifies the development, deployment, and management of applications by providing a standardized and portable environment.

Sorry for being late!

@Diyorbekk_dev

Endi navbat projectda sinab kòrish bòladi!

Ertaga real projectda run qilib kòrsatib beraman! Agar foydalanishni òrganib olsangiz deploymentda yoki tekin serverlarga projectingizni joylayotganingizda (Netlify and Vercel) da projectdan umuman error perror chiqmaydi! 😅

Qaysi joyda nima hato qilinganligini kòrsatib berarkan!

@Diyorbekk_dev

Ana Testerni ishi. 🤦‍♂️

Team project-ni detalni xatolarini, hatto px lagacha tekshirib chiqyapti.

Meni nazarimda oxirida Awesome narsa bo'ladiyooo 😅.

Reja bo'yicha bugun yangi project demo qilinishi kerak. Yangilik bo‘lsa kanalda ulashib boraman. Ega bo‘lgan tajribalarimni ham ulashib boraman asta sekinlik bilan.

@Diyorbekk_dev

Mana Sizlarga console ichidagi barcha void functions-lar.

RunJsni o‘rnatib olishni maslahat beraman. Ancha qulaylik tu'g'diryapti men uchun.

Kanalda ozgina to‘xtalish bo‘ldi. Yangi narsalar yig‘ib qo‘ydim barchasini tartiblab, ketma ketlikda ulashib boraman.

Barchasi real projectda , katta team bilan ishlashga mo‘ljallangan.

Kezi kelganda jim turish ham bu qolganlarga nisbatan hurmat demakdir!

@Diyorbekk_dev

Run js

@Diyorbekk_dev

🔥Yana bir IELTS 9.0 ballni qarshi oling!

🥳 O'zbekistonda 7-NINER - ALEKSANDR FINKELSHTEYN Edu Action jamoasi nomidan chin dildan tabriklaymiz!

Bu hali hammasi emas, siz ham 9 ball olishga haqlisiz!

❗️IELTS imtihoniga EXAMS.UZ orqali ro'yxatdan o'ting!

Telegram | Instagram | Facebook

Alex akadan ko'p narsa o'rgangan edim!

Kelasi yil IELTS yangilash niyat bor! Ikkinchi urinishda nima bo'larkin! 😅

Partner bo'lishni istaganlar bitta guruhcha ochamiz!

If you wanna join, just comment your name!

@Diyorbekk_dev

Savol?

Sizga backend dan mahsulot narxi (data) kelyapti! Bu kelayotgan datani hona boyicha ajratib userga tushunarli qilib kòrsata olishimiz kerak.

Example:

{
price: 120000
}


Web sahifada kòrinishi. 120,000 holatda bòlishi kerak!


Sonni shunday format qiluvchi function yozingki, istal gan joyda o'sha function-ni ishlata olish mumkin bòlsin!

(Import export larisz)

Javobni commentariyada kutaman!


@Diyorbekk_dev

JavaScript is the best one😅✊

@Diyorbekk_dev

Project arhitekturasi uchun!

Siz qaysilaridan foydalangansiz?

@Diyorbekk_dev

Reactda renderingni tushunish boshlaydiganlarga qiyin bo'ladi, nega componentim ko'p render bo'lyapti degan savollar ko'p so'rashadi.

Buni oqibatida sekin ishlaydigan / serverga ko'p bosim yuklaydigan applicationlar dunyoga keladi.

Reactda state qanday update bo'ladi, nimalar evaziga Component re-render bo'ladi, shularni yaxshi tushunish uchun react.dev saytidagi ushbu topiclarni yaxhsilab o'qib chiqishni maslahat beraman.

App.js ga shu tarzda yozilsa manashu functionni globalniy tarzda ishlatsa bo'ladi.

(Parent classlarga etibor berish muhum!)

@Diyorbekk_dev