Mai Trung Đức

mình đã từng làm 1 app tương tự kiểu này, dùng Roland-88, 8 channel - 8 người có thể nói cùng lúc, cũng code bằng Python, dùng Pyaudio để thu và lấy input data cho từng channel. mỗi channel từ Roland nó cũng có định danh kiểu channel-1, channel-2,...

hi e,

khi e define form group, thì cái selectedTsaProfiles kia có phải array ko?

Cái này đơn giản lắm, e xem ví dụ này nhé

bạn nhớ rằng mysql Workbench nó chỉ là client dùng để connect và thao tác với mysql, bạn cần phải chạy mysql server đã

Để kiểm tra xem bạn đã chạy mysql server chưa thì bạn mở terminal/git bash..., và chạy command sau: curl localhost:3306, nếu thấy in ra như sau là được:

$ curl localhost:3306

Warning: Binary output can mess up your terminal. Use "--output -" to tell 
Warning: curl to output it to your terminal anyway, or consider "--output 
Warning: <FILE>" to save to a file.

Tiếp sau đó thì bạn setup Mysql Workbench connection:

Các trường sau phải chính xác:

• hostname (localhost hoặc 127.0.0.1)
• port: 3306
• username và password phải nhập cho chính xác, cái này bạn quên thì search google cách reset

ý bạn là sao?

Tức là bạn build bằng gradlew trước rồi bây giờ muốn COPY jar file vào container à?

Vậy thì bạn dùng COPY cũng được mà?

COPY elastic-apm-agent.jar /some/path/in/container

Nếu chỉ làm tại frontend thì bạn có thể dùng btoa(), atob() để convert data của bạn thành base64. Hoặc bạn có thể lấy hash + salt từ backend rồi thực hiện hash tại frontend

Nhưng nhìn chung cách làm này mình thấy khá thừa thãi. vì việc hash từ frontend hoàn toàn không đảm bảo là password của bạn được bảo mật, kể cả bạn lấy hash từ backend. Đã có ti tỉ cuộc thảo luận về việc này.

Đảm bảo rằng website của bạn chạy dưới HTTPS là rất tốt rồi, password trước khi gửi ra Internet sẽ được mã hoá trước khi lên tới server.

Có 1 sự lầm tưởng của mọi người đó là: mở Chrome Inspector tool lên, thấy email và password hiện lù lù ra đó và tưởng rằng website của họ không được bảo mật , điều đó là ngộ nhận, không đúng. Trình duyệt của bạn, bạn tự mở Inspector lên, hiển nhiên bạn thấy, chứ người khác thì sao làm được vậy.

một khi đã tắt trình duyệt đi thì theo mình biết chỉ có duy nhất 1 thứ bạn có thể nhận được đó là Push notification nhé

bạn cần kiểm tra lại thời điểm bạn click vào thẻ a hoặc routerlink thì phần section tương ứng đã được render chưa, mình thấy đôi khi bị nhầm: click vào link -> render ra section, kiểu này thì ko scroll được vì section render sau khi click, nên tại thời điểm click thì nó tìm tới id(#) của section thì chưa có.

Thường để làm điều như bạn muốn thì ta đơn giản là dùng thẻ a thôi ko cần tới router-link nhé

của mình vẫn bình thường mà bạn:

const redis = require('redis');

const client = redis.createClient({
    host: '<hostname>',
    port: <port>,
    password: '<password>'
});

Nếu bạn để các thông tin connect tới redis trong biến môi trường thì đảm bảo là nó có giá trị nhé, console.log ra để check

Bạn cần check để chắc chắn bạn đã enable auth cho redis thành công: ở terminal chạy: redis-cli -a <password>, nếu connect vào và ko gặp lỗi NOAUTH thì ok, thử chạy 1 vài redis commands xem nhé

từ server bạn tạo 1 websocket connection tới server bên thứ 3 kia, cái này có nhiều thư viện có thể giúp bạn làm việc đó lắm. Ví dụ nếu bạn dùng NodeJS thì có websocket hay ws, các ngôn ngữ khác mình thấy cũng có nhiều lắm

code mẫu cho bạn, (của mình là react-router-dom v6)

Theme mặc định của VSCode đã đẹp lắm rồi bạn , Material Icon extension nữa nhé

để làm vậy thì bạn cần đưa nó ra khỏi cái <router-outlet> hiện tại nhé, mình đoán giờ bạn đang có 1 cái layout chung, trong đó bạn có 1 cái <router-outlet>

<div>
  // nội dung layout
  //........
  <router-outlet></router-outlet>
</div>

Như kia thì tất cả các page của bạn đều sẽ được kế thừa layout cả.

Bạn cập nhật lại cấu hình router nom như sau nhé:

const routes: Routes = [
  {
    path: 'login',
    component: LoginComponent,
  },
  {
    path: '',
    component: LayoutComponent,
    children: [
      {
        path: 'register',
        component: RegisterComponent,
      }
    ]
  }
];

Bạn nên search vài ví dụ để làm theo sẽ dễ hiểu hơn, key word là angular child route nhé

ko cần thiết phải build nếu như project của e ko dùng nhưng thứ như typescript, babel,...

Nếu project của e chỉ là nodejs bình thường (toàn các file JS), ko có gì custom thì start file entry cho project của e là được (file index.js hoặc server.js)

Khi deploy thì e cũng chạy y như local vậy: node index.js

Nhưng tốt hơn cả là e nên dùng 1 cái process manager, cụ thể là PM2 (https://pm2.keymetrics.io/), để chạy app của e, nó có 1 số thứ oke cho production (auto restart nếu app của e failed, limit memory, log,...). Em cài PM2 ở local, setup các thứ, chạy lên xem được hay ko, khi đã oke rồi thì e lên server cài PM2 và start y như local là xong

trong giới Javascript thì sự thay đổi và cải tiến diễn ra theo tháng, vài tháng lại có framework, lib mới. chứ nói gì 10 năm nữa khó đoán lắm bạn, 10 năm mình nghĩ với các ngành khác đã dài rồi chứ nói đến CNTT thì mình nghĩ nó lại là quá dài và nhiều thứ khó đoán định

bây giờ React đang "dominate" thị trường, nhưng rất có thể 1 vài năm tới lại có 1 cái nào khác đó soán ngôi. Ví dụ như trước React thì có AngularJS (angular 1), nó cũng khá là áp đảo lúc nó mới ra mắt, nhưng khi React ra đời thì nó win, và giờ thì ng ta lại gần như không dùng tới AngularJS nữa, điều tương tự cũng có thể xảy ra với React

7-8 năm trước khi mình mới học code thì Jquery đang thịnh hành vì nó có rất nhiều features hay để thao tác với DOM, nhưng đến giờ các framework/library mà phụ thuộc vào nó thì đang dần dần "drop support" Jquery - bỏ dần sự phụ thuộc đó và dùng những cái khác tốt hơn (mặc dù thực tế là số trang web dùng nó thì vẫn còn nhiều ). (khoảng 2 năm trở lại đây mình cũng gần như ko dùng lại jquery cho các project thật nữa, vì giờ JS thuần nó cũng đã có nhiều features của Jquery rồi mà nó còn là "native" - support sẵn bởi browser, nên ko phải lo về chất lượng của chúng )

Vậy nên mình nghĩ câu hỏi bạn cần đặt ra là "liệu project ReactJS bạn tạo ra cho mọi người sử dụng ở thời điểm hiện tại có hữu ích mang lại giá trị cho người sử dụng hay ko, họ có hài lòng hay ko" (tất nhiên sự hài lòng đó mình sẽ cố gắng làm nó càng dài lâu càng tốt ). Còn framework nào, lib nào, React/Angular/VueJS thì cũng hoàn toàn có thể bị thay thế và bạn phải thích nghi với điều đó (khi nó tới)

file được gửi từ trình duyệt tới server PHP của bạn, ở phía server cái nó nhìn thấy chỉ là cái file kia, tại thời điểm đó file còn chưa "thực sự" được lưu ở ở đâu cả, nên đâu có đường dẫn cố định nào để show cho bạn xem được đâu

Thường tại thời điểm đó file còn đang được lưu ở request (buffer, in memory)

Viblo dùng thư viện này để làm biểu tượng cảm xúc nhé bạn: https://github.com/missive/emoji-mart

ban dùng @ViewChild thì để access trực tiếp vào app-menu nhé

từ khoá là image to ascii nhé bạn

mình đã thử vào xem vào inspect thì thấy như sau:

• khi mình trong chế độ edit thì về cơ bản là họ có 1 cái video ở background sau đó cho các item HTML phía trên:

• Sau khi bạn Edit xong bấm save và preview thì họ export ra cho mình 1 video đầy đủ, content ở trong video luôn chứ ko phải chỉ đặt "ở phía trên" video nữa, cái này thì chắc là lúc Edit xong bấm Save thì họ lấy thông tin các item HTML (text, icon sticker,...) như vị trí màu sắc kích cỡ... rồi đem lên server xử lý và export ra đc 1 cái video cuối cùng:

P/s: mình có thử tìm xem họ có dùng canvas để làm mấy cái magic phía sau ko, kiểu mấy trang khác mà chuyên về đồ hoạ xử lý trực tiếp trên trình duyệt họ dùng canvas và gần như rất khó để mình biết logic trong canvas họ làm cái gì , nhưng với Promo này vì tất cả là HTML nên dò xem họ làm thế nào cũng dễ hơn

bên bootstrap nó là dropdown đó bạn