Nhảy tới nội dung

CODEDEM.IO

Nơi cung cấp miễn phí các khóa học công nghệ phát triển ứng dụng web hiện đại

Chào mừng bạn đã đến với trang CODEDEM

Hypertext Markup Language (HTML)

46 bài học

Ngôn ngữ nền móng cho mọi trang web.

<!DOCTYPE html><html>    <body>        <h1>            Xin chào!        </h1>    </body></html>
Bắt đầu học

SASS

15 bài học

Một framework bổ trợ cho CSS với những tính năng nâng cao và thuận tiện cho việc viết CSS.

@function transition($property, $duration: 0.25s) {    @return $property $duration $easing-function;}h1 {    transition: transition(background-color);    font-family: Roboto sans-serif;}
Bắt đầu học

TypeScript

12 bài học

Ngôn ngữ lập trình giúp bổ trợ thêm cho JavaScript với khả năng khai báo và xác nhận kiểu dữ liệu đúng đắn của các biến hay tham số trước khi code được thực thi và nhiều tính năng nâng cao khác.

class HocSinh {  constructor(    private readonly ho: string,    private readonly tenDem: string,    private readonly ten: string  ) {  }  tenDayDu() {    return `Tôi tên là ${this.ho} ${this.tenDem} ${this.ten}`;  }  hat(tenBaiHat: string) {    console.log(`Tôi đang hát bài ${tenBaiHat}`);  }}const teo = new HocSinh('Nguyễn', 'Văn', 'Tèo');teo.hat('Quốc Ca Việt Nam');
Bắt đầu học

Angular

8 bài học

Một framework được tạo ra bởi Google nhằm giúp đơn giản hóa việc kiến tạo và tái sử dụng các đơn vị giao diện người dùng trong ứng dụng web.

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

NodeJS

20 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Spring | Spring Boot

37 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Git

10 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Cascading Stylesheet (CSS)

6 bài học

Ngôn ngữ dùng để thêm màu sắc, hoa văn, hay bất kì họa tiết làm đẹp nào cho trang web. CSS là 1 phần không thể tách rời của 1 trang web hoàn chỉnh.

body {    background-color: #f00;    font-style: italic;}h1 {    color: #fff;    text-transform: uppercase;}
Bắt đầu học

JavaScript

46 bài học

Ngôn ngữ lập trình hướng tượng chạy trong mọi trình duyệt web dùng để thêm hành vi vào các trang web tĩnh, giúp chúng trở nên sống động và hữu ích hơn.

function sayHello() {  alert('Hello World!');}function printMessage(message) {  console.log(message);}sayHello();printMessage('Lập trình phần mềm rất là vui!');
Bắt đầu học

React

4 bài học

Một thư viện được tạo ra bởi Facebook nhằm giúp đơn giản hóa việc kiến tạo và tái sử dụng các đơn vị giao diện người dùng trong ứng dụng web.

import React from 'react';import ReactDOM from 'react-dom';function BangKhen(props) {  return (    <div className='bang-khen'>      <div className='ten-truong'>{props.tenTruong}</div>      <p>Xin chúc mừng em {props.tenHocSinh}</p>      <p>Đã đạt danh hiệu học sinh ưu tú</p>    </div>  );}ReactDOM.render(  <BangKhen    tenTruong='Trường Đời'    tenHocSinh='Nguyễn Văn Tèo' />,  document.getElementById('root'));
Bắt đầu học

RxJS

24 bài học

Một thư viện JavaScript nhằm giúp đơn giản hóa việc lập trình bất đồng bộ dựa theo kiểu mẫu Observable (Tạm dịch là kiểu mẫu "người quan sát").

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Java

3 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Docker

3 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

CI/CD

29 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Hypertext Markup Language (HTML)

46 bài học

Ngôn ngữ nền móng cho mọi trang web.

<!DOCTYPE html><html>    <body>        <h1>            Xin chào!        </h1>    </body></html>
Bắt đầu học

Cascading Stylesheet (CSS)

6 bài học

Ngôn ngữ dùng để thêm màu sắc, hoa văn, hay bất kì họa tiết làm đẹp nào cho trang web. CSS là 1 phần không thể tách rời của 1 trang web hoàn chỉnh.

body {    background-color: #f00;    font-style: italic;}h1 {    color: #fff;    text-transform: uppercase;}
Bắt đầu học

SASS

15 bài học

Một framework bổ trợ cho CSS với những tính năng nâng cao và thuận tiện cho việc viết CSS.

@function transition($property, $duration: 0.25s) {    @return $property $duration $easing-function;}h1 {    transition: transition(background-color);    font-family: Roboto sans-serif;}
Bắt đầu học

JavaScript

46 bài học

Ngôn ngữ lập trình hướng tượng chạy trong mọi trình duyệt web dùng để thêm hành vi vào các trang web tĩnh, giúp chúng trở nên sống động và hữu ích hơn.

function sayHello() {  alert('Hello World!');}function printMessage(message) {  console.log(message);}sayHello();printMessage('Lập trình phần mềm rất là vui!');
Bắt đầu học

TypeScript

12 bài học

Ngôn ngữ lập trình giúp bổ trợ thêm cho JavaScript với khả năng khai báo và xác nhận kiểu dữ liệu đúng đắn của các biến hay tham số trước khi code được thực thi và nhiều tính năng nâng cao khác.

class HocSinh {  constructor(    private readonly ho: string,    private readonly tenDem: string,    private readonly ten: string  ) {  }  tenDayDu() {    return `Tôi tên là ${this.ho} ${this.tenDem} ${this.ten}`;  }  hat(tenBaiHat: string) {    console.log(`Tôi đang hát bài ${tenBaiHat}`);  }}const teo = new HocSinh('Nguyễn', 'Văn', 'Tèo');teo.hat('Quốc Ca Việt Nam');
Bắt đầu học

React

4 bài học

Một thư viện được tạo ra bởi Facebook nhằm giúp đơn giản hóa việc kiến tạo và tái sử dụng các đơn vị giao diện người dùng trong ứng dụng web.

import React from 'react';import ReactDOM from 'react-dom';function BangKhen(props) {  return (    <div className='bang-khen'>      <div className='ten-truong'>{props.tenTruong}</div>      <p>Xin chúc mừng em {props.tenHocSinh}</p>      <p>Đã đạt danh hiệu học sinh ưu tú</p>    </div>  );}ReactDOM.render(  <BangKhen    tenTruong='Trường Đời'    tenHocSinh='Nguyễn Văn Tèo' />,  document.getElementById('root'));
Bắt đầu học

Angular

8 bài học

Một framework được tạo ra bởi Google nhằm giúp đơn giản hóa việc kiến tạo và tái sử dụng các đơn vị giao diện người dùng trong ứng dụng web.

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

RxJS

24 bài học

Một thư viện JavaScript nhằm giúp đơn giản hóa việc lập trình bất đồng bộ dựa theo kiểu mẫu Observable (Tạm dịch là kiểu mẫu "người quan sát").

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

NodeJS

20 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Java

3 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Spring | Spring Boot

37 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Docker

3 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

Git

10 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học

CI/CD

29 bài học

Ngôn ngữ nền móng cho mọi trang web

<!DOCTYPE html><html>   <head></head>     <body>         <h1>             Reset the line-number counter for each .prism-code scope Reset the line-number counter for each .prism-code             scope Reset the line-number counter for each .prism-code scope Reset the line-number counter for each             prism-code scope Reset the line-number counter for each .prism-code scope         </h1>     </body></html>
Bắt đầu học