Coder Social home page Coder Social logo

techmely / hoc-lap-trinh Goto Github PK

View Code? Open in Web Editor NEW
58.0 58.0 92.0 7.24 MB

Các khoá học lập trình được cộng đồng lập trình viên việt nam đóng góp https://kungfutech.edu.vn/khoa-hoc

Home Page: https://kungfutech.edu.vn/khoa-hoc

course

hoc-lap-trinh's Introduction

Techmely

Logo

Make your dreams come true easier with Techmely

The open-source Medium, LinkedIn and Udemy.
Learn more »

Discord · Website · Issues · Roadmap

Join Techmely Discord Uptime Github Stars License Commits-per-month Pricing

Business Docs overview

Tech docs overview

This project build with all my loves + the supportive friends, especially my master HieuHani.

Frontend

  • 🧩 Components: Use @techmely/ui packages with Radix UI
  • 🪩 Web: Use Vite & React & Tanstack Query for the Dx perfect
  • Desktop: Build with Tauri
  • Mobile: Use Flutter for performance
  • Leverage Web Assembly and WebGPU to handle 3D models
  • Animation: Using ThreeJs, GSap and Swup for smooth transition/animation

Backend

  • AI: Support GPT models to help user write/copy easier!
  • Use Hono server to create API/Cache/Proxy
  • Database: Use CockroachDB to optimize system cost on FREE-tier
  • Use Stripe for payments, unified API for one-off & subscription billing methods for Stripe
  • Notification: Use PWA to handle Web Push notis, SMS and webhooks
  • Queue: Handle the heavy workload on the background(client/server)
  • Kysely: Query builder powerful, really type-safe
  • Realtime Collaboration: Use CRDT-Driven mindset, and based on BlockSuite to create realtime editing and painting whatever you want!
  • Kibana Search Engine smart searching, advanced filtering & sorting, pagination, headless UI
  • Storage: Use UnStorage for all environments(Browser, Worker)
  • Validation: Use Valibot for validate all the form, schema and whatever we need to validate!
  • Cache: Use BentoCache for mutiple cache layer, like Im-mem cache, redis, DynamoDB, and more—serverless
  • AxiomJs all you need to debug, log & analyze in production

Cloud

  • Server local development server & production-ready servers out-of-the-box
  • Serverless on-demand, auto-scaling, zero maintenance
  • CDN zero-config, low-latency, request life-cycle hooks, optimized request compressions (Brotli & gzip)
  • Domain version-controlled & zero-config domain management (e.g. DNS management)
  • AI fine-tune a foundational model using your application data
  • AWS startup program: Infrastructure as Code version-controlled cloud infrastructure(Up to $100,000 USD AWS Activate credits)

CI/CD

Focus on coding, not publishing.

  • Use Gitops for automating deploy + config with ArgoCD + KubeSphere Container Platform + Helm charts
  • Automatically release process with Github Action
  • Have a lot of Bot/CLI(Rabbit AI, CodeQL, LGTM, KnipJs, BiomeJs...) + Checklist Guideline to help project always in high quality
  • Production deployments—zero-setup push-to-deploy
  • Zero Downtime deploy with confidence using a zero-downtime deployment strategy
  • Release Manager libraries (component & function) auto-published to npm, git helpers, and more

Development Experiences

  • Use techmely CLI write in RUST to automate all the tasks we needs in this project
  • Use Consul for centralize the config & enviroment for cross-team and cross-environment
  • Leverage the UnJs ecosystem to have some incredible features like Auto Import and Framework Agnostic
  • Use Git Workflow + Semantic commit + Rabbit AI to have great commit + review code!
  • Spell checker will notified once there had typos
  • Have a lot of Utilities collections like VueUse and @techmely/utils for handling/transforming data
  • Testing - All feature have Unit + UI + e2e testing(mocking DB)
  • Code Snippets say goodbye to the boilerplate
  • Team Management manage your team & their permissions

This project mainly write with React Typescript + Flutter + Rust, so you should learn it to contribute easier 🌷

Setup + Run projects

Go to document "apps/handbook/3.products/1.techmely.md" or https://www.teams.techmely.com/products/techmely

hoc-lap-trinh's People

Contributors

anhbdhe151175 avatar anthonykhieu avatar don-pham avatar harrytran998 avatar htv-hoapn avatar hungnmhe151211 avatar kieuminhduc01 avatar luutu868 avatar minhminhhn avatar nguyenbinhlongg avatar phanduc0908 avatar thanh-huong avatar thaycacac avatar tonyhoang2001 avatar tungbeo199x avatar yuudarealest avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

hoc-lap-trinh's Issues

bai-viet/javascript/dom-la-gi

DOM là gì? Tìm hiểu về DOM - KungFu Tech

DOM là một giao diện lập trình ứng dụng (API). DOM được dùng để truy xuất các tài liệu dạng HTML và XML, có dạng một cây cấu trúc dữ liệu, và thông thường mô hình DOM độc lập với hệ điều hành và dựa theo kỹ thuật lập trình hướng đối tượng để mô tả tài liệu

https://kungfutech.edu.vn/bai-viet/javascript/dom-la-gi

[Roadmap] Checklist refactor Javascript Course

Relate to #107

Hiện tại đây là cấu trúc của khoá học JS, một trong những khoá quan trọng nhất của 1 Frontend Developer nói chung!
Nên làm cẩn thận nó từng ly, từng tý một cho thật nuột.

image

image
Chart đánh giá engagement time với words

Ở chi tiết mỗi bài viết, sẽ nên căn cứ vào độ quan trọng của bài viết + số lượng bài viết + pageviews + engament times để đánh giá độ hiệu quả của nó!

DOD

  • Thêm 10 main points - What you'll learn - ở sau phần description khoá học
  • Thêm CTA đăng ký Premium User gói GOALs
  • Đổi font chữ quốc dân cho content dễ đọc - Font hiện tại ở đọc khó vl với những người mắt kém
  • Thêm phần Premium Quiz cho các phần học JS -- cc @thaycacac có gì thảo luận phần này để tạo vốn cho team
  • 1.1. Lời giới thiệu #116
    image
    • Từ engament time trung bình ~= 26s với 1762 từ --> Bài viết chưa đạt, cần ít nhất trên 50s mới coi là ok --> ✅ NEED REFACTOR
  • 1.2. Setup phần mềm để có thể tương tác với Javascript code - Text Editor/IDE/Emacs
  • 1.3. Bỏ đi phần Devtools là gì... --> Mới học chưa cần thiết phải biết cái này
  • 2.1 Chương trình JS đầu tiên
    Bài này Engagement time tốt, nhưng khi đọc qua vẫn thấy chưa đủ hay + ví dụ dễ hiểu
    image
    - [ ] Thêm ảnh ví dụ dễ hiểu phần Browser console.
    - [ ] Hướng dẫn tạo và chạy Chương trình JavaScript đầu tiên với HTML trên StackBlit cho dễ hiểu và dễ sử dụng(nhúng vào website được) + Có thể tracking được thêm họ có tương tác trực tiếp với nó hay không
  • 2.2 Title chưa hợp lý Cấu trúc code trong Javascript --> Một số điều cơ bản trong javascript bạn cần biết.
    Bài này nội dung nó chả liên quan gì tới title, nên tạm thời viết chung chung.
    - [ ] Sửa title
    - [ ] Update phần content thành Interactive content
  • 2.3

.... Continue Update...

Câu hỏi cần thảo luận

  • Nên có các phần code Interactive cho người đọc dễ hình dung + tự mò nghịch được + thêm tracking! Cụ thể là embed iframe của https://stackblitz.com vào các page bài học

bai-viet/javascript/garbage-collection-trong-javascript

Garbage collection trong Javascript - KungFu Tech

Điều gì sẽ xảy ra nếu một vùng nhớ không còn sử dụng? JavaScript engine sẽ làm gì để phát hiện và giải phóng vùng nhớ đó? Bài viết này sẽ giải thích khái nhiệm về Garbage Collection (theo dõi toàn bộ object và xóa đi các object không thể truy cập).

https://kungfutech.edu.vn//bai-viet/javascript/garbage-collection-trong-javascript

bai-viet/aws/gioi-thieu-lambda

Giới thiệu Lambda - KungFu Tech

AWS Lambda là một dịch vụ tính toán nơi mà bạn có thể upload code của mình lên, và AWS Lambda sẽ giúp bạn chạy đoạn code đó bằng việc sử dụng các tài nguyên sẵn có của AWS. Sau khi bạn upload code, và bạn tạo ra một Lambda function, AWS sẽ cung cấp và quản lý các server mà bạn sử dụng để chạy code.

https://kungfutech.edu.vn/bai-viet/aws/gioi-thieu-lambda

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.