├── pages ├── changelog │ └── .gitkeep ├── interview │ ├── design │ │ └── index.mdx │ ├── back-end │ │ └── index.mdx │ ├── hr │ │ └── index.mdx │ └── front-end │ │ ├── index.mdx │ │ └── html.mdx └── docs │ ├── hr │ ├── index.mdx │ ├── front-end │ │ ├── angularjs.mdx │ │ ├── mithril.mdx │ │ ├── preact.mdx │ │ ├── typescript.mdx │ │ ├── emberjs.mdx │ │ ├── materialize.mdx │ │ ├── semantic-ui.mdx │ │ ├── vuex.mdx │ │ ├── nuxtjs.mdx │ │ ├── reactjs.mdx │ │ ├── nextjs.mdx │ │ ├── svelte.mdx │ │ ├── bootstrap.mdx │ │ ├── gatsbyjs.mdx │ │ ├── framework7.mdx │ │ ├── foundation.mdx │ │ ├── vuejs.mdx │ │ ├── vuepress.mdx │ │ ├── vitejs.mdx │ │ └── index.mdx │ ├── linux │ │ ├── server │ │ │ ├── index.mdx │ │ │ ├── apache.mdx │ │ │ ├── nginx.mdx │ │ │ ├── open-lite-speed.mdx │ │ │ └── web-server.mdx │ │ ├── android.mdx │ │ ├── centos.mdx │ │ ├── fedora.mdx │ │ ├── index.mdx │ │ ├── kali-linux.mdx │ │ ├── linux-mint.mdx │ │ └── ubuntu.mdx │ ├── back-end │ │ ├── nestjs.mdx │ │ ├── codeigniter.mdx │ │ ├── php.mdx │ │ ├── expressjs.mdx │ │ ├── nodejs.mdx │ │ ├── laravel.mdx │ │ ├── dotnet.mdx │ │ ├── prestashop.mdx │ │ ├── python.mdx │ │ ├── ruby.mdx │ │ ├── wordpress.mdx │ │ ├── sql.mdx │ │ ├── javascript.mdx │ │ ├── index.mdx │ │ ├── java.mdx │ │ └── api.mdx │ └── design │ │ ├── figma.mdx │ │ ├── microsoft-designer.mdx │ │ ├── index.mdx │ │ └── ux-ui-design.mdx │ ├── designer │ └── index.mdx │ ├── dev │ └── index.mdx │ ├── api │ ├── steps.mdx │ ├── tabs.mdx │ ├── callout.mdx │ ├── metadata.mdx │ └── card.mdx │ ├── index.mdx │ └── contributions.mdx ├── public └── static │ ├── docs │ ├── ui.png │ ├── ux.jpg │ ├── api.jpg │ ├── figma.png │ ├── java.jpg │ ├── linux.jpg │ ├── nginx.jpg │ ├── php.png │ ├── ruby.png │ ├── sql.png │ ├── vuejs.png │ ├── vuex.png │ ├── android.png │ ├── apache.png │ ├── backend.jpg │ ├── centos.jpg │ ├── dotnet.jpg │ ├── emberjs.jpg │ ├── fedora.jpg │ ├── laravel.jpg │ ├── mithril.jpg │ ├── nestjs.png │ ├── nextjs.png │ ├── nodejs.png │ ├── nuxtjs.png │ ├── preact.png │ ├── python.jpg │ ├── reactjs.jpg │ ├── svelte.png │ ├── ubuntu.png │ ├── vitejs.jpg │ ├── angularjs.png │ ├── bootstrap.jpg │ ├── expressjs.png │ ├── foundation.jpg │ ├── framework7.jpg │ ├── gatsbyjs.png │ ├── javascript.png │ ├── kali-linux.jpg │ ├── linux-mint.jpg │ ├── prestashop.jpg │ ├── typescript.jpg │ ├── vuepress.png │ ├── web-server.jpg │ ├── wordpress.jpg │ ├── codeigniter.jpg │ ├── materialize.png │ ├── semantic-ui.jpg │ ├── openlitespeed.png │ ├── facebook-newfeed.png │ ├── designer-developer.png │ ├── frontend-interview.png │ └── microsoft-designer.jpg │ ├── documentation-card.png │ └── interview │ ├── hr-interview.jpg │ ├── github-interview.png │ ├── frontend-interview.png │ └── business-analyst-interview.png ├── renovate.json ├── .prettierignore ├── README-en.md ├── .github ├── FUNDING.yml ├── ISSUE_TEMPLATE │ ├── custom.md │ ├── feature_request.md │ ├── changelog.md │ ├── bug_report.md │ └── translate.yml ├── workflows │ ├── prettier.yml │ ├── greetings.yml │ ├── stale.yml │ └── dependency-review.yml ├── dependabot.yml └── label.yml ├── prettier.config.js ├── .gitignore ├── .whitesource ├── package.json ├── pnpm-lock.yaml ├── SECURITY.md ├── LICENSE ├── README.md ├── CODE_OF_CONDUCT.md └── CONTRIBUTING.md /pages/changelog/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /public/static/docs/ui.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/ui.png -------------------------------------------------------------------------------- /public/static/docs/ux.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/ux.jpg -------------------------------------------------------------------------------- /public/static/docs/api.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/api.jpg -------------------------------------------------------------------------------- /public/static/docs/figma.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/figma.png -------------------------------------------------------------------------------- /public/static/docs/java.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/java.jpg -------------------------------------------------------------------------------- /public/static/docs/linux.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/linux.jpg -------------------------------------------------------------------------------- /public/static/docs/nginx.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/nginx.jpg -------------------------------------------------------------------------------- /public/static/docs/php.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/php.png -------------------------------------------------------------------------------- /public/static/docs/ruby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/ruby.png -------------------------------------------------------------------------------- /public/static/docs/sql.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/sql.png -------------------------------------------------------------------------------- /public/static/docs/vuejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/vuejs.png -------------------------------------------------------------------------------- /public/static/docs/vuex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/vuex.png -------------------------------------------------------------------------------- /public/static/docs/android.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/android.png -------------------------------------------------------------------------------- /public/static/docs/apache.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/apache.png -------------------------------------------------------------------------------- /public/static/docs/backend.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/backend.jpg -------------------------------------------------------------------------------- /public/static/docs/centos.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/centos.jpg -------------------------------------------------------------------------------- /public/static/docs/dotnet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/dotnet.jpg -------------------------------------------------------------------------------- /public/static/docs/emberjs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/emberjs.jpg -------------------------------------------------------------------------------- /public/static/docs/fedora.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/fedora.jpg -------------------------------------------------------------------------------- /public/static/docs/laravel.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/laravel.jpg -------------------------------------------------------------------------------- /public/static/docs/mithril.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/mithril.jpg -------------------------------------------------------------------------------- /public/static/docs/nestjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/nestjs.png -------------------------------------------------------------------------------- /public/static/docs/nextjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/nextjs.png -------------------------------------------------------------------------------- /public/static/docs/nodejs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/nodejs.png -------------------------------------------------------------------------------- /public/static/docs/nuxtjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/nuxtjs.png -------------------------------------------------------------------------------- /public/static/docs/preact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/preact.png -------------------------------------------------------------------------------- /public/static/docs/python.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/python.jpg -------------------------------------------------------------------------------- /public/static/docs/reactjs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/reactjs.jpg -------------------------------------------------------------------------------- /public/static/docs/svelte.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/svelte.png -------------------------------------------------------------------------------- /public/static/docs/ubuntu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/ubuntu.png -------------------------------------------------------------------------------- /public/static/docs/vitejs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/vitejs.jpg -------------------------------------------------------------------------------- /public/static/docs/angularjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/angularjs.png -------------------------------------------------------------------------------- /public/static/docs/bootstrap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/bootstrap.jpg -------------------------------------------------------------------------------- /public/static/docs/expressjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/expressjs.png -------------------------------------------------------------------------------- /public/static/docs/foundation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/foundation.jpg -------------------------------------------------------------------------------- /public/static/docs/framework7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/framework7.jpg -------------------------------------------------------------------------------- /public/static/docs/gatsbyjs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/gatsbyjs.png -------------------------------------------------------------------------------- /public/static/docs/javascript.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/javascript.png -------------------------------------------------------------------------------- /public/static/docs/kali-linux.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/kali-linux.jpg -------------------------------------------------------------------------------- /public/static/docs/linux-mint.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/linux-mint.jpg -------------------------------------------------------------------------------- /public/static/docs/prestashop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/prestashop.jpg -------------------------------------------------------------------------------- /public/static/docs/typescript.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/typescript.jpg -------------------------------------------------------------------------------- /public/static/docs/vuepress.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/vuepress.png -------------------------------------------------------------------------------- /public/static/docs/web-server.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/web-server.jpg -------------------------------------------------------------------------------- /public/static/docs/wordpress.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/wordpress.jpg -------------------------------------------------------------------------------- /public/static/docs/codeigniter.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/codeigniter.jpg -------------------------------------------------------------------------------- /public/static/docs/materialize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/materialize.png -------------------------------------------------------------------------------- /public/static/docs/semantic-ui.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/semantic-ui.jpg -------------------------------------------------------------------------------- /public/static/docs/openlitespeed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/openlitespeed.png -------------------------------------------------------------------------------- /public/static/documentation-card.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/documentation-card.png -------------------------------------------------------------------------------- /public/static/docs/facebook-newfeed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/facebook-newfeed.png -------------------------------------------------------------------------------- /public/static/interview/hr-interview.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/interview/hr-interview.jpg -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "extends": ["config:recommended"] 4 | } 5 | -------------------------------------------------------------------------------- /public/static/docs/designer-developer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/designer-developer.png -------------------------------------------------------------------------------- /public/static/docs/frontend-interview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/frontend-interview.png -------------------------------------------------------------------------------- /public/static/docs/microsoft-designer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/docs/microsoft-designer.jpg -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | # dependencies 2 | node_modules 3 | pnpm-lock.yaml 4 | 5 | # assets 6 | public 7 | 8 | # github folders 9 | .github 10 | -------------------------------------------------------------------------------- /public/static/interview/github-interview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/interview/github-interview.png -------------------------------------------------------------------------------- /public/static/interview/frontend-interview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/interview/frontend-interview.png -------------------------------------------------------------------------------- /README-en.md: -------------------------------------------------------------------------------- 1 | # Introduction to HR Documentation 2 | 3 | At present, our HR Documentation project does not have a support version for the 4 | English language. 5 | -------------------------------------------------------------------------------- /public/static/interview/business-analyst-interview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vnodesign/hr-document/HEAD/public/static/interview/business-analyst-interview.png -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [tuanductran] 4 | ko_fi: tuanducdesign 5 | custom: ['https://www.facebook.com/vnodesign'] 6 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Custom issue template 3 | about: Describe this issue template's purpose here. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | semi: false, 3 | singleQuote: true, 4 | trailingComma: 'none', 5 | arrowParens: 'avoid', 6 | proseWrap: 'always' // printWidth line breaks in md/mdx 7 | } 8 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Auto Generated from MacOS 2 | .DS_Store 3 | 4 | # Auto Generated from Node Manager 5 | node_modules 6 | 7 | # Hide any file json 8 | **/*.json 9 | 10 | # Hide any file from folder pages 11 | pages/*.* 12 | -------------------------------------------------------------------------------- /pages/interview/design/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Những Câu Hỏi Phỏng Vấn Design' 3 | --- 4 | 5 | # Những Câu Hỏi Phỏng Vấn Design 6 | 7 | 8 | Trang này hiện đang chỉ là một trang tóm tắt. Hãy giúp chúng tôi mở rộng nó 9 | bằng cách đóng góp! 10 | 11 | -------------------------------------------------------------------------------- /pages/interview/back-end/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Những Câu Hỏi Phỏng Vấn Lập Trình Viên Back-end' 3 | --- 4 | 5 | # Những Câu Hỏi Phỏng Vấn Lập Trình Viên Back-end 6 | 7 | 8 | Trang này hiện đang chỉ là một trang tóm tắt. Hãy giúp chúng tôi mở rộng nó 9 | bằng cách đóng góp! 10 | 11 | -------------------------------------------------------------------------------- /.whitesource: -------------------------------------------------------------------------------- 1 | { 2 | "scanSettings": { 3 | "baseBranches": [] 4 | }, 5 | "checkRunSettings": { 6 | "vulnerableCheckRunConclusionLevel": "failure", 7 | "displayMode": "diff", 8 | "useMendCheckNames": true 9 | }, 10 | "issueSettings": { 11 | "minSeverityLevel": "LOW", 12 | "issueType": "DEPENDENCY" 13 | } 14 | } -------------------------------------------------------------------------------- /pages/docs/hr/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Tài liệu dành cho HR' 3 | description: 'Các tài liệu trong này phù hợp cho tất cả các bạn HR' 4 | --- 5 | 6 | # Tài liệu dành cho HR 7 | 8 | 9 | Tài liệu dành cho HR đang trong quá trình xây dựng. Nếu bạn cần đóng góp nội 10 | dung cho tài liệu này, vui lòng tìm tới Repository của dự án này trên GitHub. 11 | 12 | -------------------------------------------------------------------------------- /pages/docs/designer/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Tài liệu dành cho Designer' 3 | description: 'Các tài liệu trong này phù hợp cho tất cả các bạn Designer' 4 | --- 5 | 6 | # Tài liệu dành cho Designer 7 | 8 | 9 | Tài liệu dành cho Designer đang trong quá trình xây dựng. Nếu bạn cần đóng góp 10 | nội dung cho tài liệu này, vui lòng tìm tới Repository của dự án này trên 11 | GitHub. 12 | 13 | -------------------------------------------------------------------------------- /pages/docs/dev/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Tài liệu dành cho Developer' 3 | description: 'Các tài liệu trong này phù hợp cho tất cả các bạn Developer' 4 | --- 5 | 6 | # Tài liệu dành cho Developer 7 | 8 | 9 | Tài liệu dành cho Developer đang trong quá trình xây dựng. Nếu bạn cần đóng 10 | góp nội dung cho tài liệu này, vui lòng tìm tới Repository của dự án này trên 11 | GitHub. 12 | 13 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "hr-document", 3 | "version": "2.0.0", 4 | "repository": "https://github.com/vnodesign/hr-document.git", 5 | "author": "Tuan Duc Design ", 6 | "license": "MIT", 7 | "packageManager": "pnpm@9.15.4", 8 | "scripts": { 9 | "prettier:write": "prettier --write \"**/*.{md,mdx}\" --cache", 10 | "prettier:check": "prettier --check \"**/*.{md,mdx}\" --cache" 11 | }, 12 | "devDependencies": { 13 | "prettier": "^3.5.2" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /.github/workflows/prettier.yml: -------------------------------------------------------------------------------- 1 | name: Prettier content MD and MDX 2 | 3 | on: 4 | push: 5 | branches: [master] 6 | 7 | jobs: 8 | prettier: 9 | runs-on: ubuntu-latest 10 | steps: 11 | - name: Checkout code 12 | uses: actions/checkout@v4 13 | - name: Install dependencies 14 | run: npm install 15 | - name: Prettier check 16 | run: npx prettier --check "**/*.{md,mdx}" 17 | - name: Prettier format 18 | run: npx prettier --write "**/*.{md,mdx}" 19 | -------------------------------------------------------------------------------- /.github/workflows/greetings.yml: -------------------------------------------------------------------------------- 1 | name: Greetings 2 | 3 | on: [pull_request_target, issues] 4 | 5 | jobs: 6 | greeting: 7 | runs-on: ubuntu-latest 8 | permissions: 9 | issues: write 10 | pull-requests: write 11 | steps: 12 | - uses: actions/first-interaction@v1 13 | with: 14 | repo-token: ${{ secrets.GITHUB_TOKEN }} 15 | issue-message: "Message that will be displayed on users' first issue" 16 | pr-message: "Message that will be displayed on users' first pull request" 17 | -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- 1 | lockfileVersion: '9.0' 2 | 3 | settings: 4 | autoInstallPeers: true 5 | excludeLinksFromLockfile: false 6 | 7 | importers: 8 | 9 | .: 10 | devDependencies: 11 | prettier: 12 | specifier: ^3.5.2 13 | version: 3.5.2 14 | 15 | packages: 16 | 17 | prettier@3.5.2: 18 | resolution: {integrity: sha512-lc6npv5PH7hVqozBR7lkBNOGXV9vMwROAPlumdBkX0wTbbzPu/U1hk5yL8p2pt4Xoc+2mkT8t/sow2YrV/M5qg==} 19 | engines: {node: '>=14'} 20 | hasBin: true 21 | 22 | snapshots: 23 | 24 | prettier@3.5.2: {} 25 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- 1 | # To get started with Dependabot version updates, you'll need to specify which 2 | # package ecosystems to update and where the package manifests are located. 3 | # Please see the documentation for all configuration options: 4 | # https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates 5 | 6 | version: 2 7 | updates: 8 | - package-ecosystem: 'npm' # See documentation for possible values 9 | directory: '/' # Location of package manifests 10 | schedule: 11 | interval: 'weekly' 12 | -------------------------------------------------------------------------------- /SECURITY.md: -------------------------------------------------------------------------------- 1 | # Security Policy 2 | 3 | ## Supported Versions 4 | 5 | Use this section to tell people about which versions of your project are 6 | currently being supported with security updates. 7 | 8 | | Version | Supported | 9 | | ------- | ------------------ | 10 | | 2.0.x | :white_check_mark: | 11 | | < 2.0 | :x: | 12 | 13 | ## Reporting a Vulnerability 14 | 15 | Use this section to tell people how to report a vulnerability. 16 | 17 | Tell them where to go, how often they can expect to get an update on a reported 18 | vulnerability, what to expect if the vulnerability is accepted or declined, etc. 19 | -------------------------------------------------------------------------------- /.github/label.yml: -------------------------------------------------------------------------------- 1 | # This workflow will triage pull requests and apply a label based on the 2 | # paths that are modified in the pull request. 3 | # 4 | # To use this workflow, you will need to set up a .github/labeler.yml 5 | # file with configuration. For more information, see: 6 | # https://github.com/actions/labeler 7 | 8 | name: Labeler 9 | on: [pull_request_target] 10 | 11 | jobs: 12 | label: 13 | runs-on: ubuntu-latest 14 | permissions: 15 | contents: read 16 | pull-requests: write 17 | 18 | steps: 19 | - uses: actions/labeler@v4 20 | with: 21 | repo-token: '${{ secrets.GITHUB_TOKEN }}' 22 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/angularjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'AngularJS là gì' 3 | image: /static/docs/angularjs.png 4 | description: 5 | 'AngularJS là một framework JavaScript mã nguồn mở được phát triển bởi Google.' 6 | --- 7 | 8 | # AngularJS là gì? 9 | 10 | ![AngularJS là gì](/static/docs/angularjs.png) 11 | 12 | AngularJS là một framework JavaScript mã nguồn mở được phát triển bởi Google. Nó 13 | được thiết kế để xây dựng các ứng dụng web động và đơn trang (SPA - Single Page 14 | Application). Mục tiêu của AngularJS là giúp các lập trình viên dễ dàng quản lý 15 | các phần mềm phức tạp hơn, đồng thời cũng giúp tăng hiệu suất và tiết kiệm thời 16 | gian trong quá trình phát triển ứng dụng. 17 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | 9 | **Is your feature request related to a problem? Please describe.** 10 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 11 | 12 | **Describe the solution you'd like** 13 | A clear and concise description of what you want to happen. 14 | 15 | **Describe alternatives you've considered** 16 | A clear and concise description of any alternative solutions or features you've considered. 17 | 18 | **Additional context** 19 | Add any other context or screenshots about the feature request here. 20 | -------------------------------------------------------------------------------- /pages/docs/api/steps.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Steps 3 | --- 4 | 5 | # Steps 6 | 7 | 8 | 9 | ### 1. Đây là bước số một 10 | 11 | Các mô tả cho bước số một được viết tại đây. 12 | 13 | ### 2. Đây là bước số hai 14 | 15 | Các mô tả cho bước số hai được viết tại đây. 16 | 17 | ### 3. Đây là bước số ba 18 | 19 | Các mô tả cho bước số ba được viết tại đây. 20 | 21 | 22 | 23 | ```mdx 24 | 25 | 26 | ### 1. Đây là bước số một 27 | 28 | Các mô tả cho bước số một được viết tại đây. 29 | 30 | ### 2. Đây là bước số hai 31 | 32 | Các mô tả cho bước số hai được viết tại đây. 33 | 34 | ### 3. Đây là bước số ba 35 | 36 | Các mô tả cho bước số ba được viết tại đây. 37 | 38 | 39 | ``` 40 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/server/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Server là gì' 3 | image: /static/docs/web-server.jpg 4 | description: 5 | 'Một server, còn được gọi là máy chủ, là một máy tính (bao gồm phần cứng và 6 | phần mềm) được kết nối với mạng máy tính hoặc Internet.' 7 | --- 8 | 9 | # Server là gì? 10 | 11 | ![Server là gì](/static/docs/web-server.jpg) 12 | 13 | Một server, còn được gọi là máy chủ, là một máy tính (bao gồm phần cứng và phần 14 | mềm) được kết nối với mạng máy tính hoặc Internet. Trên máy chủ, được cài đặt 15 | các phần mềm hoặc được trang bị với các máy tính chuyên dụng, hoặc nhiều máy 16 | tính được nối mạng với khả năng lưu trữ để cung cấp các dịch vụ và tài nguyên 17 | cho các máy tính khác truy cập. 18 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/android.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Android là gì' 3 | image: /static/docs/android.png 4 | description: 5 | 'Android là một hệ điều hành dành cho các thiết bị di động, được phát triển 6 | bởi Google.' 7 | --- 8 | 9 | # Android là gì? 10 | 11 | ![Android là gì](/static/docs/android.png) 12 | 13 | Android là một hệ điều hành dành cho các thiết bị di động, được phát triển bởi 14 | Google. Nó được xây dựng trên nhân Linux và được thiết kế để hoạt động trên các 15 | thiết bị di động như điện thoại thông minh, máy tính bảng, đồng hồ thông minh, 16 | TV thông minh, v.v. Android cho phép người dùng truy cập và sử dụng các ứng dụng 17 | và dịch vụ trên Internet thông qua giao diện người dùng trực quan và dễ sử dụng. 18 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/nestjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'NestJS là gì' 3 | image: /static/docs/nestjs.png 4 | description: 5 | 'NestJS là một framework Node.JS cho phép xây dựng ứng dụng phía server.' 6 | --- 7 | 8 | # NestJS là gì? 9 | 10 | ![NestJS là gì](/static/docs/nestjs.png) 11 | 12 | NestJS là một framework Node.JS cho phép xây dựng ứng dụng phía server. Nest mở 13 | rộng các framework Node.js như Express hay Fastify để bổ sung thêm nhiều module 14 | hay thư viện hỗ trợ việc xử lý tác vụ. Đây là một framework mã nguồn mở, sử dụng 15 | TypeScript và rất linh hoạt để xây dựng các hệ thống backend. 16 | 17 | Bên cạnh đó, NestJS còn giúp mở rộng các server Node để hỗ trợ những cơ sở dữ 18 | liệu như MongoDB, Redis hay Apache Cassandra. 19 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/centos.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'CentOS là gì' 3 | image: /static/docs/centos.jpg 4 | description: 5 | 'CentOS là một hệ điều hành máy chủ miễn phí và mã nguồn mở, được phát triển 6 | dựa trên mã nguồn của Red Hat Enterprise Linux (RHEL).' 7 | --- 8 | 9 | # CentOS là gì? 10 | 11 | ![CentOS là gì](/static/docs/centos.jpg) 12 | 13 | CentOS là một hệ điều hành máy chủ miễn phí và mã nguồn mở, được phát triển dựa 14 | trên mã nguồn của Red Hat Enterprise Linux (RHEL). CentOS là một phiên bản Linux 15 | ổn định và bảo mật, được sử dụng rộng rãi trên các máy chủ và hệ thống máy tính. 16 | CentOS được phát triển và bảo trì bởi cộng đồng người dùng toàn cầu, và cung cấp 17 | các tính năng và ứng dụng giống như RHEL nhưng không có các tính năng doanh 18 | nghiệp và hỗ trợ khách hàng của Red Hat. 19 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/codeigniter.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Codeigniter là gì' 3 | image: /static/docs/codeigniter.jpg 4 | description: 5 | 'Codeigniter hay Codeigniter Framework là một trong các nền tảng thiết kế web 6 | theo mã nguồn mở được ưa chuộng hiện nay.' 7 | --- 8 | 9 | # Codeigniter là gì? 10 | 11 | ![Codeigniter là gì](/static/docs/codeigniter.jpg) 12 | 13 | Codeigniter hay Codeigniter Framework là một trong các nền tảng thiết kế web 14 | theo mã nguồn mở được ưa chuộng hiện nay, bên cạnh Laravel, Drupal, Magento,… 15 | Nền tảng này được sử dụng chủ yếu để xây dựng các loại ứng dụng web động có 16 | tương tác với ngôn ngữ PHP. Phiên bản đầu tiên của Codeigniter được phát hành 17 | ngày 28/02/2006. Tính đến thời điểm hiện tại thì Codeigniter đang được phát 18 | triển bởi ExpressionEngine Development Team thuộc EllisLab, Inc. 19 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/changelog.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Change Log Entry 3 | about: Create a change log entry for the project 4 | title: '[CHANGELOG] ' 5 | labels: 'change-log' 6 | assignees: '' 7 | 8 | --- 9 | 10 | ### Change Description 11 | 12 | Provide a detailed description of the change, including what was added, fixed, or modified. 13 | 14 | ### Affected Version 15 | 16 | Specify the version(s) affected by this change. 17 | 18 | ### Additional Information 19 | 20 | Add any additional context or details here, such as related issues or PRs. 21 | 22 | ### Checklist 23 | 24 | Use this checklist to ensure that all necessary steps are completed. 25 | 26 | - [x] Change log entry is written in a clear and concise manner. 27 | - [ ] The affected version(s) are accurately specified. 28 | - [ ] Any related issues or pull requests are linked. 29 | -------------------------------------------------------------------------------- /pages/docs/api/tabs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Tabs 3 | --- 4 | 5 | # Tabs 6 | 7 | 8 | 9 | Tài liệu trong này dành cho các bạn HR đang tuyển dụng về IT. 10 | 11 | 12 | Tài liệu trong này dành cho các bạn HR đang tuyển dụng về Design. 13 | 14 | 15 | 16 | ```mdx 17 | 18 | 19 | Tài liệu trong này dành cho các bạn HR đang tuyển dụng về IT. 20 | 21 | 22 | Tài liệu trong này dành cho các bạn HR đang tuyển dụng về Design. 23 | 24 | 25 | ``` 26 | 27 | **Các cấu hình khác trên Tabs:** 28 | 29 | 30 | `title` là tiêu đề mà bạn muốn đặt trong `Tab`. 31 | 32 | Ví dụ: `IT Recruiter` 33 | 34 | 35 | -------------------------------------------------------------------------------- /.github/workflows/stale.yml: -------------------------------------------------------------------------------- 1 | # This workflow warns and then closes issues and PRs that have had no activity for a specified amount of time. 2 | # 3 | # You can adjust the behavior by modifying this file. 4 | # For more information, see: 5 | # https://github.com/actions/stale 6 | name: Mark stale issues and pull requests 7 | 8 | on: 9 | schedule: 10 | - cron: '16 19 * * *' 11 | 12 | jobs: 13 | stale: 14 | runs-on: ubuntu-latest 15 | permissions: 16 | issues: write 17 | pull-requests: write 18 | 19 | steps: 20 | - uses: actions/stale@v9 21 | with: 22 | repo-token: ${{ secrets.GITHUB_TOKEN }} 23 | stale-issue-message: 'Stale issue message' 24 | stale-pr-message: 'Stale pull request message' 25 | stale-issue-label: 'no-issue-activity' 26 | stale-pr-label: 'no-pr-activity' 27 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/fedora.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Fedora là gì' 3 | image: /static/docs/fedora.jpg 4 | description: 5 | 'Fedora là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở, được phát 6 | triển bởi cộng đồng Fedora Project, thuộc sở hữu của Red Hat.' 7 | --- 8 | 9 | # Fedora là gì? 10 | 11 | ![Fedora là gì](/static/docs/fedora.jpg) 12 | 13 | Fedora là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở, được phát 14 | triển bởi cộng đồng Fedora Project, thuộc sở hữu của Red Hat. Fedora là một 15 | trong những phân phối Linux được sử dụng phổ biến và được cập nhật thường xuyên 16 | để đáp ứng nhu cầu của người dùng. Nó đi kèm với nhiều tính năng và công nghệ 17 | mới nhất, nhằm hỗ trợ cho các nhà phát triển và người dùng cuối. Fedora cũng là 18 | nền tảng để phát triển nhiều bản phân phối Linux khác nhau, chẳng hạn như Red 19 | Hat Enterprise Linux. 20 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/php.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ lập trình PHP là gì' 3 | image: /static/docs/php.png 4 | description: 5 | 'PHP là viết tắt của "Hypertext Preprocessor" là một ngôn ngữ lập trình mã 6 | nguồn mở được sử dụng chủ yếu để phát triển các ứng dụng web động và các trang 7 | web tĩnh.' 8 | --- 9 | 10 | # Ngôn ngữ lập trình PHP là gì? 11 | 12 | ![Ngôn ngữ lập trình PHP là gì](/static/docs/php.png) 13 | 14 | PHP là viết tắt của "Hypertext Preprocessor" là một ngôn ngữ lập trình mã nguồn 15 | mở được sử dụng chủ yếu để phát triển các ứng dụng web động và các trang web 16 | tĩnh. PHP được thiết kế để tích hợp dễ dàng vào HTML, và nó được thực thi trên 17 | máy chủ web để tạo nội dung động. PHP được phát triển ban đầu bởi Rasmus Lerdorf 18 | vào năm 1994 và hiện nay được phát triển và duy trì bởi một cộng đồng lớn các 19 | lập trình viên trên toàn thế giới. 20 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/expressjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'ExpressJS là gì' 3 | image: /static/docs/expressjs.png 4 | description: 5 | 'Expressjs hay còn được viết là Express js, Express.js. Đây là một framework 6 | mã nguồn mở miễn phí cho Node.js.' 7 | --- 8 | 9 | # ExpressJS là gì? 10 | 11 | ![ExpressJS là gì](/static/docs/expressjs.png) 12 | 13 | Expressjs hay còn được viết là Express js, Express.js. Đây là một framework mã 14 | nguồn mở miễn phí cho Node.js. Express.js được sử dụng trong thiết kế và xây 15 | dựng các ứng dụng web một cách đơn giản và nhanh chóng. 16 | 17 | Vì Express js chỉ yêu cầu ngôn ngữ lập trình Javascript nên việc xây dựng các 18 | ứng dụng web và API trở nên đơn giản hơn với các lập trình viên và nhà phát 19 | triển. 20 | 21 | Expressjs cũng là một framework của Node.js do đó hầu hết các mã code đã được 22 | viết sẵn cho các lập trình viên có thể làm việc. 23 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/nodejs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ NodeJS là gì' 3 | image: /static/docs/nodejs.png 4 | description: 'NodeJS được phát triển từ Javascript vào năm 2009 bởi Ryan Dahl.' 5 | --- 6 | 7 | # Ngôn ngữ NodeJS là gì? 8 | 9 | ![Ngôn ngữ NodeJS là gì](/static/docs/nodejs.png) 10 | 11 | NodeJS được phát triển từ Javascript vào năm 2009 bởi Ryan Dahl. NodeJS có cách 12 | thức hoạt động chủ yếu trên Server sử dụng để xây dựng cho các ứng dụng 13 | realtime. NodeJS dùng mô hình I/O lập trình dựa theo sự kiện non-blocking. Chính 14 | vì vậy, NodeJS tương đối gọn nhẹ, hiệu quả và là một công cụ hoàn hảo dành cho 15 | mọi ứng dụng chuyên sâu về dữ liệu dựa theo khoảng thời gian thực khi chạy trên 16 | những thiết bị phân tán. NodeJs thường xuyên được dùng cho mục đích xây dựng một 17 | số ứng dụng như: Ad Server, Websocket server, Fast File Upload Client, RESTful 18 | API, Cloud Services, Any Real-time Data Application. 19 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/laravel.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Laravel là gì' 3 | image: /static/docs/laravel.jpg 4 | description: 5 | 'Laravel là một framework web mã nguồn mở được viết bằng ngôn ngữ PHP. Laravel 6 | được phát triển bởi Taylor Otwell vào năm 2011.' 7 | --- 8 | 9 | # Laravel là gì? 10 | 11 | ![Laravel là gì](/static/docs/laravel.jpg) 12 | 13 | Laravel là một framework web mã nguồn mở được viết bằng ngôn ngữ PHP. Laravel 14 | được phát triển bởi Taylor Otwell vào năm 2011 và hiện nay được sử dụng rộng rãi 15 | cho việc phát triển các ứng dụng web và các dịch vụ web khác. 16 | 17 | Laravel cung cấp cho người dùng một số tính năng như hệ thống định tuyến 18 | (routing system), xử lý các truy vấn cơ sở dữ liệu (database query), cơ chế xác 19 | thực (authentication), bảo mật (security), và các tính năng khác để phát triển 20 | các ứng dụng web. Laravel cũng được đánh giá cao về tính linh hoạt, khả năng mở 21 | rộng và độ ổn định. 22 | -------------------------------------------------------------------------------- /pages/docs/api/callout.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Callout 3 | --- 4 | 5 | # Callout 6 | 7 | Sử dụng chú thích để thêm ngữ cảnh bắt mắt vào nội dung của bạn. 8 | 9 | 10 | 11 | Đây là một ghi chú 12 | ```mdx 13 | Đây là một ghi chú 14 | ``` 15 | 16 | 17 | Đây là một cảnh báo 18 | ```mdx 19 | Đây là một cảnh báo 20 | ``` 21 | 22 | 23 | Đây là một thông tin 24 | ```mdx 25 | Đây là một thông tin 26 | ``` 27 | 28 | 29 | Đây là một tip 30 | ```mdx 31 | Đây là một tip 32 | ``` 33 | 34 | 35 | Đây là một trạng thái đã được đánh dấu 36 | ```mdx 37 | Đây là một trạng thái đã được đánh dấu 38 | ``` 39 | 40 | 41 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Linux là gì' 3 | image: /static/docs/linux.jpg 4 | description: 5 | 'Linux là một hệ điều hành mã nguồn mở được phát triển dựa trên Unix, được 6 | phát hành theo giấy phép GNU General Public License (GPL).' 7 | --- 8 | 9 | # Linux là gì? 10 | 11 | ![Linux là gì](/static/docs/linux.jpg) 12 | 13 | Linux là một hệ điều hành mã nguồn mở được phát triển dựa trên Unix, được phát 14 | hành theo giấy phép GNU General Public License (GPL). Linux được thiết kế để 15 | chạy trên nhiều loại thiết bị và máy tính khác nhau, bao gồm máy tính cá nhân, 16 | máy chủ, thiết bị di động và máy tính nhúng. Hệ điều hành Linux được xây dựng 17 | bởi một cộng đồng lớn các lập trình viên trên toàn thế giới, và được sử dụng 18 | rộng rãi trong các ứng dụng máy chủ, máy tính để bàn, thiết bị di động, như cũng 19 | như trong các hệ thống nhúng. Linux có thể được cài đặt và sử dụng miễn phí và 20 | nhiều phiên bản phần mềm mã nguồn mở khác được phát triển từ Linux. 21 | -------------------------------------------------------------------------------- /.github/workflows/dependency-review.yml: -------------------------------------------------------------------------------- 1 | # Dependency Review Action 2 | # 3 | # This Action will scan dependency manifest files that change as part of a Pull Request, surfacing known-vulnerable versions of the packages declared or updated in the PR. Once installed, if the workflow run is marked as required, PRs introducing known-vulnerable packages will be blocked from merging. 4 | # 5 | # Source repository: https://github.com/actions/dependency-review-action 6 | # Public documentation: https://docs.github.com/en/code-security/supply-chain-security/understanding-your-software-supply-chain/about-dependency-review#dependency-review-enforcement 7 | name: 'Dependency Review' 8 | on: [pull_request] 9 | 10 | permissions: 11 | contents: read 12 | 13 | jobs: 14 | dependency-review: 15 | runs-on: ubuntu-latest 16 | steps: 17 | - name: 'Checkout Repository' 18 | uses: actions/checkout@v4 19 | - name: 'Dependency Review' 20 | uses: actions/dependency-review-action@v4 21 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | 9 | **Describe the bug** 10 | A clear and concise description of what the bug is. 11 | 12 | **To Reproduce** 13 | Steps to reproduce the behavior: 14 | 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | 28 | - OS: [e.g. iOS] 29 | - Browser [e.g. chrome, safari] 30 | - Version [e.g. 22] 31 | 32 | **Smartphone (please complete the following information):** 33 | 34 | - Device: [e.g. iPhone6] 35 | - OS: [e.g. iOS8.1] 36 | - Browser [e.g. stock browser, safari] 37 | - Version [e.g. 22] 38 | 39 | **Additional context** 40 | Add any other context about the problem here. 41 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/dotnet.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ .Net là gì' 3 | image: /static/docs/dotnet.jpg 4 | description: 5 | 'Dot Net (viết tắt .NET) là một nền tảng (Framework) cho phép lập trình viên 6 | sử dụng để phát triển các ứng dụng, website.' 7 | --- 8 | 9 | # Ngôn ngữ .Net là gì? 10 | 11 | ![Ngôn ngữ .Net là gì](/static/docs/dotnet.jpg) 12 | 13 | Dot Net (viết tắt .NET) là một nền tảng (Framework) cho phép lập trình viên sử 14 | dụng để phát triển các ứng dụng, website. Nền tảng này được phát triển bởi 15 | Microsoft nó chạy trên hệ điều hành Microsoft Window. Chú ý rằng .NET không phải 16 | là ngôn ngữ lập trình, mà là nền tảng cho phép các ngôn ngữ lập trình khác nhau 17 | như C# sử dụng để tạo nên các website, ứng dụng trên Internet. 18 | 19 | Cấu tạo của .NET là một bộ các dòng code được viết sẵn bởi các lập trình viên 20 | Microsoft, các lập trình viên khác sử dụng nền tảng này để phát triển các ứng 21 | dụng và dịch vụ web khác một cách nhanh chóng hơn. 22 | 23 | Các ngôn ngữ được sử dụng trên nền tảng .NET gồm có C#, VB.Net 24 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/prestashop.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Prestashop là gì' 3 | image: /static/docs/prestashop.jpg 4 | description: 5 | 'PrestaShop là một mã nguồn CMS được thiết kế chuyên cho việc xây dựng trang 6 | thương mại điện tử với mục tiêu là giúp bạn tạo cửa hàng online đẹp.' 7 | --- 8 | 9 | # PrestaShop là gì? 10 | 11 | ![PrestaShop là gì](/static/docs/prestashop.jpg) 12 | 13 | PrestaShop là một mã nguồn CMS được thiết kế chuyên cho việc xây dựng trang 14 | thương mại điện tử với mục tiêu là giúp bạn tạo cửa hàng online đẹp, nhanh 15 | chóng. Bằng nền tảng miễn phí này, bạn sẽ có thể tạo trang web thương mại điện 16 | tử của mình mà không cần mã hóa. Theo thống kê cho thấy, hiện nay có đến hơn 17 | 165000 trang web được thiết kế trên nền tảng của Prestashop. 18 | 19 | Được phát triển từ năm 2005, vào những thời điểm đó PrestaShop vẫn còn khá xa lạ 20 | và chưa được nhiều người biết đến, do phát hành chủ yếu với phiên bản tiếng 21 | Pháp. Nhưng thời gian gần đây, với những cải tiến vượt bậc, PrestaShop đã trở 22 | thành mã nguồn mở khá phổ biến. 23 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/python.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ lập trình Python là gì' 3 | image: /static/docs/python.jpg 4 | description: 5 | 'Python là ngôn ngữ lập trình hướng đối tượng, cấp cao, mạnh mẽ, được tạo ra 6 | bởi Guido van Rossum.' 7 | --- 8 | 9 | # Ngôn ngữ lập trình Python là gì? 10 | 11 | ![Ngôn ngữ lập trình Python là gì](/static/docs/python.jpg) 12 | 13 | Python là ngôn ngữ lập trình hướng đối tượng, cấp cao, mạnh mẽ, được tạo ra bởi 14 | Guido van Rossum. Nó dễ dàng để tìm hiểu và đang nổi lên như một trong những 15 | ngôn ngữ lập trình nhập môn tốt nhất cho người lần đầu tiếp xúc với ngôn ngữ lập 16 | trình. Python hoàn toàn tạo kiểu động và sử dụng cơ chế cấp phát bộ nhớ tự động. 17 | Python có cấu trúc dữ liệu cấp cao mạnh mẽ và cách tiếp cận đơn giản nhưng hiệu 18 | quả đối với lập trình hướng đối tượng. Cú pháp lệnh của Python là điểm cộng vô 19 | cùng lớn vì sự rõ ràng, dễ hiểu và cách gõ linh động làm cho nó nhanh chóng trở 20 | thành một ngôn ngữ lý tưởng để viết script và phát triển ứng dụng trong nhiều 21 | lĩnh vực, ở hầu hết các nền tảng. 22 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2022-2023 VNO Design 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: 6 | 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. 8 | 9 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 10 | -------------------------------------------------------------------------------- /pages/docs/hr/design/figma.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Figma là gì' 3 | image: /static/docs/figma.png 4 | description: 5 | 'Figma là một công cụ thiết kế đồ họa vector và giao diện người dùng dựa trên 6 | đám mây. Nó được phát triển và phát hành bởi Figma Inc.' 7 | --- 8 | 9 | # Figma là gì? 10 | 11 | ![Figma là gì](/static/docs/figma.png) 12 | 13 | Figma là một công cụ thiết kế đồ họa vector và giao diện người dùng dựa trên đám 14 | mây. Nó được phát triển và phát hành bởi Figma Inc. Figma cho phép các nhà thiết 15 | kế tạo ra các bản vẽ vector, giao diện người dùng, thiết kế đồ họa và các sản 16 | phẩm khác trực tuyến một cách nhanh chóng và dễ dàng. Figma cung cấp nhiều tính 17 | năng hữu ích, bao gồm các công cụ thiết kế vector, kết nối đến các ứng dụng 18 | khác, chia sẻ và đồng bộ hóa tệp dự án, và phản hồi trực tiếp từ khách hàng và 19 | đồng nghiệp. Nó cũng cung cấp tính năng phân tích dữ liệu để theo dõi hoạt động 20 | của người dùng và hiệu quả của thiết kế. Figma là một trong những công cụ thiết 21 | kế phổ biến nhất trong ngành thiết kế UI/UX và được sử dụng bởi nhiều nhà thiết 22 | kế trên toàn thế giới. 23 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/ruby.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ lập trình Ruby là gì' 3 | image: /static/docs/ruby.png 4 | description: 5 | 'Ruby là một ngôn ngữ lập trình hướng đối tượng được sử dụng để tạo ra rất 6 | nhiều loại ứng dụng web và di động.' 7 | --- 8 | 9 | # Ngôn ngữ lập trình Ruby là gì? 10 | 11 | ![Ngôn ngữ lập trình Ruby là gì](/static/docs/ruby.png) 12 | 13 | Ruby là một ngôn ngữ lập trình hướng đối tượng được sử dụng để tạo ra rất nhiều 14 | loại ứng dụng web và di động. Nó được tạo ra vào năm 1995 bởi một nhà khoa học 15 | máy tính người Nhật Bản và vẫn tiếp tục phát triển. 16 | 17 | "Ruby đang ngày càng trở nên phổ biến hơn," Robert Armstrong, giám đốc điều hành 18 | của Appstem, một công ty chuyên thiết kế và phát triển ứng dụng di động ở San 19 | Francisco cho biết. "Chúng tôi sử dụng Ruby cho phần back-end của rất nhiều dự 20 | án phát triển ứng dụng di động. Ruby là một ngôn ngữ tuyệt vời để học, đặc biệt 21 | là đối với các lập trình viên mới. Nó được thiết kế gần với suy nghĩ của con 22 | người, chứ không phải là máy tính, vì vậy sẽ dễ dàng hơn để hoàn thành một số 23 | công việc bằng Ruby so với các ngôn ngữ khác". 24 | -------------------------------------------------------------------------------- /pages/docs/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Lời nói đầu' 3 | --- 4 | 5 | # Lời nói đầu 6 | 7 | **HR Documentation** là một nền tảng chia sẻ kiến thức và tài liệu đa dạng dành 8 | cho cả những bạn HR mới bước chân vào nghề tuyển dụng và những người muốn tìm 9 | hiểu về các khía cạnh quan trọng trong ngành IT và ngành Design. Nền tảng này 10 | tổng hợp thông tin liên quan đến Front End, Back End, Linux và Design, nhằm hỗ 11 | trợ bạn trong quá trình tuyển dụng và tương tác với các ứng viên hoặc đồng 12 | nghiệp làm việc trong những lĩnh vực này. 13 | 14 | ## Bắt đầu sử dụng 15 | 16 | Để bắt đầu sử dụng HR Documentation, bạn hãy lựa chọn các tài liệu sau: 17 | 18 | 19 | 20 | Tài liệu này dành cho các bạn HR và bao gồm các thông tin về lĩnh vực IT và 21 | Design. 22 | 23 | 24 | Tài liệu này dành cho các bạn Developer. 25 | 26 | 27 | Tài liệu này dành cho các bạn Designer. 28 | 29 | 30 | 31 | Hy vọng là các tài liệu này sẽ hữu ích cho tất cả mọi người. 32 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/kali-linux.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Kali Linux là gì' 3 | image: /static/docs/kali-linux.jpg 4 | description: 5 | 'Kali Linux là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở được 6 | thiết kế dành riêng cho kiểm thử thâm nhập (penetration testing).' 7 | --- 8 | 9 | # Kali Linux là gì? 10 | 11 | ![Kali Linux là gì](/static/docs/kali-linux.jpg) 12 | 13 | Kali Linux là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở được 14 | thiết kế dành riêng cho kiểm thử thâm nhập (penetration testing), thử nghiệm bảo 15 | mật và khai thác máy tính. Nó là một trong những phân phối Linux phổ biến nhất 16 | được sử dụng bởi các chuyên gia bảo mật và chuyên viên thử nghiệm bảo mật để 17 | phát hiện lỗ hổng bảo mật trên hệ thống của mình hoặc của khách hàng. 18 | 19 | Kali Linux đi kèm với một bộ công cụ bảo mật mạnh mẽ và đa dạng, bao gồm hơn 600 20 | công cụ khác nhau, từ những công cụ cơ bản như nmap, metasploit, wireshark đến 21 | những công cụ chuyên sâu hơn như Aircrack-ng, John the Ripper, và THC Hydra. Các 22 | công cụ này được sử dụng để thử nghiệm bảo mật, phát hiện lỗ hổng và tấn công 23 | các hệ thống mạng để kiểm tra tính bảo mật và khả năng phục hồi của chúng. 24 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/server/apache.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Apache là gì' 3 | image: /static/docs/apache.png 4 | description: 5 | 'Apache là một phần mềm máy chủ web miễn phí và mã nguồn mở được phát triển 6 | bởi Apache Software Foundation.' 7 | --- 8 | 9 | # Apache là gì? 10 | 11 | ![Apache là gì](/static/docs/apache.png) 12 | 13 | Apache là một phần mềm máy chủ web miễn phí và mã nguồn mở được phát triển bởi 14 | Apache Software Foundation. Apache được phát triển ban đầu để cung cấp các dịch 15 | vụ máy chủ web HTTP và HTTPS cho các trang web. 16 | 17 | Apache có thể chạy trên nhiều nền tảng khác nhau, bao gồm các hệ điều hành 18 | Windows, Linux, macOS và Unix. Nó hỗ trợ nhiều ngôn ngữ lập trình và cung cấp 19 | nhiều tính năng bảo mật như mã hóa SSL và chứng chỉ SSL. 20 | 21 | Apache là một trong những máy chủ web phổ biến nhất trên thế giới, được sử dụng 22 | bởi hàng triệu trang web trên toàn thế giới. Nó cung cấp khả năng mở rộng, tùy 23 | chỉnh và quản lý các trang web phức tạp, bao gồm các trang web thương mại điện 24 | tử và các ứng dụng web phức tạp. 25 | 26 | Các tính năng của Apache có thể được mở rộng thông qua các module phần mềm, cho 27 | phép các nhà phát triển tùy chỉnh và mở rộng chức năng của nó để đáp ứng các yêu 28 | cầu cụ thể của các trang web và ứng dụng web. 29 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/mithril.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Mithril là gì' 3 | image: /static/docs/mithril.jpg 4 | description: 5 | 'Mithril là một framework JavaScript mã nguồn mở nhẹ, nhanh và dễ sử dụng cho 6 | việc phát triển các ứng dụng web đơn trang (single-page applications).' 7 | --- 8 | 9 | # Mithril là gì? 10 | 11 | ![Mithril là gì](/static/docs/mithril.jpg) 12 | 13 | Mithril là một framework JavaScript mã nguồn mở nhẹ, nhanh và dễ sử dụng cho 14 | việc phát triển các ứng dụng web đơn trang (single-page applications). Nó được 15 | tạo ra bởi Leo Horie vào năm 2014 và hiện được sử dụng rộng rãi trong cộng đồng 16 | phát triển web. 17 | 18 | Mithril cung cấp một số tính năng hữu ích, bao gồm một hệ thống xây dựng giao 19 | diện linh hoạt và dễ sử dụng, hỗ trợ định tuyến, quản lý trạng thái ứng dụng và 20 | tích hợp dữ liệu. Nó cũng rất nhẹ và có dung lượng tải xuống nhỏ, giúp tăng tốc 21 | độ tải trang và tối ưu hóa hiệu suất của ứng dụng. 22 | 23 | Mithril cũng được đánh giá cao về khả năng tương thích và hỗ trợ trên các trình 24 | duyệt khác nhau, bao gồm các trình duyệt cũ hơn như IE8 và Safari 5.1. 25 | 26 | Tóm lại, Mithril là một framework JavaScript nhẹ, nhanh và dễ sử dụng cho việc 27 | phát triển các ứng dụng web đơn trang. Nó cung cấp một số tính năng hữu ích và 28 | rất tối ưu hóa hiệu suất của ứng dụng. 29 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/preact.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Preact là gì' 3 | image: /static/docs/preact.png 4 | description: 5 | 'Preact là một thư viện JavaScript mã nguồn mở được sử dụng để phát triển các 6 | ứng dụng web phía client. Nó là một phiên bản nhẹ hơn và tối ưu hơn của React' 7 | --- 8 | 9 | # Preact là gì? 10 | 11 | ![Preact là gì](/static/docs/preact.png) 12 | 13 | Preact là một thư viện JavaScript mã nguồn mở được sử dụng để phát triển các ứng 14 | dụng web phía client. Nó là một phiên bản nhẹ hơn và tối ưu hơn của React, một 15 | thư viện JavaScript phổ biến khác được sử dụng để xây dựng giao diện người dùng 16 | cho các ứng dụng web. 17 | 18 | Preact giữ lại hầu hết các tính năng của React và có thể được sử dụng để xây 19 | dựng các ứng dụng web động và đáp ứng với hiệu suất tốt hơn. Với kích thước gọn 20 | nhẹ và cấu trúc mã nguồn tối ưu, Preact được xem như một giải pháp tuyệt vời cho 21 | các ứng dụng web nhẹ và nhanh chóng. 22 | 23 | Một số tính năng của Preact bao gồm hỗ trợ JSX, virtual DOM, và các thành phần 24 | UI tái sử dụng, giúp cho việc phát triển các ứng dụng web đơn giản và dễ dàng 25 | hơn. Ngoài ra, Preact cũng được hỗ trợ bởi một cộng đồng phát triển đông đảo, 26 | cung cấp cho người dùng các tài liệu và ví dụ cụ thể về cách sử dụng thư viện 27 | này để xây dựng các ứng dụng web chất lượng cao. 28 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/server/nginx.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Nginx là gì' 3 | image: /static/docs/nginx.jpg 4 | description: 5 | 'Nginx là một phần mềm máy chủ web miễn phí và mã nguồn mở được phát triển để 6 | cung cấp các dịch vụ máy chủ web HTTP và Reverse Proxy.' 7 | --- 8 | 9 | # Nginx là gì? 10 | 11 | ![Nginx là gì](/static/docs/nginx.jpg) 12 | 13 | Nginx là một phần mềm máy chủ web miễn phí và mã nguồn mở được phát triển để 14 | cung cấp các dịch vụ máy chủ web HTTP và Reverse Proxy. Nó được phát triển ban 15 | đầu để giải quyết các vấn đề hiệu suất của các máy chủ web khác như Apache. 16 | 17 | Nginx có thể chạy trên nhiều nền tảng khác nhau, bao gồm các hệ điều hành 18 | Windows, Linux, macOS và Unix. Nó được thiết kế để xử lý nhiều kết nối đồng thời 19 | và cung cấp hiệu suất tốt hơn trong môi trường có tải lớn. 20 | 21 | Ngoài việc cung cấp các dịch vụ máy chủ web, Nginx cũng có thể được sử dụng để 22 | cân bằng tải, chạy ứng dụng web và các dịch vụ mạng khác. Nó cung cấp tính năng 23 | bảo mật như hỗ trợ mã hóa SSL/TLS. 24 | 25 | Nginx là một trong những phần mềm máy chủ web phổ biến nhất trên thế giới và 26 | được sử dụng bởi hàng triệu trang web trên toàn thế giới. Nó cung cấp tính năng 27 | mở rộng, tùy chỉnh và quản lý các trang web phức tạp, bao gồm các trang web 28 | thương mại điện tử và các ứng dụng web phức tạp. 29 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/typescript.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'TypeScript là gì' 3 | image: /static/docs/typescript.jpg 4 | description: 5 | 'TypeScript là một ngôn ngữ lập trình mã nguồn mở phát triển bởi Microsoft. 6 | TypeScript là phiên bản mở rộng của JavaScript' 7 | --- 8 | 9 | # TypeScript là gì? 10 | 11 | ![TypeScript là gì](/static/docs/typescript.jpg) 12 | 13 | TypeScript là một ngôn ngữ lập trình mã nguồn mở phát triển bởi Microsoft. 14 | TypeScript là phiên bản mở rộng của JavaScript, với khả năng kiểm tra kiểu tĩnh 15 | và cung cấp các tính năng OOP (Object-Oriented Programming) như lớp, giao diện 16 | và phương thức, giúp cho việc phát triển các ứng dụng JavaScript lớn trở nên dễ 17 | dàng hơn. 18 | 19 | TypeScript cho phép lập trình viên định nghĩa kiểu dữ liệu tường minh và có thể 20 | xác định được các lỗi ngay trong quá trình biên dịch thay vì phải chờ đến thời 21 | điểm chạy. Điều này giúp tăng tính ổn định của ứng dụng và giảm thiểu lỗi trong 22 | quá trình phát triển. 23 | 24 | TypeScript cũng cung cấp một loạt các tính năng tiên tiến, bao gồm hỗ trợ cho 25 | các tính năng mới của JavaScript, đối tượng định tuyến, xử lý ngoại lệ, tạo mẫu, 26 | kiểu liên minh và hơn thế nữa. TypeScript có thể được sử dụng trong các dự án 27 | phát triển lớn và phức tạp, nhưng cũng rất đơn giản để bắt đầu sử dụng cho các 28 | dự án nhỏ. 29 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # hr-document 2 | 3 | ## Giới thiệu về HR Documentation 4 | 5 | **HR Documentation** là một nền tảng chia sẻ các kiến thức 6 | và tài liệu về Front End, Back End, Linux và Design dành cho những bạn HR mới 7 | bước chân vào nghề tuyển dụng. 8 | 9 | ![Documentation Card](./public/static/documentation-card.png) 10 | 11 | ## Thời gian hoạt động 12 | 13 | - Thành lập ngày 05/11/2022. 14 | 15 | ## Mục tiêu hoạt động 16 | 17 | HR Documentation hoạt động như một trang web chia sẻ kiến thức, dành cho các bạn 18 | HR mới bước chân vào nghề tuyển dụng. Ngoài ra, HR Documentation cũng cung cấp 19 | các thông tin, bài viết liên quan đến các công cụ, library và framework về ngành 20 | IT và ngành Design. 21 | 22 | Mục tiêu chính của HR Documentation được thành lập ra là để chia sẻ những thông 23 | tin mà người sáng lập biết và muốn chia sẻ. Đồng thời HR Documentation luôn hoan 24 | nghênh và đón nhận các đóng góp của những bạn HR để cung cấp bài viết đa dạng 25 | hơn. 26 | 27 | ## Tiêu chí hoạt động 28 | 29 | Dưới đây là 4 tiêu chí hoạt động của HR Documentation: 30 | 31 | - Chia sẻ nội dung bài viết hoàn toàn miễn phí. 32 | - Luôn hỗ trợ giải đáp thắc mắc của những bạn HR mới vào nghề. 33 | - Luôn lắng nghe những góp ý từ các bạn HR để trang Documentation ngày càng chất 34 | lượng hơn. 35 | - Xây dựng môi trường chia sẻ kiến thức lành mạnh. 36 | -------------------------------------------------------------------------------- /pages/docs/api/metadata.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Metadata 3 | description: Các thông tin về Metadata được sử dụng trên dự án HR Documentation 4 | --- 5 | 6 | # Metadata 7 | 8 | Metadata là các thông tin mà chúng tôi sử dụng trên dự án của mình, để hỗ trợ 9 | cho các công cụ tìm kiếm. 10 | 11 | ```mdx filename="example-metadata.mdx" 12 | --- 13 | title: Metadata 14 | description: Các thông tin về Metadata được sử dụng trên dự án HR Documentation 15 | --- 16 | ``` 17 | 18 | 19 | `title` là tiêu đề mà bạn muốn đặt trong tệp `mdx`. 20 | 21 | Ví dụ: `Metadata` 22 | 23 | 24 | 25 | 26 | `description` là mô tả mà bạn muốn đặt trong tệp `mdx`. Đây là mô tả sẽ hiển thị khi bạn chia sẻ liên kết lên các trang mạng xã hội như Facebook và LinkedIn. 27 | 28 | Ví dụ: `Các thông tin về Metadata được sử dụng trên dự án HR Documentation` 29 | 30 | 31 | 32 | 33 | `image` là ảnh thu nhỏ mà bạn muốn đặt trong tệp `mdx`. Đây là ảnh thumbnail sẽ hiển thị khi bạn chia sẻ liên kết lên các trang mạng xã hội như Facebook và LinkedIn. 34 | 35 | Ví dụ: `/static/documentation-card.png` 36 | 37 | 38 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/emberjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'EmberJS là gì' 3 | image: /static/docs/emberjs.jpg 4 | description: 5 | 'EmberJS là một framework mã nguồn mở JavaScript phía client được sử dụng để 6 | phát triển các ứng dụng web và sử dụng mô hình Model-View-Controller (MVC).' 7 | --- 8 | 9 | # EmberJS là gì? 10 | 11 | ![EmberJS là gì](/static/docs/emberjs.jpg) 12 | 13 | EmberJS là một framework mã nguồn mở JavaScript phía client được sử dụng để phát 14 | triển các ứng dụng web và sử dụng mô hình Model-View-Controller (MVC). Được tạo 15 | ra lần đầu bởi SproutCore vào năm 2007, EmberJS được Facebook mua lại vào năm 16 | 2011 và đổi tên thành EmberJS. 17 | 18 | EmberJS cung cấp một cách tiếp cận có cấu trúc cho phát triển ứng dụng web. Với 19 | kiến trúc UI có thể mở rộng ngay từ đầu, EmberJS giúp lập trình viên tập trung 20 | vào tạo ra các tính năng của ứng dụng thay vì phải quản lý mã lệnh bằng tay. Nó 21 | cũng cung cấp một loạt các tính năng khác nhau như routing, binding dữ liệu tự 22 | động và xử lý sự kiện. 23 | 24 | Một trong những đặc điểm của EmberJS là nó có khả năng tích hợp với các công 25 | nghệ khác, bao gồm Rails, Node.js và các ứng dụng được xây dựng trên các nền 26 | tảng khác. Bằng cách kết hợp với các công nghệ này, EmberJS giúp lập trình viên 27 | phát triển các ứng dụng web phức tạp một cách dễ dàng và nhanh chóng. 28 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/linux-mint.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Linux Mint là gì' 3 | image: /static/docs/linux-mint.jpg 4 | description: 5 | 'Linux Mint là một hệ điều hành Linux miễn phí và mã nguồn mở được phân phối 6 | dựa trên Ubuntu và Debian.' 7 | --- 8 | 9 | # Linux Mint là gì? 10 | 11 | ![Linux Mint là gì](/static/docs/linux-mint.jpg) 12 | 13 | Linux Mint là một hệ điều hành Linux miễn phí và mã nguồn mở được phân phối dựa 14 | trên Ubuntu và Debian. Nó được thiết kế để dễ sử dụng và cung cấp trải nghiệm 15 | người dùng tốt hơn so với Ubuntu. Linux Mint cung cấp nhiều phiên bản khác nhau, 16 | bao gồm các phiên bản với giao diện người dùng khác nhau như Cinnamon, MATE và 17 | Xfce. 18 | 19 | Linux Mint đã được phát triển từ năm 2006 và đã nhanh chóng trở thành một trong 20 | những phân phối Linux phổ biến nhất, được ưa chuộng bởi người dùng mới bắt đầu 21 | sử dụng Linux và người dùng muốn có trải nghiệm người dùng đơn giản và trực quan 22 | hơn so với những phân phối Linux khác. 23 | 24 | Linux Mint cung cấp đầy đủ các ứng dụng cần thiết cho một máy tính cá nhân, bao 25 | gồm trình duyệt web, bộ ứng dụng văn phòng, trình chơi nhạc và video, phần mềm 26 | chỉnh sửa ảnh và các công cụ hỗ trợ kết nối mạng và máy in. Linux Mint cũng hỗ 27 | trợ cập nhật và quản lý phần mềm thông qua trình quản lý gói, giúp người dùng 28 | cập nhật và cài đặt phần mềm dễ dàng. 29 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/ubuntu.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ubuntu là gì' 3 | image: /static/docs/ubuntu.png 4 | description: 5 | 'Ubuntu là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở được phát 6 | triển bởi Canonical Ltd.' 7 | --- 8 | 9 | # Ubuntu là gì? 10 | 11 | ![Ubuntu là gì](/static/docs/ubuntu.png) 12 | 13 | Ubuntu là một hệ điều hành Linux phân phối miễn phí và mã nguồn mở được phát 14 | triển bởi Canonical Ltd. Ubuntu được thiết kế để dễ sử dụng và cung cấp trải 15 | nghiệm người dùng tốt hơn so với những phân phối Linux khác. 16 | 17 | Ubuntu được phát triển từ năm 2004 và trở thành một trong những phân phối Linux 18 | phổ biến nhất. Ubuntu cung cấp nhiều phiên bản khác nhau, bao gồm phiên bản dành 19 | cho máy tính để bàn, máy tính xách tay, máy chủ và các thiết bị nhúng. 20 | 21 | Ubuntu đi kèm với các ứng dụng tiêu chuẩn như trình duyệt web, bộ ứng dụng văn 22 | phòng, trình chơi nhạc và video, phần mềm chỉnh sửa ảnh, trình quản lý file, 23 | trình quản lý gói và các công cụ hỗ trợ kết nối mạng và máy in. Nó cũng hỗ trợ 24 | cập nhật và quản lý phần mềm thông qua trình quản lý gói, giúp người dùng cập 25 | nhật và cài đặt phần mềm dễ dàng. 26 | 27 | Ubuntu cũng có một cộng đồng sôi động và được hỗ trợ bởi nhiều nhà phát triển và 28 | cộng đồng người dùng, cung cấp nhiều tài nguyên và hỗ trợ để giúp người dùng sử 29 | dụng và tùy chỉnh hệ điều hành của họ. 30 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/materialize.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Materialize là gì' 3 | image: /static/docs/materialize.png 4 | description: 5 | 'Materialize là một framework CSS và JavaScript mã nguồn mở được phát triển 6 | dựa trên nguyên tắc thiết kế của Google Material Design.' 7 | --- 8 | 9 | # Materialize là gì? 10 | 11 | ![Materialize là gì](/static/docs/materialize.png) 12 | 13 | Materialize là một framework CSS và JavaScript mã nguồn mở được phát triển dựa 14 | trên nguyên tắc thiết kế của Google Material Design. Nó được thiết kế để giúp 15 | các nhà phát triển xây dựng các trang web đáp ứng (responsive) và có giao diện 16 | người dùng đẹp mắt, đồng thời cung cấp các tính năng tương tác người dùng và 17 | hiệu ứng động. Materialize cung cấp các thành phần UI phổ biến như grid, button, 18 | form, typography, và nhiều hơn nữa. Nó cũng cung cấp một hệ thống grid mạnh mẽ, 19 | cho phép các nhà phát triển tạo ra các bố cục trang web đáp ứng và linh hoạt 20 | trên nhiều thiết bị khác nhau. Materialize được hỗ trợ bởi cộng đồng lớn, cung 21 | cấp cho các nhà phát triển các tài liệu, hướng dẫn và các ví dụ cụ thể về cách 22 | sử dụng framework. Tóm lại, Materialize là một framework CSS và JavaScript mạnh 23 | mẽ và dễ sử dụng, được thiết kế dựa trên thiết kế Material Design của Google, 24 | giúp các nhà phát triển tạo ra các trang web đẹp và chất lượng với tính năng 25 | tương tác người dùng và hiệu ứng động. 26 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/semantic-ui.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Semantic UI là gì' 3 | image: /static/docs/semantic-ui.jpg 4 | description: 5 | 'Semantic UI là một framework CSS phổ biến được sử dụng để xây dựng giao diện 6 | người dùng cho các ứng dụng web.' 7 | --- 8 | 9 | # Semantic UI là gì? 10 | 11 | ![Semantic UI là gì](/static/docs/semantic-ui.jpg) 12 | 13 | Semantic UI là một framework CSS phổ biến được sử dụng để xây dựng giao diện 14 | người dùng cho các ứng dụng web. Nó cung cấp một tập hợp các lớp CSS được đặt 15 | tên có ý nghĩa và dễ hiểu, giúp các nhà phát triển tạo ra các giao diện người 16 | dùng đẹp mắt, dễ sử dụng và trực quan một cách nhanh chóng. 17 | 18 | Với Semantic UI, các nhà phát triển không cần phải lo lắng về việc tạo ra các 19 | thành phần giao diện từ đầu, mà có thể sử dụng các thành phần đã được định nghĩa 20 | sẵn. Framework cung cấp một bộ các thành phần như menus, buttons, forms, modals, 21 | cards và nhiều hơn nữa. Bên cạnh đó, Semantic UI cũng hỗ trợ việc tùy chỉnh giao 22 | diện với việc cung cấp một số công cụ để tạo ra các trang web độc đáo và riêng 23 | biệt. 24 | 25 | Ngoài ra, Semantic UI còn được tích hợp với một số framework JavaScript phổ biến 26 | như React, Angular, Ember và nhiều hơn nữa. Điều này giúp các nhà phát triển dễ 27 | dàng tích hợp framework vào các dự án của mình và sử dụng các tính năng phong 28 | phú của nó để tạo ra các ứng dụng web chất lượng cao. 29 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/vuex.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Vuex là gì' 3 | image: /static/docs/vuex.png 4 | description: 5 | 'Vuex là một thư viện quản lý trạng thái (state management) cho ứng dụng 6 | Vue.js' 7 | --- 8 | 9 | # Vuex là gì? 10 | 11 | ![Vuex là gì](/static/docs/vuex.png) 12 | 13 | Vuex là một thư viện quản lý trạng thái (state management) cho ứng dụng Vue.js. 14 | Nó giúp cho việc quản lý và truy xuất các dữ liệu được chia sẻ giữa các thành 15 | phần (component) của ứng dụng dễ dàng hơn. Bằng cách sử dụng Vuex, các thành 16 | phần có thể truy cập vào dữ liệu một cách đồng bộ, mà không cần phải truyền dữ 17 | liệu qua các thành phần con (child components) hoặc sử dụng các sự kiện (events) 18 | để giao tiếp. 19 | 20 | Vuex sử dụng mô hình "store" để quản lý trạng thái của ứng dụng. "Store" là nơi 21 | lưu trữ toàn bộ trạng thái của ứng dụng, và các thành phần có thể truy xuất đến 22 | trạng thái này thông qua các hàm getter và setter. Trong Vuex, các trạng thái 23 | được lưu trữ trong một đối tượng duy nhất được gọi là "state", và các hành động 24 | (actions) có thể được thực hiện để cập nhật trạng thái này. 25 | 26 | Một trong những ưu điểm của Vuex là nó cho phép người phát triển dễ dàng đưa ra 27 | các quyết định về cách quản lý trạng thái và cách truy xuất dữ liệu. Nó cũng cho 28 | phép người phát triển xác định các quy tắc cho việc cập nhật trạng thái, để đảm 29 | bảo rằng các thành phần không gây ra xung đột trong việc cập nhật dữ liệu. 30 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/server/open-lite-speed.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'OpenLiteSpeed là gì' 3 | image: /static/docs/openlitespeed.png 4 | description: 5 | 'OpenLiteSpeed là một phần mềm máy chủ web mã nguồn mở, tương tự như Apache 6 | hay Nginx, được phát triển bởi LiteSpeed Technologies.' 7 | --- 8 | 9 | # OpenLiteSpeed là gì? 10 | 11 | ![OpenLiteSpeed là gì](/static/docs/openlitespeed.png) 12 | 13 | OpenLiteSpeed là một phần mềm máy chủ web mã nguồn mở, tương tự như Apache hay 14 | Nginx, được phát triển bởi LiteSpeed Technologies. Nó là một phiên bản nhẹ hơn 15 | của máy chủ LiteSpeed Web Server, có thể được sử dụng để chạy các trang web phức 16 | tạp, ứng dụng web và các dịch vụ khác trên một máy chủ. 17 | 18 | OpenLiteSpeed được thiết kế để cung cấp hiệu suất cao, tính năng bảo mật và khả 19 | năng mở rộng, đồng thời cũng dễ dàng cài đặt và quản lý. Nó có thể chạy trên 20 | nhiều hệ điều hành khác nhau và hỗ trợ các ngôn ngữ lập trình phổ biến như PHP, 21 | Python, Ruby, Java và Node.js. 22 | 23 | OpenLiteSpeed cung cấp các tính năng quản lý và giám sát chuyên nghiệp, bao gồm 24 | bảo mật, tối ưu hóa hiệu suất, cân bằng tải, ghi nhật ký và xử lý lỗi. Nó cũng 25 | hỗ trợ các công nghệ mã hóa SSL/TLS để bảo vệ dữ liệu của người dùng khi truy 26 | cập vào trang web. 27 | 28 | OpenLiteSpeed được sử dụng rộng rãi trên các trang web và ứng dụng web phức tạp 29 | trên toàn thế giới, đặc biệt là trong các môi trường có tải lớn và đòi hỏi hiệu 30 | suất cao. 31 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/wordpress.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'WordPress là gì' 3 | image: /static/docs/wordpress.jpg 4 | description: 5 | 'WordPress là một hệ thống quản lý nội dung (CMS) mã nguồn mở phổ biến được sử 6 | dụng để xây dựng các trang web và blog.' 7 | --- 8 | 9 | # WordPress là gì? 10 | 11 | ![WordPress là gì](/static/docs/wordpress.jpg) 12 | 13 | WordPress là một hệ thống quản lý nội dung (CMS) mã nguồn mở phổ biến được sử 14 | dụng để xây dựng các trang web và blog. WordPress có tính linh hoạt cao, có 15 | nhiều tính năng mở rộng và được phát triển bởi cộng đồng lập trình viên trên 16 | toàn thế giới. 17 | 18 | Tuy nhiên, có sự khác biệt giữa WordPress.org và WordPress.com: 19 | 20 | - WordPress.org là phiên bản miễn phí và mã nguồn mở của WordPress, cho phép bạn 21 | tải xuống, cài đặt và quản lý trên máy chủ riêng của mình hoặc một nhà cung 22 | cấp dịch vụ lưu trữ web. Bạn có toàn quyền kiểm soát trang web của mình và có 23 | thể tùy chỉnh theo ý muốn, cài đặt các plugin và theme mà mình muốn, và có 24 | quyền truy cập vào tất cả các tệp và dữ liệu của trang web. 25 | 26 | - WordPress.com là một dịch vụ cung cấp các trang web WordPress trực tuyến. Bạn 27 | không cần phải tự cài đặt WordPress trên máy chủ riêng của mình, và không phải 28 | lo lắng về bảo mật, cập nhật và sao lưu dữ liệu. Tuy nhiên, bạn sẽ bị giới hạn 29 | trong việc tùy chỉnh trang web của mình, không thể cài đặt bất kỳ plugin hoặc 30 | theme nào mà bạn muốn, và có thể phải trả phí cho các tính năng bổ sung. 31 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/sql.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ SQL là gì' 3 | image: /static/docs/sql.png 4 | description: 5 | 'SQL là viết tắt của Structured Query Language, nghĩa là ngôn ngữ truy vấn dữ 6 | liệu.' 7 | --- 8 | 9 | # Ngôn ngữ SQL là gì? 10 | 11 | ![Ngôn ngữ SQL là gì](/static/docs/sql.png) 12 | 13 | SQL là viết tắt của Structured Query Language, nghĩa là ngôn ngữ truy vấn dữ 14 | liệu. Có thể coi ngôn ngữ SQL là ngôn ngữ chung mà bất cứ hệ thống cơ sở dữ liệu 15 | quan hệ (RDBMS) nào cũng phải đáp ứng, điển hình như: Oracle Database, SQL 16 | Server, MySQL… 17 | 18 | Bất kì công ty nào lớn cũng cần xây dựng một hệ thống để lưu trữ cơ sở dữ liệu. 19 | Mọi thứ trong cơ sở dữ liệu này sẽ được quy ra thành nhiều bảng, có mối quan hệ 20 | với nhau. SQL giúp quản lý hiệu quả và truy vấn thông tin nhanh hơn, giúp bảo 21 | trì thông tin dễ dàng hơn. 22 | 23 | Khi doanh nghiệp lưu trữ thông tin dạng truyền thống như giấy hay file Excel thì 24 | sẽ có nhiều rủi ro như bị mất, sửa, xóa… cũng như phải mất rất nhiều thời gian 25 | để lục lại hồ sơ. Chưa kể, một số trường hợp sau khi thêm hoặc sửa thông tin, hồ 26 | sơ sẽ không còn hợp lệ.Trong khi, nếu lưu trữ thông tin vào một hệ thống cơ sở 27 | dữ liệu, bạn chỉ cần gõ một câu lệnh SQL ngắn là đã có thể trích xuất được thông 28 | tin em cần. Việc thêm/xóa/sửa cũng được thực hiện một cách dễ dàng, nhanh chóng. 29 | 30 | Để truy vấn và lấy dữ liệu từ các bảng này (nhằm tổng hợp thành thông tin hữu 31 | ích nào đó), người ta dùng đến SQL thông qua các câu query. 32 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/nuxtjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'NuxtJS là gì' 3 | image: /static/docs/nuxtjs.png 4 | description: 5 | 'Như các bạn Hr đã biết, các framework JavaScript hiện nay như Vue, React, 6 | Angular,... giúp các lập trình viên nhanh chóng tạo các ứng dụng web app theo 7 | cơ chế Client-Side Rendering (CSR).' 8 | --- 9 | 10 | # NuxtJS là gì? 11 | 12 | ![NuxtJS](/static/docs/nuxtjs.png) 13 | 14 | Như các bạn Hr đã biết, các framework JavaScript hiện nay như Vue, React, 15 | Angular,... giúp các lập trình viên nhanh chóng tạo các ứng dụng web app theo cơ 16 | chế Client-Side Rendering (CSR). Tuy nhiên, điều này có thể không tốt cho SEO do 17 | các con bot của Google vẫn chưa crawl được nội dung các ứng dụng kiểu Single 18 | Page App (SPA). Đây cũng chính là nguyên nhân để cho ra đời các framework hỗ trợ 19 | Server-Side Rendering (SSR) như Nuxt.js. 20 | 21 | Nuxt.js là một framework JavaScript dựa trên Vue.js để tạo ra các ứng dụng SSR. 22 | Mục tiêu của Nuxt.js là để các lập trình viên có thể tạo ra các ứng dụng linh 23 | hoạt nhưng được render phía máy chủ, giống như một trang web tĩnh thông thường, 24 | điều này có lợi cho SEO và cải thiện trải nghiệm người dùng. 25 | 26 | Nuxt.js tập trung vào khía cạnh render giao diện người dùng, đồng thời cung cấp 27 | nhiều tính năng hữu ích cho phát triển giữa phía client và server như dữ liệu 28 | bất đồng bộ (Asynchronous Data), middleware, layouts, và nhiều tính năng khác. 29 | Nuxt.js giúp cho việc phát triển ứng dụng SSR trở nên đơn giản hơn, nhanh hơn và 30 | dễ dàng hơn. 31 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/reactjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'ReactJS và React Native là gì' 3 | image: /static/docs/reactjs.jpg 4 | description: 5 | 'ReactJS là một thư viện JavaScript mã nguồn mở được sử dụng để xây dựng các 6 | giao diện người dùng động trên các ứng dụng web.' 7 | --- 8 | 9 | # ReactJS là gì? 10 | 11 | ![ReactJS](/static/docs/reactjs.jpg) 12 | 13 | ReactJS là một thư viện JavaScript mã nguồn mở được sử dụng để xây dựng các giao 14 | diện người dùng động trên các ứng dụng web. ReactJS cho phép lập trình viên tạo 15 | ra các thành phần (components) độc lập, tái sử dụng và có thể quản lý trạng thái 16 | của chúng một cách hiệu quả. ReactJS cũng cung cấp một cách tiếp cận khác biệt 17 | trong việc xử lý DOM, cho phép ứng dụng ReactJS hoạt động hiệu quả hơn với số 18 | lượng lớn các thành phần. 19 | 20 | ## React Native là gì? 21 | 22 | React Native là một framework mã nguồn mở được sử dụng để xây dựng các ứng dụng 23 | di động cho Android và iOS bằng cách sử dụng ReactJS. React Native cho phép lập 24 | trình viên sử dụng các thành phần của ReactJS để tạo ra các giao diện người dùng 25 | cho các ứng dụng di động. Một điểm đặc biệt của React Native là nó sử dụng các 26 | thành phần native để hiển thị UI, đồng thời cho phép lập trình viên sử dụng các 27 | tính năng của thiết bị di động như camera, vị trí, và các tính năng khác. Sử 28 | dụng React Native giúp cho việc phát triển ứng dụng di động trở nên đơn giản 29 | hơn, nhanh chóng hơn và tiết kiệm chi phí hơn so với việc phát triển ứng dụng di 30 | động bằng các phương pháp truyền thống. 31 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/nextjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'NextJS là gì' 3 | image: /static/docs/nextjs.png 4 | description: 5 | 'NextJS là một framework mã nguồn mở của ReactJS được phát triển bởi Vercel.' 6 | --- 7 | 8 | # NextJS là gì? 9 | 10 | ![NextJS là gì](/static/docs/nextjs.png) 11 | 12 | NextJS là một framework mã nguồn mở của ReactJS được phát triển bởi Vercel. Nó 13 | cho phép xây dựng các ứng dụng web phía client và server-rendered với hiệu suất 14 | cao và khả năng tương tác tốt. 15 | 16 | NextJS có các tính năng như pre-rendering, hot module replacement, automatic 17 | code splitting và routing. Pre-rendering cho phép ứng dụng web được render trước 18 | khi được truy cập bởi người dùng, cải thiện thời gian tải trang và trải nghiệm 19 | người dùng. Hot module replacement giúp các nhà phát triển cập nhật mã của ứng 20 | dụng mà không cần tải lại trang. Automatic code splitting giúp tách các thành 21 | phần của ứng dụng thành các bundle nhỏ để tối ưu hóa tải trang. Routing được xây 22 | dựng sẵn để quản lý các đường dẫn và thực hiện việc điều hướng trên trang. 23 | 24 | NextJS cũng tích hợp sẵn các công nghệ như Webpack, Babel, ESLint và Sass để cải 25 | thiện quá trình phát triển và tạo ra mã đáng tin cậy. Nó cũng hỗ trợ các tính 26 | năng như CSS Modules, Serverless Functions và API Routes. 27 | 28 | NextJS được sử dụng rộng rãi trong các ứng dụng web lớn, từ các trang thương mại 29 | điện tử đến các trang web tin tức và giáo dục. Vercel cũng cung cấp một dịch vụ 30 | hosting để giúp các nhà phát triển triển khai và quản lý các ứng dụng NextJS của 31 | họ. 32 | -------------------------------------------------------------------------------- /pages/docs/hr/design/microsoft-designer.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Microsoft Designer là gì' 3 | image: /static/docs/microsoft-designer.jpg 4 | description: 5 | 'Microsoft Designer là một ứng dụng thiết kế đồ họa được phát triển bởi 6 | Microsoft.' 7 | --- 8 | 9 | # Microsoft Designer là gì? 10 | 11 | ![Microsoft Designer là gì](/static/docs/microsoft-designer.jpg) 12 | 13 | Microsoft Designer là một ứng dụng thiết kế đồ họa được phát triển bởi 14 | Microsoft. Ứng dụng này cho phép người dùng tạo ra các thiết kế đa dạng bao gồm 15 | thiết kế giao diện người dùng, đồ họa vector, thiết kế logo, poster, banner, 16 | infographic, v.v. 17 | 18 | Microsoft Designer cung cấp một giao diện đơn giản và thân thiện với người dùng, 19 | cho phép người dùng tạo ra các thiết kế một cách dễ dàng bằng cách kéo và thả 20 | các thành phần trên bảng vẽ. Nó cũng hỗ trợ các công cụ và tính năng tùy chỉnh, 21 | cho phép người dùng điều chỉnh các thuộc tính của các thành phần thiết kế, chèn 22 | hình ảnh và văn bản, và chọn từ một thư viện các mẫu sẵn có. 23 | 24 | Microsoft Designer được tích hợp với nhiều công cụ và dịch vụ của Microsoft như 25 | Office 365, SharePoint, OneDrive, v.v. Nó cũng hỗ trợ các định dạng tệp phổ biến 26 | như SVG, PDF, PNG, và JPEG, cho phép người dùng xuất ra các thiết kế của mình 27 | dưới nhiều định dạng khác nhau. 28 | 29 | Tóm lại, Microsoft Designer là một ứng dụng thiết kế đồ họa đơn giản và dễ sử 30 | dụng, được phát triển bởi Microsoft. Nó cung cấp các tính năng và công cụ để tạo 31 | ra các thiết kế đa dạng và được tích hợp với nhiều công cụ và dịch vụ của 32 | Microsoft. 33 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/javascript.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ lập trình JavaScript là gì' 3 | image: /static/docs/javascript.png 4 | description: 5 | 'Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có 6 | sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng 7 | Website.' 8 | --- 9 | 10 | # Ngôn ngữ lập trình JavaScript là gì? 11 | 12 | ![Ngôn ngữ lập trình JavaScript là gì](/static/docs/javascript.png) 13 | 14 | Javascript là một ngôn ngữ lập trình kịch bản dựa vào đối tượng phát triển có 15 | sẵn hoặc tự định nghĩa. Javascript được sử dụng rộng rãi trong các ứng dụng 16 | Website. Javascript được hỗ trợ hầu như trên tất cả các trình duyệt như Firefox, 17 | Chrome, ... trên máy tính lẫn điện thoại. 18 | 19 | Nhiệm vụ của Javascript là xử lý những đối tượng HTML trên trình duyệt. Nó có 20 | thể can thiệp với các hành động như thêm / xóa / sửa các thuộc tính CSS và các 21 | thẻ HTML một cách dễ dàng. Hay nói cách khác, Javascript là một ngôn ngữ lập 22 | trình trên trình duyệt ở phía client. Tuy nhiên, hiện nay với sự xuất hiện của 23 | NodeJS đã giúp cho Javascript có thể làm việc ở backend. 24 | 25 | Bạn thử truy cập vào một số website trên internet thì sẽ thấy có những hiệu ứng 26 | slide, menu xổ xuống, các hình ảnh chạy qua chạy lại rất đẹp. tất cả các chức 27 | năng này đều được xử lý bằng Javascript đấy các bạn ạ. 28 | 29 | Trong những năm gần đây, sự xuất hiện của các framework như NodeJS (chuyên code 30 | backend), ExpressJS (NodeJS framework), và nhiều thư viện frontend khác như 31 | Angular, jQuery, ReactJS ra đời, giúp tạo ra một cơn sốt với từ khóa Javascript 32 | Fullstack. 33 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/svelte.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Svelte là gì' 3 | image: /static/docs/svelte.png 4 | description: 5 | 'Svelte là một framework JavaScript mã nguồn mở được sử dụng để phát triển các 6 | ứng dụng web hiệu quả và dễ bảo trì.' 7 | --- 8 | 9 | # Svelte là gì? 10 | 11 | ![Svelte là gì](/static/docs/svelte.png) 12 | 13 | Svelte là một framework JavaScript mã nguồn mở được sử dụng để phát triển các 14 | ứng dụng web hiệu quả và dễ bảo trì. Khác với các framework khác như React hoặc 15 | Vue, Svelte không sử dụng các thư viện và mã nguồn phía client để xây dựng ứng 16 | dụng, mà thay vào đó nó sử dụng một bộ biên dịch để biên dịch mã nguồn Svelte 17 | thành mã JavaScript tối ưu hóa cho hiệu suất tốt nhất. 18 | 19 | Svelte cung cấp cho người dùng một hệ thống template đơn giản và dễ hiểu, cùng 20 | với một cú pháp cho phép người dùng định nghĩa các thành phần (components) của 21 | ứng dụng. Svelte cũng hỗ trợ các tính năng như phân tích cú pháp (parsing), sử 22 | dụng động (dynamic) và tối ưu hóa để giảm thiểu kích thước mã và tăng tốc độ tải 23 | trang. 24 | 25 | Svelte cũng cung cấp một số tính năng khác như trạng thái (state) được quản lý 26 | tự động, cùng với các tính năng tương tác với người dùng như sự kiện (event) và 27 | các phản hồi (response) từ server. 28 | 29 | Svelte đã trở thành một trong những công cụ phát triển web phổ biến nhất hiện 30 | nay, đặc biệt là trong lĩnh vực phát triển các ứng dụng đơn trang (single-page 31 | applications). Svelte có thể được sử dụng để phát triển các ứng dụng web đa nền 32 | tảng (cross-platform), bao gồm cả desktop và di động, và nó được đánh giá cao về 33 | hiệu suất và độ ổn định của ứng dụng. 34 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Back End là gì' 3 | image: /static/docs/backend.jpg 4 | description: 5 | 'Back End là phần của một website hoặc ứng dụng không được hiển thị cho người 6 | dùng mà được thiết kế để xử lý và lưu trữ dữ liệu.' 7 | --- 8 | 9 | # Back End là gì? 10 | 11 | ![Back End là gì](/static/docs/backend.jpg) 12 | 13 | Back End (còn được gọi là server-side) là một phần quan trọng của một website 14 | hoặc ứng dụng web. Nó thực hiện các chức năng xử lý dữ liệu, lưu trữ, xử lý các 15 | yêu cầu và giao tiếp với phía Front End để cung cấp các tính năng và chức năng 16 | cho người dùng. Điều này làm cho Back End trở thành một phần không thể thiếu 17 | trong quá trình phát triển và vận hành một ứng dụng web. 18 | 19 | Các thành phần chính của Back End bao gồm máy chủ (server), ứng dụng 20 | (application) và cơ sở dữ liệu (database). Máy chủ là một máy tính hoặc một hệ 21 | thống máy tính được sử dụng để chạy và quản lý các ứng dụng web. Ứng dụng là mã 22 | nguồn của phần mềm được viết để xử lý yêu cầu của người dùng, tương tác với cơ 23 | sở dữ liệu và trả lại kết quả cho người dùng thông qua Front End. Cơ sở dữ liệu 24 | là nơi lưu trữ các thông tin về người dùng, các dữ liệu của họ và thông tin khác 25 | được liên quan đến ứng dụng. 26 | 27 | Các ngôn ngữ lập trình phổ biến cho Back End bao gồm PHP, Python, Ruby, Java và 28 | Node.js. Ngoài ra còn có các framework như Laravel, Django, Ruby on Rails, 29 | Spring, v.v. được sử dụng để tăng tốc độ phát triển và tối ưu hóa hiệu suất của 30 | ứng dụng. Các công nghệ cơ sở dữ liệu như MySQL, PostgreSQL, MongoDB, Redis, 31 | Cassandra, v.v. được sử dụng để lưu trữ và quản lý dữ liệu của ứng dụng. 32 | -------------------------------------------------------------------------------- /pages/docs/hr/design/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Design là gì' 3 | image: /static/docs/facebook-newfeed.png 4 | description: 5 | 'Design là lĩnh vực tạo ra các sản phẩm có tính thẩm mỹ và chức năng, bao gồm 6 | nhiều lĩnh vực khác.' 7 | --- 8 | 9 | # Design là gì? 10 | 11 | ![Facebook Newfeed](/static/docs/facebook-newfeed.png) 12 | 13 | Design là lĩnh vực tạo ra các sản phẩm có tính thẩm mỹ và chức năng, bao gồm 14 | nhiều lĩnh vực khác nhau như đồ họa, sản phẩm công nghiệp, kiến trúc, đồ nội 15 | thất, thời trang, đồ trang sức và đồ chơi. Để trở thành một Designer chuyên 16 | nghiệp, không chỉ cần hiểu về UI/UX, màu sắc và layout để thu hút người dùng mà 17 | còn phải có kiến thức chuyên môn về các nguyên tắc thiết kế, kỹ thuật và công 18 | nghệ, cùng với khả năng sáng tạo và tư duy ngoại cảm để tạo ra các sản phẩm độc 19 | đáo và thẩm mỹ. 20 | 21 | Các Designer cũng phải có khả năng giao tiếp và làm việc trong nhóm để hiểu được 22 | nhu cầu của khách hàng và đưa ra các giải pháp thiết kế đáp ứng được nhu cầu của 23 | họ. Công cụ được sử dụng trong ngành Design bao gồm các phần mềm đồ họa như 24 | Adobe Photoshop, Illustrator và InDesign, các công cụ 3D và các phần mềm tạo 25 | mẫu. 26 | 27 | Một Designer không chỉ thiết kế các sản phẩm dành cho cá nhân mà còn có thể làm 28 | việc cho các công ty để thiết kế ra các sản phẩm tốt hơn, hấp dẫn hơn cho người 29 | dùng. Với sự cạnh tranh khốc liệt và phát triển của công nghệ, Design đã trở 30 | thành một yếu tố quan trọng trong sự thành công của các doanh nghiệp và thương 31 | hiệu, và đóng vai trò quan trọng trong cuộc sống của chúng ta, từ các sản phẩm 32 | đồ gia dụng hàng ngày đến trải nghiệm trên các ứng dụng di động. 33 | -------------------------------------------------------------------------------- /pages/docs/hr/design/ux-ui-design.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'UX/UI Design là gì' 3 | image: /static/docs/ux.jpg 4 | description: 5 | 'UX Design và UI Design là hai khái niệm rất quan trọng trong lĩnh vực thiết 6 | kế trải nghiệm người dùng.' 7 | --- 8 | 9 | # UX/UI Design là gì? 10 | 11 | UX Design và UI Design là hai khái niệm rất quan trọng trong lĩnh vực thiết kế 12 | trải nghiệm người dùng. 13 | 14 | ## UX Design là gì? 15 | 16 | ![UX Design là gì](/static/docs/ux.jpg) 17 | 18 | UX Design (User Experience Design) là quá trình thiết kế và tạo ra các sản phẩm, 19 | dịch vụ hoặc ứng dụng có trải nghiệm người dùng tốt nhất có thể. Nó tập trung 20 | vào việc hiểu nhu cầu của người dùng, tạo ra các trải nghiệm mượt mà và đáp ứng 21 | nhu cầu của họ. Các nhà thiết kế UX phải phân tích, tìm hiểu, đánh giá và cải 22 | thiện liên tục các khía cạnh của trải nghiệm người dùng để đảm bảo rằng sản phẩm 23 | hoạt động tốt nhất có thể. 24 | 25 | ## UI Design là gì? 26 | 27 | ![UI Design là gì](/static/docs/ui.png) 28 | 29 | UI Design (User Interface Design) là quá trình thiết kế giao diện người dùng, 30 | tạo ra các yếu tố trực quan và tương tác cho người dùng. Các nhà thiết kế UI 31 | phải tạo ra các giao diện dễ sử dụng, hấp dẫn và đáp ứng nhu cầu của người dùng. 32 | Các yếu tố của UI design bao gồm màu sắc, đồ họa, hình ảnh, font chữ và cách 33 | thức hiển thị nội dung. 34 | 35 | Tuy nhiên, UI Design và UX Design không thể tách rời nhau. UX Design tập trung 36 | vào việc tạo ra trải nghiệm người dùng tốt nhất có thể, trong khi UI Design tập 37 | trung vào việc tạo ra giao diện người dùng đẹp mắt và trực quan. Cả hai khái 38 | niệm này đều rất quan trọng và phải được thực hiện cùng nhau để tạo ra sản phẩm 39 | hoàn hảo. 40 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/bootstrap.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Bootstrap là gì' 3 | image: /static/docs/bootstrap.jpg 4 | description: 5 | 'Bootstrap là một framework HTML, CSS và JavaScript phổ biến được sử dụng để 6 | phát triển các trang web đáp ứng (responsive).' 7 | --- 8 | 9 | # Bootstrap là gì? 10 | 11 | ![Bootstrap là gì](/static/docs/bootstrap.jpg) 12 | 13 | Bootstrap là một framework HTML, CSS và JavaScript phổ biến được sử dụng để phát 14 | triển các trang web đáp ứng (responsive). Với Bootstrap, lập trình viên có thể 15 | dễ dàng xây dựng các thành phần cơ bản như typography, forms, buttons, tables, 16 | grids, navigation và image carousels một cách nhanh chóng và tiện lợi. 17 | 18 | Bootstrap được thiết kế để giảm thiểu thời gian và công sức cần thiết để xây 19 | dựng các trang web, đồng thời tăng tính khả chuyển của các trang web bằng cách 20 | tự động thích nghi với các kích thước màn hình khác nhau. Nó cũng cung cấp các 21 | kiểu CSS chuẩn, giúp đảm bảo sự thống nhất và đồng nhất giữa các thành phần trên 22 | trang web. 23 | 24 | Bootstrap cũng hỗ trợ các tính năng JavaScript như tooltip, modal, scrollspy, 25 | popover, carousel, v.v. để cung cấp các tính năng tương tác cho trang web. 26 | 27 | Ngoài ra, Bootstrap còn có một cộng đồng lớn với nhiều tài liệu, ví dụ và hỗ 28 | trợ, giúp cho việc học tập và sử dụng Bootstrap trở nên dễ dàng hơn đối với các 29 | lập trình viên. 30 | 31 | Tóm lại, Bootstrap là một framework HTML, CSS và JavaScript được sử dụng rộng 32 | rãi để xây dựng các trang web đáp ứng và cung cấp các thành phần cơ bản, kiểu 33 | CSS chuẩn và các tính năng JavaScript để giảm thiểu thời gian và công sức cần 34 | thiết để xây dựng các trang web. Các tính năng này giúp lập trình viên tạo ra 35 | các trang web đẹp mắt và đáp ứng nhanh chóng. 36 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/gatsbyjs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'GatsbyJS là gì' 3 | image: /static/docs/gatsbyjs.png 4 | description: 5 | 'GatsbyJS là một framework mã nguồn mở dựa trên ReactJS được sử dụng để xây 6 | dựng các trang web tĩnh hoặc các trang web tĩnh với tính năng động.' 7 | --- 8 | 9 | # GatsbyJS là gì? 10 | 11 | ![GatsbyJS là gì](/static/docs/gatsbyjs.png) 12 | 13 | GatsbyJS là một framework mã nguồn mở dựa trên ReactJS được sử dụng để xây dựng 14 | các trang web tĩnh hoặc các trang web tĩnh với tính năng động. Nó cho phép các 15 | nhà phát triển xây dựng các trang web tốt về mặt SEO, tốc độ và hiệu suất. Nó 16 | cũng cung cấp các công cụ để tạo các ứng dụng web tĩnh tốt hơn và dễ quản lý 17 | hơn. 18 | 19 | GatsbyJS sử dụng các công nghệ như GraphQL, Webpack và ReactJS để tạo ra các 20 | trang web tĩnh động. Nó cho phép các nhà phát triển lấy dữ liệu từ nhiều nguồn 21 | khác nhau như CMS, API hoặc các tệp dữ liệu tĩnh và kết hợp chúng để tạo ra các 22 | trang web tĩnh. Các trang web được tạo ra bởi GatsbyJS được tối ưu hóa cho tốc 23 | độ và hiệu suất cao, vì vậy các trang web sẽ tải nhanh hơn và cung cấp trải 24 | nghiệm người dùng tốt hơn. 25 | 26 | GatsbyJS cũng cung cấp nhiều plugin và theme cho phép các nhà phát triển mở rộng 27 | và tùy chỉnh các trang web của họ. Nó cũng cung cấp các tính năng như tạo trang 28 | và tiền tạo trang (pre-rendering), tự động tối ưu hóa hình ảnh, và nhiều tính 29 | năng khác giúp các nhà phát triển xây dựng các trang web tĩnh một cách dễ dàng 30 | và hiệu quả. 31 | 32 | Tóm lại, GatsbyJS là một framework mã nguồn mở được sử dụng để xây dựng các 33 | trang web tĩnh hoặc các trang web tĩnh với tính năng động. Nó sử dụng các công 34 | nghệ tiên tiến như GraphQL, Webpack và ReactJS để tạo ra các trang web tĩnh động 35 | tối ưu hóa tốc độ và hiệu suất cao. Nó cũng cung cấp nhiều plugin và theme cho 36 | phép các nhà phát triển tùy chỉnh các trang web của họ một cách dễ dàng. 37 | -------------------------------------------------------------------------------- /pages/docs/hr/linux/server/web-server.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Web Server là gì' 3 | image: /static/docs/web-server.jpg 4 | description: 5 | 'Web server là một loại máy chủ có dung lượng lớn, tốc độ cao được sử dụng để 6 | lưu trữ thông tin trên internet.' 7 | --- 8 | 9 | # Web Server là gì? 10 | 11 | ![Web Server là gì](/static/docs/web-server.jpg) 12 | 13 | Khái niệm về web server vẫn còn xa lạ với nhiều người, đặc biệt là với các bạn 14 | HR. Khi nghe về web server, nhiều người vẫn thắc mắc không biết nó là gì. 15 | 16 | Web server là một loại máy chủ có dung lượng lớn, tốc độ cao được sử dụng để lưu 17 | trữ thông tin trên internet, bao gồm các trang web đã được thiết kế và các tài 18 | nguyên liên quan. Máy chủ này cung cấp các dịch vụ cho người dùng internet thông 19 | qua phần mềm máy chủ được cài đặt trên nó. 20 | 21 | Về mặt cơ bản, mỗi trang web đều cần một máy chủ để phân phối nội dung khi có 22 | yêu cầu từ người dùng. Máy chủ này được gọi là web server và chạy một chương 23 | trình phần mềm để phục vụ yêu cầu truy cập trang web từ người dùng. Khi một 24 | người dùng truy cập một trang web, họ gửi yêu cầu đến máy chủ web thông qua địa 25 | chỉ IP hoặc tên miền của trang web. Máy chủ web sau đó gửi nội dung trang web 26 | cho máy tính của người dùng thông qua đường truyền internet. 27 | 28 | Mỗi trang web có một địa chỉ duy nhất gọi là URL (Uniform Resource Locator). Khi 29 | người dùng nhập URL vào trình duyệt web, máy tính của họ gửi yêu cầu truy cập 30 | đến địa chỉ IP hoặc tên miền của trang web tương ứng. Sau đó, máy chủ web phản 31 | hồi bằng cách gửi nội dung trang web đến trình duyệt của người dùng. 32 | 33 | Bất kỳ máy tính nào cũng có thể trở thành web server bằng cách cài đặt phần mềm 34 | máy chủ và kết nối vào internet. Tuy nhiên, để sử dụng web server cho mục đích 35 | thương mại hoặc công nghiệp, bạn cần đầu tư vào phần cứng và phần mềm máy chủ 36 | chuyên nghiệp để đảm bảo tính ổn định và độ tin cậy của hệ thống. 37 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/translate.yml: -------------------------------------------------------------------------------- 1 | name: Translate Documentation 2 | description: Send documents that need to be translated 3 | title: "[Translate languages]: " 4 | labels: ["translate", "english", "vietnamese"] 5 | assignees: 6 | - tuanductran 7 | body: 8 | - type: markdown 9 | attributes: 10 | value: | 11 | Thanks for taking the time to fill out this translate documentation! 12 | - type: input 13 | id: contact 14 | attributes: 15 | label: Contact Details 16 | description: How can we get in touch with you if we need more info 17 | placeholder: ex. email@example.com 18 | validations: 19 | required: false 20 | - type: input 21 | id: translate 22 | attributes: 23 | label: Link the document you need to translate 24 | description: Link to the document you need translated into English or Vietnamese 25 | placeholder: ex. https://hrpenci.site/docs/hr/front-end 26 | validations: 27 | required: true 28 | - type: dropdown 29 | id: language 30 | attributes: 31 | label: Language 32 | description: Select the language you need to translate 33 | options: 34 | - Vietnamese (Default) 35 | - English 36 | default: 0 37 | validations: 38 | required: true 39 | - type: dropdown 40 | id: translate-any 41 | attributes: 42 | label: Do you need to translate any other pages? 43 | multiple: true 44 | options: 45 | - All pages 46 | - HR document scope only 47 | - Dev document scope only 48 | - Designer document scope only 49 | - type: checkboxes 50 | id: terms 51 | attributes: 52 | label: Code of Conduct 53 | description: By submitting this issue, you agree to follow our [Code of Conduct](https://github.com/vnodesign/hr-document/blob/master/CODE_OF_CONDUCT.md) 54 | options: 55 | - label: I agree to follow this project's Code of Conduct 56 | required: true 57 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/framework7.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Framework7 là gì' 3 | image: /static/docs/framework7.jpg 4 | description: 5 | 'Framework7 là một framework mã nguồn mở được xây dựng trên HTML, CSS và 6 | JavaScript, được thiết kế để giúp các nhà phát triển xây dựng các ứng dụng di 7 | động đa nền tảng.' 8 | --- 9 | 10 | # Framework7 là gì? 11 | 12 | ![Framework7 là gì](/static/docs/framework7.jpg) 13 | 14 | Framework7 là một framework mã nguồn mở được xây dựng trên HTML, CSS và 15 | JavaScript, được thiết kế để giúp các nhà phát triển xây dựng các ứng dụng di 16 | động đa nền tảng. Framework7 cung cấp các thành phần UI và tính năng tương tác 17 | người dùng phong phú và dễ sử dụng, giúp các nhà phát triển tạo ra các ứng dụng 18 | di động chất lượng cao một cách nhanh chóng. 19 | 20 | Framework7 có khả năng tương thích với cả iOS và Android, với các thành phần UI 21 | được thiết kế để giống với giao diện người dùng của các hệ điều hành này. Nó 22 | cũng cung cấp các tính năng tiên tiến như phần tử thô sơ (virtual list), tính 23 | năng kéo và thả (drag and drop), các hiệu ứng động, định tuyến, và nhiều hơn 24 | nữa. 25 | 26 | Framework7 có thể được sử dụng để phát triển các ứng dụng di động đơn giản hoặc 27 | phức tạp, từ các ứng dụng tin nhắn đến các ứng dụng thương mại điện tử. Nó cũng 28 | cung cấp các tính năng để tích hợp với các dịch vụ web bên ngoài như Firebase và 29 | các API RESTful. 30 | 31 | Framework7 được hỗ trợ bởi cộng đồng phát triển rộng lớn, với nhiều tài liệu, 32 | hướng dẫn và ví dụ cụ thể về cách sử dụng framework. Nó cũng có các phiên bản 33 | được hỗ trợ cho các công cụ như Vue.js và React, giúp các nhà phát triển dễ dàng 34 | tích hợp framework với các công nghệ khác. 35 | 36 | Tóm lại, Framework7 là một framework mã nguồn mở được thiết kế để giúp các nhà 37 | phát triển xây dựng các ứng dụng di động đa nền tảng chất lượng cao. Nó cung cấp 38 | các tính năng và thành phần UI phong phú, đồng thời được hỗ trợ bởi cộng đồng 39 | phát triển rộng lớn. 40 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/foundation.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Foundation là gì' 3 | image: /static/docs/foundation.jpg 4 | description: 5 | 'Foundation là một framework CSS và JavaScript mã nguồn mở được phát triển bởi 6 | ZURB.' 7 | --- 8 | 9 | # Foundation là gì? 10 | 11 | ![Foundation là gì](/static/docs/foundation.jpg) 12 | 13 | Foundation là một framework CSS và JavaScript mã nguồn mở được phát triển bởi 14 | ZURB. Nó được thiết kế để giúp các nhà phát triển xây dựng các trang web đáp ứng 15 | (responsive) và nhanh chóng. Mục tiêu của Foundation là cung cấp cho các nhà 16 | phát triển các công cụ và tính năng để tạo ra các giao diện người dùng chuyên 17 | nghiệp và hiệu quả. 18 | 19 | Foundation được xây dựng trên nền tảng của các quy tắc thiết kế đẹp và các thành 20 | phần UI phổ biến như grid, button, form, typography, và nhiều hơn nữa. Nó cung 21 | cấp một hệ thống grid mạnh mẽ, cho phép các nhà phát triển tạo ra các bố cục 22 | trang web đáp ứng và linh hoạt, từ các thiết bị di động đến máy tính bảng và máy 23 | tính để bàn. 24 | 25 | Foundation cũng cung cấp nhiều tính năng hữu ích như các thành phần UI tùy 26 | chỉnh, kiểm soát form, các tính năng tương tác người dùng, hiệu ứng động và quản 27 | lý tính toán cho các phần tử trên trang web. Foundation cũng cung cấp một số 28 | plugin, cho phép các nhà phát triển tùy chỉnh các tính năng của trang web, bao 29 | gồm các plugin cho kiểm soát hộp thoại, tab, định tuyến, trượt và nhiều hơn nữa. 30 | 31 | Foundation được hỗ trợ bởi cộng đồng rộng lớn, cung cấp cho các nhà phát triển 32 | các tài liệu, hướng dẫn và các ví dụ cụ thể về cách sử dụng framework. Nó cũng 33 | cung cấp một bộ công cụ tùy chỉnh cho phép các nhà phát triển tùy chỉnh trang 34 | web của họ dễ dàng. 35 | 36 | Tóm lại, Foundation là một framework CSS và JavaScript mạnh mẽ, cung cấp cho các 37 | nhà phát triển các công cụ và tính năng để tạo ra các giao diện người dùng đáp 38 | ứng và chuyên nghiệp. Nó được thiết kế để tối ưu hóa quá trình phát triển và 39 | giúp các nhà phát triển tạo ra các trang web đẹp và chất lượng. 40 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/java.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Ngôn ngữ lập trình Java là gì' 3 | image: /static/docs/java.jpg 4 | description: 5 | 'Java là một một ngôn ngữ lập trình hiện đại, bậc cao, hướng đối tượng, bảo 6 | mật và mạnh mẽ. và là một Platform.' 7 | --- 8 | 9 | # Ngôn ngữ lập trình Java là gì? 10 | 11 | ![Ngôn ngữ lập trình Java là gì](/static/docs/java.jpg) 12 | 13 | Java là một ngôn ngữ lập trình phổ biến được sử dụng rộng rãi trên toàn thế 14 | giới. Ngôn ngữ lập trình này được phát triển bởi Sun Microsystems vào những năm 15 | đầu của thập niên 1990 và sau đó được mua lại bởi Oracle Corporation vào 16 | năm 2010. 17 | 18 | Java là một ngôn ngữ lập trình hướng đối tượng, có độ bảo mật cao và được thiết 19 | kế để có thể chạy trên nhiều nền tảng khác nhau, bao gồm máy tính cá nhân, máy 20 | chủ, thiết bị di động và các thiết bị IoT. Một trong những tính năng quan trọng 21 | nhất của Java là khả năng thực thi mã nguồn trên các máy tính khác nhau mà không 22 | cần biên dịch lại mã nguồn. 23 | 24 | Java cũng được sử dụng rộng rãi trong phát triển các ứng dụng web, đặc biệt là 25 | trong phát triển các ứng dụng doanh nghiệp. Các công cụ phát triển Java như 26 | Eclipse, NetBeans và IntelliJ IDEA rất phổ biến và được sử dụng rộng rãi bởi các 27 | nhà phát triển trên toàn thế giới. 28 | 29 | Java cũng có một cộng đồng phát triển mạnh mẽ, cung cấp các thư viện và khung 30 | làm việc (framework) cho các nhà phát triển. Một số khung làm việc nổi tiếng của 31 | Java bao gồm Spring, Hibernate, Struts và JavaServer Faces (JSF). 32 | 33 | Tuy nhiên, Java cũng có những hạn chế như tốc độ chậm hơn so với một số ngôn ngữ 34 | lập trình khác như C++, Python hoặc Go. Java cũng đòi hỏi tài nguyên hệ thống 35 | khá cao, đặc biệt là khi chạy các ứng dụng có yêu cầu nặng về tài nguyên như các 36 | ứng dụng đồ họa hoặc game. 37 | 38 | Trong tổng thể, Java là một ngôn ngữ lập trình phổ biến, được sử dụng rộng rãi 39 | trong phát triển các ứng dụng web và doanh nghiệp. Với một cộng đồng phát triển 40 | mạnh mẽ và các công cụ phát triển tiên tiến, Java là một lựa chọn tốt cho các 41 | nhà phát triển đang tìm kiếm một ngôn ngữ lập trình mạnh mẽ và đa nền tảng. 42 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/vuejs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'VueJS là gì' 3 | image: /static/docs/vuejs.png 4 | description: 5 | 'VueJS là một framework JavaScript mã nguồn mở được phát triển bởi Evan You 6 | vào năm 2014.' 7 | --- 8 | 9 | # VueJS là gì? 10 | 11 | ![VueJS là gì](/static/docs/vuejs.png) 12 | 13 | VueJS là một framework JavaScript mã nguồn mở được phát triển bởi Evan You vào 14 | năm 2014. VueJS được sử dụng để xây dựng các ứng dụng web động và giao diện 15 | người dùng đơn trang (Single Page Application - SPA). 16 | 17 | VueJS được thiết kế với mục đích đơn giản và linh hoạt, cho phép các lập trình 18 | viên dễ dàng tích hợp vào các dự án có sẵn mà không làm ảnh hưởng đến các thành 19 | phần khác. VueJS cung cấp một cách tiếp cận dễ hiểu cho các lập trình viên với 20 | các khái niệm cơ bản của HTML, CSS và JavaScript. Nó cho phép các lập trình viên 21 | tập trung vào phát triển các tính năng của ứng dụng mà không phải lo lắng quá 22 | nhiều về cách triển khai và quản lý code. 23 | 24 | Một trong những đặc điểm nổi bật của VueJS là khả năng tái sử dụng các thành 25 | phần (component) để phát triển ứng dụng. Component là một đơn vị độc lập trong 26 | VueJS, cho phép các lập trình viên tái sử dụng chúng trong nhiều nơi khác nhau 27 | trong ứng dụng. Điều này giúp tăng tốc độ phát triển và bảo trì ứng dụng. 28 | 29 | VueJS cũng cung cấp một hệ thống hỗ trợ việc tương tác với DOM (Document Object 30 | Model) một cách hiệu quả và trực quan. Điều này giúp cho các lập trình viên có 31 | thể tạo ra các ứng dụng động và phản hồi nhanh chóng mà không cần phải lo lắng 32 | về hiệu suất và tốc độ. 33 | 34 | Ngoài ra, VueJS cũng hỗ trợ các tính năng như routing, vuex store, và nhiều thư 35 | viện hữu ích khác để giúp các lập trình viên phát triển các ứng dụng web động 36 | phức tạp một cách dễ dàng. 37 | 38 | Tóm lại, VueJS là một framework JavaScript mạnh mẽ và dễ sử dụng, giúp các lập 39 | trình viên phát triển các ứng dụng web động một cách dễ dàng và nhanh chóng. Với 40 | khả năng tái sử dụng component và hỗ trợ tương tác với DOM, VueJS là một trong 41 | những lựa chọn phổ biến cho các lập trình viên khi phát triển các ứng dụng web 42 | động. 43 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/vuepress.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'VuePress là gì' 3 | image: /static/docs/vuepress.png 4 | description: 5 | 'VuePress là một công cụ tạo tài liệu tĩnh (static site generator) được xây 6 | dựng bằng Vue.js.' 7 | --- 8 | 9 | # VuePress là gì? 10 | 11 | ![VuePress là gì](/static/docs/vuepress.png) 12 | 13 | VuePress là một công cụ tạo tài liệu tĩnh (static site generator) được xây dựng 14 | bằng Vue.js. Nó được thiết kế để giúp các nhà phát triển dễ dàng tạo và quản lý 15 | các trang tài liệu hoặc trang web tĩnh. VuePress có thể giúp người dùng tạo ra 16 | các trang web động hoặc tĩnh với các tính năng phong phú như định dạng tài liệu, 17 | tính năng tìm kiếm nội dung và một loạt các plugin và tính năng tiên tiến khác. 18 | Với VuePress, người dùng có thể tạo ra các trang web tĩnh chuyên nghiệp với ít 19 | bước đơn giản hơn, giúp tiết kiệm thời gian và tối ưu hóa quy trình làm việc. 20 | 21 | VuePress cho phép viết các tài liệu bằng định dạng Markdown, một định dạng văn 22 | bản dễ viết và đọc. Các tài liệu có thể được tổ chức và định dạng bằng các chủ 23 | đề, trang và bố cục tùy chỉnh, giúp cho việc tạo nội dung trở nên đơn giản hơn. 24 | Người dùng có thể tổ chức các tài liệu thành các chương và phần khác nhau để 25 | giúp độc giả tìm kiếm và hiểu nội dung một cách dễ dàng. 26 | 27 | Một trong những tính năng nổi bật của VuePress là tính năng tìm kiếm nội dung 28 | tích hợp. Người dùng có thể tìm kiếm các tài liệu được xây dựng bằng VuePress 29 | bằng cách sử dụng thanh tìm kiếm tích hợp, giúp cho việc tìm kiếm nội dung trở 30 | nên nhanh chóng và thuận tiện. 31 | 32 | Ngoài ra, VuePress còn hỗ trợ các plugin bên thứ ba, giúp người dùng tạo và quản 33 | lý các trang tài liệu dễ dàng hơn. Các plugin này bao gồm các tính năng như phân 34 | trang, các đường dẫn tĩnh và các tính năng khác. 35 | 36 | Với các tính năng phong phú và khả năng tùy chỉnh cao, VuePress là một công cụ 37 | tuyệt vời để tạo và quản lý các trang tài liệu hoặc trang web tĩnh. Nó cung cấp 38 | cho người dùng cách tiếp cận đơn giản và dễ dàng để tạo nội dung chất lượng cao 39 | và đảm bảo rằng các tài liệu của bạn luôn được cập nhật và dễ dàng truy cập. 40 | -------------------------------------------------------------------------------- /pages/docs/hr/back-end/api.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'API là gì' 3 | image: /static/docs/api.jpg 4 | description: 5 | 'API là viết tắt của cụm từ "Application Programming Interface", đây là một 6 | khái niệm rất phổ biến trong lĩnh vực phát triển phần mềm.' 7 | --- 8 | 9 | # API là gì? 10 | 11 | ![API là gì](/static/docs/api.jpg) 12 | 13 | API là viết tắt của cụm từ "Application Programming Interface", đây là một khái 14 | niệm rất phổ biến trong lĩnh vực phát triển phần mềm. API là một tập hợp các 15 | giao diện (interfaces) cho phép các ứng dụng và dịch vụ khác nhau tương tác với 16 | nhau một cách dễ dàng, thông qua các quy định và hợp đồng được định nghĩa trước. 17 | 18 | Cụ thể, khi chúng ta sử dụng một ứng dụng hoặc trang web, chúng ta đang tương 19 | tác với một API nào đó. Khi chúng ta muốn xem một trang web, chúng ta sẽ gửi yêu 20 | cầu đến máy chủ (server) thông qua API và nhận lại các dữ liệu và thông tin 21 | tương ứng để hiển thị trang web đó. Tương tự, khi chúng ta muốn thực hiện một 22 | thao tác nào đó trên trang web, chúng ta sẽ tương tác với API để gửi yêu cầu và 23 | nhận lại các kết quả tương ứng. 24 | 25 | API có thể được phát triển và cung cấp bởi một công ty hoặc một nhóm lập trình 26 | viên, hoặc được cung cấp bởi các dịch vụ bên thứ ba như Google Maps API hay 27 | Facebook API. API cũng có thể được sử dụng để cho phép các ứng dụng và dịch vụ 28 | khác nhau kết nối và tương tác với nhau, tạo ra sự liên kết giữa các ứng dụng và 29 | dịch vụ khác nhau trên nền tảng web. 30 | 31 | Trong lĩnh vực phát triển web, API thường được sử dụng để cho phép các ứng dụng 32 | web tương tác với các dữ liệu và thông tin từ các máy chủ khác nhau, giúp tạo ra 33 | các ứng dụng web đa nền tảng và tích hợp với các dịch vụ khác nhau. Ngoài ra, 34 | API cũng được sử dụng trong phát triển các ứng dụng di động và ứng dụng máy tính 35 | để bàn để cho phép các ứng dụng này kết nối và tương tác với các dữ liệu và 36 | thông tin từ các nguồn khác nhau. 37 | 38 | Trên thị trường hiện nay, có rất nhiều loại API được phát triển và cung cấp, từ 39 | các API mở để phát triển ứng dụng đa nền tảng cho đến các API dành riêng cho các 40 | ứng dụng di động và các ứng dụng máy tính để bàn. 41 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/vitejs.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'ViteJS là gì' 3 | image: /static/docs/vitejs.jpg 4 | description: 5 | 'ViteJS là một công cụ build dựa trên JavaScript, giúp tăng tốc độ việc phát 6 | triển ứng dụng web.' 7 | --- 8 | 9 | # ViteJS là gì? 10 | 11 | ![ViteJS là gì](/static/docs/vitejs.jpg) 12 | 13 | ViteJS là một công cụ build dựa trên JavaScript, giúp tăng tốc độ việc phát 14 | triển ứng dụng web. Được phát triển bởi Evan You - tác giả của framework Vue.js, 15 | ViteJS là một trong những công cụ phát triển front-end nổi bật nhất hiện nay. 16 | 17 | ViteJS là một công cụ build ứng dụng web phía client được phát triển bởi Evan 18 | You, tác giả của Vue.js. Tên gọi "Vite" được lấy từ chữ "vitess", có nghĩa là 19 | tốc độ trong tiếng Latinh. Với mục đích tối ưu hóa tốc độ phát triển ứng dụng 20 | web, ViteJS được thiết kế để tạo ra một môi trường phát triển phía client nhanh 21 | chóng và linh hoạt. 22 | 23 | So với các công cụ build khác như Webpack hay Rollup, ViteJS có thể cung cấp tốc 24 | độ phát triển ứng dụng web nhanh hơn đáng kể. Thay vì xây dựng toàn bộ ứng dụng 25 | mỗi khi có thay đổi, ViteJS chỉ build lại các module cần thiết. Điều này giúp 26 | giảm thời gian build và tăng tốc độ phát triển. 27 | 28 | ## Đặc điểm của ViteJS 29 | 30 | ViteJS có nhiều đặc điểm hấp dẫn mà các nhà phát triển web có thể tận dụng để 31 | tăng tốc độ phát triển ứng dụng của mình. Sau đây là một số đặc điểm của ViteJS: 32 | 33 | 1. Hỗ trợ tất cả các loại ứng dụng web: ViteJS hỗ trợ các loại ứng dụng web từ 34 | cơ bản đến phức tạp, bao gồm các ứng dụng đơn giản, trang động, ứng dụng phức 35 | tạp và ứng dụng tĩnh. 36 | 37 | 2. Tốc độ phát triển nhanh: ViteJS cho phép các nhà phát triển xây dựng và cập 38 | nhật ứng dụng web nhanh chóng hơn so với các công cụ build khác. Thời gian 39 | build cần thiết chỉ phụ thuộc vào số module đã thay đổi, giúp tăng tốc độ 40 | phát triển ứng dụng. 41 | 42 | 3. Hỗ trợ mã JavaScript mới nhất: ViteJS hỗ trợ các tính năng mới nhất của 43 | JavaScript, bao gồm các phiên bản mới của ECMAScript và TypeScript. Điều này 44 | cho phép các nhà phát triển sử dụng các tính năng mới nhất để xây dựng ứng 45 | dụng web hiện đại. 46 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | We as members, contributors, and leaders pledge to make participation in our 6 | community a harassment-free experience for everyone, regardless of age, body 7 | size, visible or invisible disability, ethnicity, sex characteristics, gender 8 | identity and expression, level of experience, education, socio-economic status, 9 | nationality, personal appearance, race, religion, or sexual identity and 10 | orientation. 11 | 12 | We pledge to act and interact in ways that contribute to an open, welcoming, 13 | diverse, inclusive, and healthy community. 14 | 15 | ## Our Standards 16 | 17 | Examples of behavior that contributes to a positive environment for our 18 | community include: 19 | 20 | - Demonstrating empathy and kindness toward other people 21 | - Being respectful of differing opinions, viewpoints, and experiences 22 | - Giving and gracefully accepting constructive feedback 23 | - Accepting responsibility and apologizing to those affected by our mistakes, 24 | and learning from the experience 25 | - Focusing on what is best not just for us as individuals, but for the overall 26 | community 27 | 28 | Examples of unacceptable behavior include: 29 | 30 | - The use of sexualized language or imagery, and sexual attention or advances of 31 | any kind 32 | - Trolling, insulting or derogatory comments, and personal or political attacks 33 | - Public or private harassment 34 | - Publishing others private information, such as a physical or email address, 35 | without their explicit permission 36 | - Other conduct which could reasonably be considered inappropriate in a 37 | professional setting 38 | 39 | ## Enforcement Responsibilities 40 | 41 | Community leaders are responsible for clarifying and enforcing our standards of 42 | acceptable behavior and will take appropriate and fair corrective action in 43 | response to any behavior that they deem inappropriate, threatening, offensive, 44 | or harmful. 45 | 46 | Community leaders have the right and responsibility to remove, edit, or reject 47 | comments, commits, code, wiki edits, issues, and other contributions that are 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation 49 | decisions when appropriate. 50 | 51 | ## Scope 52 | 53 | This Code of Conduct applies within all community spaces, and also applies when 54 | an individual is officially representing the community in public spaces. 55 | 56 | Examples of representing our community include using an official e-mail address, 57 | posting via an official social media account, or acting as an appointed 58 | representative at an online or offline event. 59 | 60 | ## Enforcement 61 | 62 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 63 | reported to the community leaders responsible for enforcement at 64 | [tuanductran.dev@gmail.com](mailto:tuanductran.dev@gmail.com). 65 | 66 | All complaints will be reviewed and investigated promptly and fairly. 67 | 68 | All community leaders are obligated to respect the privacy and security of the 69 | reporter of any incident. 70 | 71 | ## Enforcement Guidelines 72 | 73 | Community leaders will follow these Community Impact Guidelines in determining 74 | the consequences for any action they deem in violation of this Code of Conduct: 75 | 76 | ### 1. Correction 77 | 78 | **Community Impact**: Use of inappropriate language or other behavior deemed 79 | unprofessional or unwelcome in the community. 80 | 81 | **Consequence**: A private, written warning from community leaders, providing 82 | clarity around the nature of the violation and an explanation of why the 83 | behavior was inappropriate. A public apology may be requested. 84 | 85 | ### 2. Warning 86 | 87 | **Community Impact**: A violation through a single incident or series of 88 | actions. 89 | 90 | **Consequence**: A warning with consequences for continued behavior. No 91 | interaction with the people involved, including unsolicited interaction with 92 | those enforcing the Code of Conduct, for a specified period of time. This 93 | includes avoiding interactions in community spaces as well as external channels 94 | like social media. Violating these terms may lead to a temporary or permanent 95 | ban. 96 | 97 | ### 3. Temporary Ban 98 | 99 | **Community Impact**: A serious violation of community standards, including 100 | sustained inappropriate behavior. 101 | 102 | **Consequence**: A temporary ban from any sort of interaction or public 103 | communication with the community for a specified period of time. No public or 104 | private interaction with the people involved, including unsolicited interaction 105 | with those enforcing the Code of Conduct, is allowed during this period. 106 | Violating these terms may lead to a permanent ban. 107 | 108 | ### 4. Permanent Ban 109 | 110 | **Community Impact**: Demonstrating a pattern of violation of community 111 | standards, including sustained inappropriate behavior, harassment of an 112 | individual, or aggression toward or disparagement of classes of individuals. 113 | 114 | **Consequence**: A permanent ban from any sort of public interaction within the 115 | community. 116 | 117 | ## Attribution 118 | 119 | This Code of Conduct is adapted from the 120 | [Contributor Covenant](https://www.contributor-covenant.org/), version 2.0, 121 | available at 122 | [https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html). 123 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Hướng dẫn đóng góp cho dự án 2 | 3 | Chào mừng bạn đến với dự án của chúng tôi! Dự án này nhằm mục đích cung cấp các 4 | kiến thức và tài liệu về Front End, Back End, Linux và Design cho những bạn HR 5 | mới bước chân vào nghề tuyển dụng. Đây là một dự án đầy tham vọng và chúng tôi 6 | tin rằng với sự đóng góp của nhiều người, nó sẽ trở thành một nguồn tài liệu 7 | tuyệt vời cho những bạn HR mới vào nghề. 8 | 9 | Chúng tôi rất mong nhận được sự đóng góp từ bạn với dự án này. Bất kỳ đóng góp 10 | nào của bạn đều rất quan trọng đối với chúng tôi. Để giúp bạn đóng góp cho dự án 11 | của chúng tôi, dưới đây là một số hướng dẫn cho bạn. 12 | 13 | ## Cách đóng góp 14 | 15 | ### 1. Fork dự án 16 | 17 | Trước khi bắt đầu đóng góp cho dự án của chúng tôi, bạn cần phải tạo một bản sao 18 | của dự án trên tài khoản Github của bạn. Quá trình này được gọi là "fork" dự án. 19 | Để thực hiện fork, bạn có thể nhấp vào nút "Fork" ở góc trên bên phải của dự án 20 | này trên Github. Sau đó, một bản sao của dự án sẽ được tạo ra trên tài khoản 21 | Github của bạn và bạn có thể bắt đầu đóng góp cho dự án này. 22 | 23 | ### 2. Clone dự án 24 | 25 | Sau khi đã fork dự án, bạn cần phải sao chép nó về máy tính của mình bằng cách 26 | sử dụng lệnh sau trên Terminal: 27 | 28 | ```bash 29 | git clone https://github.com/vnodesign/hr-document.git 30 | ``` 31 | 32 | ### 3. Tạo một branch mới 33 | 34 | Trước khi bắt đầu đóng góp, bạn cần phải tạo một nhánh mới để làm việc trên đó. 35 | Hãy sử dụng lệnh sau để tạo một nhánh mới: 36 | 37 | ```bash 38 | git checkout -b ten-nhanh-moi 39 | ``` 40 | 41 | Với "ten-nhanh-moi" là tên của branch mới mà bạn muốn tạo. 42 | 43 | ### 4. Đóng góp cho dự án 44 | 45 | Sau khi đã tạo branch mới, bạn đã sẵn sàng để đóng góp cho dự án. Có thể bạn 46 | muốn tạo mới hoặc chỉnh sửa các tài liệu và các file trong dự án. Bạn có thể sử 47 | dụng các công cụ phù hợp để tạo và chỉnh sửa các file như Typora, StackEdit, 48 | Dillinger, Mark Text, hoặc MacDown. Ngoài ra, hãy đảm bảo rằng tất cả các thay 49 | đổi của bạn đều đã được kiểm tra kỹ trước khi tạo pull request. 50 | 51 | ### 5. Commit và push thay đổi 52 | 53 | Sau khi đã hoàn thành các thay đổi, bạn cần phải thực hiện commit và push các 54 | thay đổi lên branch mới của bạn. Bạn có thể sử dụng các lệnh sau để thực hiện 55 | commit và push: 56 | 57 | Sử dụng lệnh `git add` hoặc `git add .` để thêm các file đã thay đổi vào stage: 58 | 59 | `git add ten-file` hoặc `git add .` 60 | 61 | **Lưu ý**: `git add .` sẽ thêm tất cả các file đã thay đổi vào stage. 62 | 63 | Sử dụng lệnh `git commit -m` để commit các thay đổi với một thông điệp: 64 | 65 | ```bash 66 | git commit -m "Thông điệp commit của bạn" 67 | ``` 68 | 69 | Với "Thông điệp commit của bạn" là thông điệp mô tả các thay đổi mà bạn đã thực 70 | hiện. 71 | 72 | Sử dụng lệnh `git push` để push các thay đổi lên branch mới của bạn trên Github: 73 | 74 | ```bash 75 | git push origin ten-nhanh-moi 76 | ``` 77 | 78 | Với "ten-nhanh-moi" là tên của branch mà bạn vừa tạo ở bước trước. 79 | 80 | ### 6. Tạo Pull Request 81 | 82 | Sau khi bạn đã push các thay đổi lên branch mới của mình, bạn cần tạo một Pull 83 | Request để yêu cầu xem xét và chấp nhận các thay đổi của bạn vào dự án chính. 84 | Hãy làm theo các bước sau để tạo Pull Request: 85 | 86 | - Truy cập vào Repository của dự án trên GitHub và chọn branch mới của bạn. 87 | - Tại đây bạn nhấp vào nút "New Pull Request". 88 | - Chọn branch mới của bạn và branch chính của dự án. 89 | - Điền thông tin về Pull Request của bạn, bao gồm mô tả chi tiết về các thay đổi 90 | của bạn. 91 | - Nhấp vào nút "Create Pull Request" để tạo Pull Request của bạn. 92 | 93 | Chúng tôi rất cảm kích các đóng góp của bạn vào dự án của chúng tôi. Chúng tôi 94 | sẽ xem xét và kiểm tra các thay đổi của bạn. Nếu chúng tôi thấy rằng các thay 95 | đổi của bạn sẽ đóng góp tích cực cho dự án, chúng tôi sẽ thực hiện Merge Pull 96 | Request của bạn vào branch chính của dự án. Nếu cần thay đổi hoặc chỉnh sửa, 97 | chúng tôi sẽ cập nhật với bạn để cùng nhau hoàn thiện và nâng cao chất lượng của 98 | dự án. 99 | 100 | ## Quy tắc đóng góp 101 | 102 | Để đảm bảo rằng các đóng góp cho dự án của bạn được chấp nhận, chúng tôi yêu cầu 103 | bạn tuân thủ các quy tắc đóng góp sau: 104 | 105 | - Đảm bảo rằng các thay đổi của bạn phù hợp với mục tiêu của dự án. 106 | - Đảm bảo rằng các thay đổi của bạn không vi phạm bản quyền hoặc các quyền sở 107 | hữu trí tuệ khác. 108 | - Đảm bảo rằng các thay đổi của bạn không ảnh hưởng đến hoạt động của các thành 109 | phần khác trong dự án. 110 | - Đảm bảo rằng các thay đổi của bạn đã được kiểm tra kỹ trước khi tạo Pull 111 | Request. 112 | 113 | Chúng tôi rất trân trọng mọi đóng góp của bạn cho dự án và sẵn sàng hỗ trợ nếu 114 | bạn có bất kỳ câu hỏi hoặc đóng góp nào. 115 | 116 | ## Lời cảm ơn 117 | 118 | Chúng tôi rất trân trọng mọi đóng góp của bạn cho dự án này. Sự đóng góp của bạn 119 | giúp chúng tôi hỗ trợ những người mới bắt đầu trong lĩnh vực tuyển dụng và cung 120 | cấp cho họ các tài liệu hữu ích để phát triển kỹ năng. 121 | 122 | Chúng tôi đánh giá cao tất cả những đóng góp của bạn và nếu bạn có bất kỳ câu 123 | hỏi hoặc ý kiến đóng góp, hãy liên hệ với chúng tôi bằng cách tạo một issue hoặc 124 | gửi Messenger trực tiếp đến địa chỉ trang Facebook của chúng tôi. 125 | 126 | Một lần nữa, chúng tôi xin cảm ơn những đóng góp của bạn cho dự án HR 127 | Documentation của chúng tôi và hy vọng bạn có được trải nghiệm đáng nhớ trong 128 | quá trình đóng góp này. 129 | 130 | Facebook Fanpage: 131 | [https://www.facebook.com/102793352173146/](https://www.facebook.com/102793352173146/). 132 | -------------------------------------------------------------------------------- /pages/docs/contributions.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Hướng dẫn đóng góp cho dự án 3 | description: Hướng dẫn đóng góp nội dung cho dự án HR Documentation 4 | --- 5 | 6 | # Hướng dẫn đóng góp cho dự án 7 | 8 | Chào mừng bạn đến với dự án của chúng tôi! Dự án này nhằm mục đích cung cấp các 9 | kiến thức và tài liệu về Front End, Back End, Linux và Design cho những bạn HR 10 | mới bước chân vào nghề tuyển dụng. Đây là một dự án đầy tham vọng và chúng tôi 11 | tin rằng với sự đóng góp của nhiều người, nó sẽ trở thành một nguồn tài liệu 12 | tuyệt vời cho những bạn HR mới vào nghề. 13 | 14 | Chúng tôi rất mong nhận được sự đóng góp từ bạn với dự án này. Bất kỳ đóng góp 15 | nào của bạn đều rất quan trọng đối với chúng tôi. Để giúp bạn đóng góp cho dự án 16 | của chúng tôi, dưới đây là một số hướng dẫn cho bạn. 17 | 18 | ## Cách đóng góp 19 | 20 | 21 | 22 | ### 1. Fork dự án 23 | 24 | Trước khi bắt đầu đóng góp cho dự án của chúng tôi, bạn cần phải tạo một bản sao 25 | của dự án trên tài khoản Github của bạn. Quá trình này được gọi là "fork" dự án. 26 | Để thực hiện fork, bạn có thể nhấp vào nút "Fork" ở góc trên bên phải của dự án 27 | này trên Github. Sau đó, một bản sao của dự án sẽ được tạo ra trên tài khoản 28 | Github của bạn và bạn có thể bắt đầu đóng góp cho dự án này. 29 | 30 | ### 2. Clone dự án 31 | 32 | Sau khi đã fork dự án, bạn cần phải sao chép nó về máy tính của mình bằng cách 33 | sử dụng lệnh sau trên Terminal: 34 | 35 | ```bash 36 | git clone https://github.com/vnodesign/hr-document.git 37 | ``` 38 | 39 | ### 3. Tạo một branch mới 40 | 41 | Trước khi bắt đầu đóng góp, bạn cần phải tạo một nhánh mới để làm việc trên đó. 42 | Hãy sử dụng lệnh sau để tạo một nhánh mới: 43 | 44 | ```bash 45 | git checkout -b ten-nhanh-moi 46 | ``` 47 | 48 | Với "ten-nhanh-moi" là tên của branch mới mà bạn muốn tạo. 49 | 50 | ### 4. Đóng góp cho dự án 51 | 52 | Sau khi đã tạo branch mới, bạn đã sẵn sàng để đóng góp cho dự án. Có thể bạn 53 | muốn tạo mới hoặc chỉnh sửa các tài liệu và các file trong dự án. Bạn có thể sử 54 | dụng các công cụ phù hợp để tạo và chỉnh sửa các file như Typora, StackEdit, 55 | Dillinger, Mark Text, hoặc MacDown. Ngoài ra, hãy đảm bảo rằng tất cả các thay 56 | đổi của bạn đều đã được kiểm tra kỹ trước khi tạo pull request. 57 | 58 | ### 5. Commit và push thay đổi 59 | 60 | Sau khi đã hoàn thành các thay đổi, bạn cần phải thực hiện commit và push các 61 | thay đổi lên branch mới của bạn. Bạn có thể sử dụng các lệnh sau để thực hiện 62 | commit và push: 63 | 64 | Sử dụng lệnh `git add` hoặc `git add .` để thêm các file đã thay đổi vào stage: 65 | 66 | `git add ten-file` hoặc `git add .` 67 | 68 | **Lưu ý**: `git add .` sẽ thêm tất cả các file đã thay đổi vào stage. 69 | 70 | Sử dụng lệnh `git commit -m` để commit các thay đổi với một thông điệp: 71 | 72 | ```bash 73 | git commit -m "Thông điệp commit của bạn" 74 | ``` 75 | 76 | Với "Thông điệp commit của bạn" là thông điệp mô tả các thay đổi mà bạn đã thực 77 | hiện. 78 | 79 | Sử dụng lệnh `git push` để push các thay đổi lên branch mới của bạn trên Github: 80 | 81 | ```bash 82 | git push origin ten-nhanh-moi 83 | ``` 84 | 85 | Với "ten-nhanh-moi" là tên của branch mà bạn vừa tạo ở bước trước. 86 | 87 | ### 6. Tạo Pull Request 88 | 89 | Sau khi bạn đã push các thay đổi lên branch mới của mình, bạn cần tạo một Pull 90 | Request để yêu cầu xem xét và chấp nhận các thay đổi của bạn vào dự án chính. 91 | Hãy làm theo các bước sau để tạo Pull Request: 92 | 93 | - Truy cập vào Repository của dự án trên GitHub và chọn branch mới của bạn. 94 | - Tại đây bạn nhấp vào nút "New Pull Request". 95 | - Chọn branch mới của bạn và branch chính của dự án. 96 | - Điền thông tin về Pull Request của bạn, bao gồm mô tả chi tiết về các thay đổi 97 | của bạn. 98 | - Nhấp vào nút "Create Pull Request" để tạo Pull Request của bạn. 99 | 100 | Chúng tôi rất cảm kích các đóng góp của bạn vào dự án của chúng tôi. Chúng tôi 101 | sẽ xem xét và kiểm tra các thay đổi của bạn. Nếu chúng tôi thấy rằng các thay 102 | đổi của bạn sẽ đóng góp tích cực cho dự án, chúng tôi sẽ thực hiện Merge Pull 103 | Request của bạn vào branch chính của dự án. Nếu cần thay đổi hoặc chỉnh sửa, 104 | chúng tôi sẽ cập nhật với bạn để cùng nhau hoàn thiện và nâng cao chất lượng của 105 | dự án. 106 | 107 | 108 | 109 | ## Quy tắc đóng góp 110 | 111 | Để đảm bảo rằng các đóng góp cho dự án của bạn được chấp nhận, chúng tôi yêu cầu 112 | bạn tuân thủ các quy tắc đóng góp sau: 113 | 114 | - Đảm bảo rằng các thay đổi của bạn phù hợp với mục tiêu của dự án. 115 | - Đảm bảo rằng các thay đổi của bạn không vi phạm bản quyền hoặc các quyền sở 116 | hữu trí tuệ khác. 117 | - Đảm bảo rằng các thay đổi của bạn không ảnh hưởng đến hoạt động của các thành 118 | phần khác trong dự án. 119 | - Đảm bảo rằng các thay đổi của bạn đã được kiểm tra kỹ trước khi tạo Pull 120 | Request. 121 | 122 | Chúng tôi rất trân trọng mọi đóng góp của bạn cho dự án và sẵn sàng hỗ trợ nếu 123 | bạn có bất kỳ câu hỏi hoặc đóng góp nào. 124 | 125 | ## Lời cảm ơn 126 | 127 | Chúng tôi rất trân trọng mọi đóng góp của bạn cho dự án này. Sự đóng góp của bạn 128 | giúp chúng tôi hỗ trợ những người mới bắt đầu trong lĩnh vực tuyển dụng và cung 129 | cấp cho họ các tài liệu hữu ích để phát triển kỹ năng. 130 | 131 | Chúng tôi đánh giá cao tất cả những đóng góp của bạn và nếu bạn có bất kỳ câu 132 | hỏi hoặc ý kiến đóng góp, hãy liên hệ với chúng tôi bằng cách tạo một issue hoặc 133 | gửi Messenger trực tiếp đến địa chỉ trang Facebook của chúng tôi. 134 | 135 | Một lần nữa, chúng tôi xin cảm ơn những đóng góp của bạn cho dự án HR 136 | Documentation của chúng tôi và hy vọng bạn có được trải nghiệm đáng nhớ trong 137 | quá trình đóng góp này. 138 | 139 | Facebook Fanpage: 140 | [https://www.facebook.com/102793352173146/](https://www.facebook.com/102793352173146/). 141 | -------------------------------------------------------------------------------- /pages/docs/hr/front-end/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Front End là gì' 3 | image: /static/docs/facebook-newfeed.png 4 | description: 5 | 'Front End là quy trình thiết kế và xây dựng giao diện người dùng trên trang 6 | web hoặc ứng dụng web sử dụng các ngôn ngữ HTML, CSS và JavaScript để tạo ra 7 | một trải nghiệm tương tác cho người dùng.' 8 | --- 9 | 10 | # Front End là gì? 11 | 12 | ![Facebook Newfeed](/static/docs/facebook-newfeed.png) 13 | 14 | Front End là quy trình thiết kế và xây dựng giao diện người dùng trên trang web 15 | hoặc ứng dụng web sử dụng các ngôn ngữ HTML, CSS và JavaScript để tạo ra một 16 | trải nghiệm tương tác cho người dùng. Chức năng của Front End là hiển thị nội 17 | dung và cho phép người dùng tương tác với các phần của trang web hoặc ứng dụng 18 | web. 19 | 20 | Các công nghệ Front End phổ biến hiện nay bao gồm các Framework trong JavaScript 21 | như ReactJS, VueJS, AngularJS, v.v. Các Framework này giúp các nhà phát triển 22 | tăng tốc độ và giảm độ phức tạp khi xây dựng các ứng dụng web, đồng thời cung 23 | cấp cho họ các tính năng và khả năng tùy chỉnh tốt hơn. Các công nghệ Front End 24 | cũng bao gồm các thư viện và công cụ hỗ trợ khác như Bootstrap, Sass, jQuery, 25 | v.v. 26 | 27 | Ví dụ, khi bạn truy cập vào trang Facebook, các phần của trang web (như các nút, 28 | bảng tin, hình ảnh, v.v.) mà bạn tương tác được là các phần của Front End. Các 29 | phần này được tạo ra bằng cách sử dụng HTML để xây dựng cấu trúc, CSS để thiết 30 | kế và định dạng, và JavaScript để cung cấp các tính năng tương tác. 31 | 32 | Tóm lại, Front End là quy trình thiết kế và xây dựng giao diện người dùng trên 33 | trang web hoặc ứng dụng web, và sử dụng các công nghệ như HTML, CSS và 34 | JavaScript để tạo ra các phần của giao diện. Các công nghệ Front End bao gồm các 35 | Framework, thư viện và công cụ hỗ trợ, giúp các nhà phát triển xây dựng các ứng 36 | dụng web nhanh hơn và tùy chỉnh tốt hơn. 37 | 38 | ## HTML là gì? 39 | 40 | HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu siêu văn bản được sử dụng 41 | để xây dựng các trang web. HTML cho phép người dùng định nghĩa cấu trúc và nội 42 | dung của trang web bằng cách sử dụng các thẻ đánh dấu. Mỗi thẻ HTML được đặt 43 | trong cặp dấu ngoặc nhọn và được sử dụng để định nghĩa các phần tử của trang 44 | web, chẳng hạn như đầu trang (header), chân trang (footer), các đoạn văn bản 45 | (text), hình ảnh (images), đường dẫn (links), bảng (tables), biểu đồ (charts), 46 | các phần tử đa phương tiện như âm thanh và video (audio và video), và các biểu 47 | mẫu nhập liệu (forms). 48 | 49 | HTML được phát triển bởi Tim Berners-Lee và đội ngũ của ông tại CERN vào những 50 | năm 1980, với mục đích tạo ra một hệ thống giao tiếp trực tuyến giữa các nhà 51 | nghiên cứu trên toàn thế giới. Từ đó đến nay, HTML đã trở thành một tiêu chuẩn 52 | công nghiệp cho phát triển web và được sử dụng rộng rãi trên toàn thế giới. 53 | 54 | HTML được hỗ trợ bởi các trình duyệt web phổ biến như Google Chrome, Mozilla 55 | Firefox, Apple Safari, Microsoft Edge và Opera. Các phiên bản HTML mới nhất bao 56 | gồm HTML5, cung cấp cho nhà phát triển các tính năng đa phương tiện, thiết kế 57 | đáp ứng và hỗ trợ di động tốt hơn. 58 | 59 | ## CSS là gì? 60 | 61 | CSS (Cascading Style Sheets) là một ngôn ngữ được sử dụng để mô tả cách thức 62 | hiển thị của các tài liệu HTML hoặc XML trên các trình duyệt web. Nó cho phép 63 | các nhà phát triển web tạo ra các trang web có giao diện đẹp, dễ đọc và dễ sử 64 | dụng hơn. 65 | 66 | Với CSS, các nhà phát triển có thể tạo ra các kiểu định dạng, bố cục và trang 67 | trí cho các phần tử HTML. CSS sử dụng các luật và thuộc tính để chỉ định các 68 | phong cách cho các phần tử HTML như font chữ, màu sắc, kích thước, khoảng cách, 69 | vị trí và hình dạng. 70 | 71 | CSS được sử dụng để tách riêng phần kiểu định dạng của trang web từ phần nội 72 | dung. Điều này cho phép các nhà phát triển web tạo ra các trang web linh hoạt và 73 | dễ bảo trì hơn, bởi vì nó giúp họ thay đổi các phong cách của các phần tử trên 74 | trang web một cách dễ dàng và hiệu quả. 75 | 76 | Một trong những lợi ích lớn nhất của CSS là khả năng tạo ra các trang web tương 77 | thích với nhiều loại trình duyệt khác nhau. Với CSS, các nhà phát triển web có 78 | thể chỉ định các phong cách cho các phần tử HTML một lần duy nhất và chúng sẽ 79 | được áp dụng cho tất cả các trình duyệt web. Điều này giúp giảm thiểu thời gian 80 | và công sức cần thiết để phát triển các trang web và cải thiện trải nghiệm người 81 | dùng trên nhiều thiết bị và trình duyệt khác nhau. 82 | 83 | Tổng quan, CSS là một công cụ hữu ích và cần thiết để phát triển các trang web 84 | đẹp, dễ sử dụng và tương thích với nhiều thiết bị và trình duyệt khác nhau. 85 | 86 | ## JavaScript là gì? 87 | 88 | JavaScript là một ngôn ngữ lập trình thông dịch, đa nền tảng, dùng để phát triển 89 | ứng dụng web và trình duyệt. Ban đầu, JavaScript được phát triển để tương tác 90 | với người dùng trên trình duyệt, nhưng sau đó đã được sử dụng cho nhiều mục đích 91 | khác nhau bao gồm phát triển ứng dụng di động, ứng dụng máy chủ và trò chơi. 92 | 93 | JavaScript là ngôn ngữ lập trình client-side, nghĩa là nó được thực thi trên 94 | trình duyệt của người dùng. Nó cho phép tương tác với HTML và CSS để tạo ra các 95 | trang web tương tác động, đáp ứng và động. 96 | 97 | Một trong những đặc điểm nổi bật của JavaScript là tính năng "hoạt động động" 98 | (dynamic), cho phép các trang web thay đổi nội dung và hành vi mà không cần tải 99 | lại trang. Điều này làm cho trang web trở nên thú vị hơn và cho phép người dùng 100 | tương tác trực tiếp với trang web mà không cần gửi yêu cầu đến máy chủ. 101 | 102 | JavaScript được phát triển bởi Netscape vào những năm 1990 và sau đó được chuẩn 103 | hóa bởi ECMA International thông qua chuẩn ECMAScript. Hiện tại, JavaScript là 104 | một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới và được sử dụng 105 | rộng rãi trong phát triển ứng dụng web, di động và máy chủ. 106 | -------------------------------------------------------------------------------- /pages/docs/api/card.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: Card và Card Group 3 | --- 4 | 5 | # Card và Card Group 6 | 7 | **Với Card:** 8 | 9 | 10 | Đây là cách bạn sử dụng card có biểu tượng và liên kết. Bấm vào card này sẽ 11 | đưa bạn đến trang Front-end là gì. 12 | 13 | 14 | ```mdx 15 | 16 | Đây là cách bạn sử dụng card có biểu tượng và liên kết. Bấm vào card này sẽ 17 | đưa bạn đến trang Front-end là gì. 18 | 19 | ``` 20 | 21 | **Với Card Group:** 22 | 23 | 24 | 25 | Front-end là giao diện người dùng. 26 | 27 | 28 | Back-end là những thứ được xử lý phía sau Front-end. 29 | 30 | 31 | Linux là một hệ điều hành 32 | 33 | 34 | Linux Server là một máy chủ giúp chạy các ứng dụng web trên hệ điều hành 35 | Linux. 36 | 37 | 38 | 39 | ```mdx 40 | 41 | 42 | Front-end là giao diện người dùng. 43 | 44 | 45 | Back-end là những thứ được xử lý phía sau Front-end. 46 | 47 | 48 | Linux là một hệ điều hành. 49 | 50 | 51 | Linux Server là một máy chủ giúp chạy các ứng dụng web trên hệ điều hành 52 | Linux. 53 | 54 | 55 | ``` 56 | 57 | **Các cấu hình khác trên Card và Card Group:** 58 | 59 | 60 | `title` là tiêu đề mà bạn muốn đặt trong `Card`. 61 | 62 | Ví dụ: `Front-end là gì` 63 | 64 | 65 | 66 | 67 | `icon` là biểu tượng mà bạn muốn đặt trong `Card`. 68 | 69 | Ví dụ: `TableLayout` 70 | 71 | Danh sách các Icon đang sử dụng trên dự án HR Documentation: 72 | 73 | - `ArrowLeft` 74 | - `ArrowLeftShort` 75 | - `ArrowRight` 76 | - `ArrowRightShort` 77 | - `CaretDown` 78 | - `CaretUp` 79 | - `Chat` 80 | - `Check` 81 | - `Facebook` 82 | - `GitHub` 83 | - `Linkedin` 84 | - `ReactIcon` 85 | - `Twitter` 86 | - `User` 87 | - `TableLayout` 88 | - `Server` 89 | - `SwatchBook` 90 | - `Folder` 91 | - `FileCode` 92 | 93 | 94 | 95 | 96 | `href` là liên kết mà bạn muốn đặt trong `Card`. 97 | 98 | Ví dụ: `https://hrpenci.site/group-hr` 99 | 100 | 101 | 102 | 103 | `cols` là số cột mà bạn muốn đặt trong `CardGroup`. 104 | 105 | Trên các thiết bị di động, thì các cột sẽ hiển thị thành một. 106 | 107 | 108 | 109 | Cú pháp: 110 | 111 | ```mdx filename="Ví dụ về Card Group 1 cột" 112 | 113 | 114 | Front-end là giao diện người dùng. 115 | 116 | 117 | Back-end là những thứ được xử lý phía sau Front-end. 118 | 119 | 120 | ``` 121 | 122 | Kết quả: 123 | 124 | 125 | 126 | Front-end là giao diện người dùng. 127 | 128 | 129 | Back-end là những thứ được xử lý phía sau Front-end. 130 | 131 | 132 | 133 | 134 | 135 | Cú pháp: 136 | 137 | ```mdx filename="Ví dụ về Card Group 2 cột" 138 | 139 | 140 | Front-end là giao diện người dùng. 141 | 142 | 143 | Back-end là những thứ được xử lý phía sau Front-end. 144 | 145 | 146 | ``` 147 | 148 | Kết quả: 149 | 150 | 151 | 152 | Front-end là giao diện người dùng. 153 | 154 | 155 | Back-end là những thứ được xử lý phía sau Front-end. 156 | 157 | 158 | 159 | 160 | 161 | Cú pháp: 162 | 163 | ```mdx filename="Ví dụ về Card Group 3 cột" 164 | 165 | 166 | Front-end là giao diện người dùng. 167 | 168 | 169 | Back-end là những thứ được xử lý phía sau Front-end. 170 | 171 | 172 | ``` 173 | 174 | Kết quả: 175 | 176 | 177 | 178 | Front-end là giao diện người dùng. 179 | 180 | 181 | Back-end là những thứ được xử lý phía sau Front-end. 182 | 183 | 184 | 185 | 186 | 187 | Cú pháp: 188 | 189 | ```mdx filename="Ví dụ về Card Group 4 cột" 190 | 191 | 192 | Front-end là giao diện người dùng. 193 | 194 | 195 | Back-end là những thứ được xử lý phía sau Front-end. 196 | 197 | 198 | ``` 199 | 200 | Kết quả: 201 | 202 | 203 | 204 | Front-end là giao diện người dùng. 205 | 206 | 207 | Back-end là những thứ được xử lý phía sau Front-end. 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | -------------------------------------------------------------------------------- /pages/interview/hr/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Danh sách các câu hỏi và câu trả lời phỏng vấn nhân sự' 3 | image: /static/interview/hr-interview.jpg 4 | --- 5 | 6 | # Danh sách các câu hỏi và câu trả lời phỏng vấn nhân sự 7 | 8 | Để có thể nhận được công việc mơ ước, không đơn thuần chỉ cần có một bản CV ấn 9 | tượng và kiến thức chuyên môn tốt, mà còn phải có khả năng trả lời những câu hỏi 10 | phỏng vấn HR khó khăn một cách lịch sự và thông minh. Với tinh thần đó, chúng 11 | tôi đã tìm kiếm và chia sẻ một số câu hỏi phỏng vấn HR khó nhất và cung cấp lời 12 | khuyên chuyên môn giúp bạn tự tin hơn trong quá trình phỏng vấn. Hãy cùng đọc 13 | tiếp để tìm hiểu thêm! 14 | 15 | ![Danh sách các câu hỏi và câu trả lời phỏng vấn nhân sự](/static/interview/hr-interview.jpg) 16 | 17 | ## Tầm quan trọng của câu hỏi và câu trả lời phỏng vấn nhân sự 18 | 19 | Mục tiêu của bất kỳ cuộc phỏng vấn nhân sự nào là đánh giá trình độ của ứng viên 20 | cho công việc mà họ đang phỏng vấn. Các câu hỏi phỏng vấn nhân sự giúp người 21 | phỏng vấn xác định xem ứng viên có phù hợp với vị trí mong muốn hay không. Mọi 22 | câu hỏi đều được soạn thảo một cách chu đáo để thu thập thông tin hỗ trợ hoặc 23 | làm giảm sự phù hợp của ứng viên. Các câu hỏi phổ biến nhất trong các cuộc phỏng 24 | vấn nhân sự là về kinh nghiệm, trình độ học vấn và kỹ năng trong quá khứ của ứng 25 | viên. 26 | 27 | ## Câu hỏi phỏng vấn và câu trả lời nhân sự dành cho người mới bắt đầu 28 | 29 | ### 1. Hãy cho tôi biết về bản thân bạn? 30 | 31 | Câu hỏi này thường là câu hỏi đầu tiên trong một cuộc phỏng vấn, và đó là một 32 | cách để phá vỡ sự ngại ngùng. Bạn nên trả lời câu hỏi này bằng cách cung cấp một 33 | cái nhìn tổng quan về học vấn, kinh nghiệm làm việc và kỹ năng của bạn. Bạn 34 | không nên đi vào quá nhiều chi tiết, nhưng bạn nên cung cấp cho người phỏng vấn 35 | đủ thông tin để xác định xem bạn có phù hợp hay không. 36 | 37 | Câu hỏi mẫu: 38 | 39 | > Tôi là một người có bằng cử nhân ngành Marketing và có hơn 5 năm kinh nghiệm 40 | > làm việc trong lĩnh vực này. Trong suốt thời gian làm việc, tôi đã tích lũy 41 | > được nhiều kỹ năng như quản lý dự án, phân tích thị trường và giao tiếp khách 42 | > hàng. Ngoài ra, tôi cũng có kinh nghiệm trong việc làm việc nhóm và làm việc 43 | > độc lập. Tôi thích đưa ra các giải pháp sáng tạo và luôn cố gắng tìm cách để 44 | > nâng cao chất lượng công việc. Tôi hy vọng rằng những kinh nghiệm và kỹ năng 45 | > của mình sẽ giúp tôi trở thành một nhân viên đóng góp tích cực cho công ty. 46 | 47 | ### 2. Những điểm mạnh của bạn là gì? 48 | 49 | Khi trả lời câu hỏi này, bạn nên tập trung vào các điểm mạnh liên quan đến công 50 | việc mà bạn đang ứng tuyển. Ví dụ, nếu bạn đang ứng tuyển cho vị trí dịch vụ 51 | khách hàng, bạn có thể nói rằng điểm mạnh của bạn bao gồm kỹ năng tuyệt vời về 52 | dịch vụ khách hàng, kỹ năng giải quyết vấn đề và khả năng giữ bình tĩnh trong 53 | tình huống áp lực. 54 | 55 | Câu hỏi mẫu: 56 | 57 | > Các điểm mạnh của tôi liên quan đến công việc mà tôi đang ứng tuyển. Nếu tôi 58 | > đang xin vào vị trí dịch vụ khách hàng, thì các điểm mạnh của tôi sẽ là khả 59 | > năng phục vụ khách hàng xuất sắc, kỹ năng giải quyết vấn đề tốt và khả năng 60 | > giữ bình tĩnh trong tình huống áp lực. Ngoài ra, tôi cũng có kinh nghiệm trong 61 | > việc làm việc nhóm và quản lý thời gian hiệu quả. Tôi luôn cố gắng nâng cao 62 | > chất lượng công việc và thích đưa ra các giải pháp sáng tạo để giải quyết các 63 | > vấn đề. Tôi tin rằng các điểm mạnh của mình sẽ giúp tôi làm việc tốt và đóng 64 | > góp cho công ty. 65 | 66 | ### 3. Tại sao bạn quan tâm đến công việc này? 67 | 68 | Hãy chắc chắn là bạn đã tìm hiểu về công ty trước khi đi phỏng vấn. Nói về các 69 | kỹ năng và kinh nghiệm của bạn làm cho bạn trở thành ứng viên phù hợp cho công 70 | việc. 71 | 72 | Câu hỏi mẫu: 73 | 74 | > Tôi rất quan tâm đến công việc này vì nó phù hợp với kinh nghiệm và kỹ năng 75 | > của tôi. Tôi đã tìm hiểu về công ty của bạn và tôi cảm thấy rằng giá trị của 76 | > công ty phù hợp với giá trị của tôi. Tôi luôn mong muốn được làm việc trong 77 | > một môi trường năng động và đầy thử thách như công việc này, và tôi tin rằng 78 | > tôi có thể đóng góp và học hỏi nhiều từ công việc này. 79 | 80 | ### 4. Bạn thấy mình sẽ ở đâu trong vòng 5 năm tới? 81 | 82 | Đây là câu hỏi thường được đặt trong phỏng vấn việc làm. Nó được dùng để đánh 83 | giá mục tiêu dài hạn của bạn và xem chúng có phù hợp với công ty hay không. Nó 84 | cũng có thể được sử dụng để đánh giá tham vọng và quyết tâm của bạn. 85 | 86 | Câu hỏi mẫu: 87 | 88 | > Tôi đang quan tâm đến việc phát triển các kỹ năng quản lý dự án để có thể tiến 89 | > lên vị trí quản lý trong công ty trong tương lai. Tôi hy vọng có thể đóng góp 90 | > cho sự phát triển của công ty và tiếp tục học hỏi để phát triển bản thân. 91 | 92 | ### 5. Bạn có muốn làm thêm giờ hoặc làm việc vào các giờ khác nhau không? 93 | 94 | Bạn cần trả lời câu hỏi này một cách chân thành. Đừng kể một câu chuyện giả tạo 95 | hoặc đưa ra sự thỏa hiệp để có được công việc. Nếu bạn thoải mái với việc làm 96 | thêm giờ, bạn có thể nói rằng: 97 | 98 | > Tôi sẵn sàng làm thêm giờ hoặc làm việc vào các giờ khác nhau nếu công việc 99 | > đòi hỏi hoặc trong các trường hợp khẩn cấp. 100 | 101 | Tuy nhiên, bạn nên chắc chắn rằng bạn có thể đáp ứng được yêu cầu của công việc 102 | và không gặp khó khăn về mặt sức khỏe hoặc gia đình. 103 | 104 | ## Câu hỏi phỏng vấn và câu trả lời nhân sự cho người có kinh nghiệm. 105 | 106 | ### 1. Tại sao bạn đã rời khỏi công việc trước đó? 107 | 108 | Rất cẩn trọng khi trả lời câu hỏi này. Tránh đổ lỗi cho nhà tuyển dụng về những 109 | sai lầm của họ và nói rằng "Lương thấp hoặc quản lý công việc kém." Thay vào đó, 110 | bạn có thể nói rằng: 111 | 112 | > Tại công việc trước đó, tôi đã học hỏi được nhiều kinh nghiệm và kỹ năng cần 113 | > thiết. Tuy nhiên, tôi cảm thấy muốn thử thách bản thân và tìm kiếm cơ hội mới 114 | > để phát triển sự nghiệp của mình. 115 | 116 | ### 2. Làm thế nào để bạn xử lý căng thẳng, áp lực và lo âu? 117 | 118 | Đây là một câu hỏi phỏng vấn phổ biến để đánh giá hiệu suất của bạn trong tình 119 | huống áp lực và căng thẳng. 120 | 121 | Câu hỏi mẫu: 122 | 123 | > Để đối phó với căng thẳng, áp lực và lo lắng, tôi thường sử dụng các kỹ năng 124 | > quản lý thời gian và ưu tiên công việc. Tôi cố gắng tập trung vào việc giải 125 | > quyết vấn đề, tìm kiếm các giải pháp và xác định ưu tiên để giảm bớt áp lực. 126 | > Ngoài ra, tôi cũng thường xuyên tập thể dục, yoga hoặc học các kỹ năng giải 127 | > trí để giảm căng thẳng và giữ cho tinh thần luôn khỏe mạnh. 128 | 129 | ### 3. Có điều gì khiến bạn khác biệt so với các ứng viên khác không? 130 | 131 | Bạn cần trả lời câu hỏi này một cách sáng tạo, thể hiện những điểm mạnh và phẩm 132 | chất của mình. Hãy nói về những điều khiến bạn nổi bật hơn so với các ứng viên 133 | khác. Đừng sợ khoe khoang một chút - cuối cùng, bạn muốn cho thấy với người 134 | phỏng vấn rằng bạn là người tốt nhất. 135 | 136 | Câu hỏi mẫu: 137 | 138 | > Tôi có một bề ngoài cẩn trọng, chịu khó, và luôn muốn học hỏi. Tôi luôn cố 139 | > gắng để hiểu sâu hơn về các khía cạnh của công việc và hướng tới việc cải 140 | > thiện bản thân. Ngoài ra, tôi có kinh nghiệm trong việc giải quyết vấn đề, đặc 141 | > biệt là trong công việc tương tác với khách hàng. 142 | 143 | ### 4. Hãy kể về một lần bạn không hài lòng với bản thân trong công việc của mình? 144 | 145 | Kể về một lần bạn không hài lòng với kết quả là một câu hỏi phỏng vấn thường 146 | được đặt ra để hiểu rõ khả năng nhận phản hồi và cải thiện những điểm yếu của 147 | bạn. Người phỏng vấn cũng có thể muốn xem liệu bạn có thể thừa nhận khi mắc lỗi 148 | và làm thế nào để đối phó với tình huống đó. 149 | 150 | Câu hỏi mẫu: 151 | 152 | > Một lần tôi làm việc trong một dự án quan trọng, tôi đã quên kiểm tra lại công 153 | > việc của mình và đưa ra một sản phẩm không hoàn hảo. Khi đồng nghiệp của tôi 154 | > phản hồi về điều đó, tôi cảm thấy thật sự thất vọng vì tôi đã không đáp ứng 155 | > được yêu cầu. Tuy nhiên, tôi đã học được bài học rằng tôi cần phải kiểm tra 156 | > công việc của mình một cách cẩn thận hơn và thường xuyên liên lạc với đồng 157 | > nghiệp để đảm bảo sự hiệu quả trong dự án. 158 | 159 | ### 5. Hãy kể cho tôi về một lần bạn gặp khó khăn trong công việc khi làm việc trên một dự án? 160 | 161 | Đây là câu hỏi phỏng vấn nhằm tìm hiểu về cách bạn xử lý các tình huống khó khăn 162 | trong công việc. Nhà tuyển dụng đang tìm kiếm một mẫu hành vi cụ thể, vì vậy họ 163 | muốn biết về một lần bạn gặp khó khăn trong dự án. Họ cũng muốn xem bạn đã làm 164 | gì để vượt qua tình huống đó và học hỏi kinh nghiệm từ trải nghiệm đó. 165 | 166 | Câu hỏi mẫu: 167 | 168 | > Một lần tôi làm việc trên một dự án lớn, tôi đã gặp phải sự cố khiến tiến độ 169 | > bị chậm trễ và không đạt được mục tiêu đề ra ban đầu. Sau khi tìm hiểu nguyên 170 | > nhân, tôi đã đề xuất phương án cải thiện, tăng cường truyền thông và phối hợp 171 | > tốt hơn với đồng nghiệp để cùng nhau giải quyết vấn đề. Tôi đã học được rất 172 | > nhiều từ kinh nghiệm đó, bao gồm sự quan trọng của sự phối hợp trong nhóm và 173 | > tinh thần cầu tiến trong công việc. 174 | 175 | ## Những điều cần nhớ trong buổi phỏng vấn với nhân sự? 176 | 177 | Bạn cần nhớ rằng buổi phỏng vấn với nhân sự là cơ hội để người phỏng vấn tìm 178 | hiểu về bạn, nhưng đó cũng là cơ hội để bạn tìm hiểu về công ty. Do đó, có vài 179 | điều bạn nên ghi nhớ trong suốt buổi phỏng vấn. 180 | 181 | 1. Tôn trọng: Hành xử chuyên nghiệp và lịch sự với tất cả mọi người bạn gặp 182 | trong buổi phỏng vấn. 183 | 2. Ứng xử phù hợp: Mặc đồ thích hợp, chuyên nghiệp. Không nên mặc quần áo quá 184 | gần gũi và chắc chắn đồ mặc của bạn gọn gàng, sạch sẽ. 185 | 3. Trong buổi phỏng vấn với nhân sự, nhà tuyển dụng sẽ thử nghiệm thái độ của 186 | bạn, bao gồm mức độ linh hoạt, trung thực, mong muốn học hỏi và cần cù. Hãy 187 | chắc chắn thể hiện thái độ tích cực trong buổi phỏng vấn. 188 | 4. Khi trả lời câu hỏi, hãy nhớ không nói quá dài và tập trung trả lời chính 189 | xác, ngắn gọn và súc tích. 190 | 5. Nếu bạn không hiểu bất kỳ câu hỏi nào trong buổi phỏng vấn, hãy yêu cầu người 191 | phỏng vấn giải thích, thay vì trả lời sai. 192 | 193 | ## Một số thông tin mà bạn cần biết 194 | 195 | ### 1. Bạn nên chuẩn bị những gì cho buổi phỏng vấn với nhân sự? 196 | 197 | Để chuẩn bị cho buổi phỏng vấn với nhân sự, bạn nên: 198 | 199 | - Nghiên cứu về công ty mà bạn sẽ phỏng vấn. 200 | - Tìm hiểu về người phỏng vấn nếu có thể. 201 | - Đọc và hiểu mô tả công việc và tất cả những gì liên quan đến công việc đó. 202 | - Xem lại CV của bạn và chuẩn bị trả lời những câu hỏi liên quan đến nó. 203 | - Đảm bảo nói rõ ràng và nhấn mạnh tất cả những điều làm bạn phù hợp với công 204 | việc. 205 | 206 | ### 2. Làm thế nào để vượt qua câu hỏi phỏng vấn với nhân sự? 207 | 208 | Việc vượt qua câu hỏi phỏng vấn với nhân sự không khó. Đây là cách bạn có thể 209 | vượt qua phỏng vấn với nhân sự: 210 | 211 | - Tìm hiểu về công ty, vị trí công việc và các nhiệm vụ của công việc. 212 | - Chuẩn bị trang phục phù hợp cho buổi phỏng vấn, bởi vì ấn tượng đầu tiên rất 213 | quan trọng. 214 | - Hãy xem lại và tóm tắt các điểm quan trọng trong sơ yếu lý lịch của bạn. 215 | - Nêu bật những thành công và thành tích của bạn. 216 | - Hãy nhấn mạnh các kỹ năng của bạn giúp bạn phù hợp với công việc này. 217 | - Với những điểm này, bạn có thể dễ dàng vượt qua các câu hỏi phỏng vấn với nhân 218 | sự. 219 | 220 | ### 3. Những câu hỏi gì được đặt trong buổi phỏng vấn với nhân sự? 221 | 222 | Vòng phỏng vấn nhân sự được thực hiện bởi một chuyên gia tuyển dụng vào đầu quá 223 | trình tuyển dụng. Đây là một giai đoạn sàng lọc ban đầu để đảm bảo rằng bạn là 224 | ứng viên phù hợp cho vai trò đó. Phỏng vấn với nhân sự bao gồm các câu hỏi như 225 | thông tin chung về các vai trò công việc trước đây, các kỹ năng cốt lõi, trình 226 | độ, điểm yếu và kỳ vọng về mức lương. 227 | 228 | ### 4. Các câu hỏi khó trong phỏng vấn là gì? 229 | 230 | Các câu hỏi khó thường là các câu hỏi mở, giúp người ta hiểu được cách bạn xử lý 231 | một tình huống cụ thể. 232 | 233 | Dưới đây là một số ví dụ về các câu hỏi khó trong phỏng vấn: 234 | 235 | - Điểm yếu của bạn là gì? 236 | - Tại sao bạn muốn làm việc với chúng tôi? 237 | - Bạn thấy mình ở đâu trong năm năm tới? 238 | - Tại sao bạn đang rời khỏi công ty hiện tại của mình? 239 | - Tại sao có khoảng trống trong lịch sử làm việc của bạn? 240 | - Kể cho tôi về một lần bạn mắc lỗi. 241 | - Bạn có thể đem lại gì cho công ty chúng tôi mà các ứng viên khác không thể đem 242 | lại? 243 | 244 | ### 5. Khuyết điểm của bạn là gì? 245 | 246 | Không có cách nào dễ dàng để trả lời câu hỏi này, nhưng có cách để bạn nhấn mạnh 247 | những kỹ năng của mình mà không làm nó trở nên tiêu cực. Cách trả lời tốt nhất 248 | cho câu hỏi này là chọn một kỹ năng không liên quan đến vị trí bạn đang ứng 249 | tuyển và sau đó nhấn mạnh cách bạn đang giải quyết khuyết điểm này. Một số 250 | khuyết điểm phổ biến mà người ta thường sử dụng là thiếu kiên nhẫn, không tập 251 | trung, trì hoãn, tự phê bình, hoàn hảo chủ nghĩa, v.v. 252 | 253 | ### 6. 5 câu hỏi phỏng vấn khó nhất là gì? 254 | 255 | Trong một buổi phỏng vấn với nhân sự, 5 câu hỏi khó nhất là: 256 | 257 | 1. Hãy nói cho tôi về bản thân bạn. 258 | 2. Hãy kể về một lần bạn mắc lỗi và làm thế nào để giải quyết vấn đề đó. 259 | 3. Hãy miêu tả một lần bạn phải đối mặt với một đồng nghiệp khó chịu và làm thế 260 | nào để giải quyết vấn đề đó? 261 | 4. Tại sao bạn muốn rời khỏi công việc hiện tại của mình? 262 | 5. Tại sao bạn muốn làm công việc này? 263 | 264 | ### 7. Những câu hỏi phỏng vấn khó nhằn là gì? 265 | 266 | Những câu hỏi phỏng vấn khó nhằn là những câu hỏi được thiết kế để thử thách ứng 267 | viên hoặc ép buộc bạn phải suy nghĩ trước khi trả lời. Những câu hỏi này thường 268 | được sử dụng để thu thập thông tin về ứng viên như kỹ năng giao tiếp, kỹ năng 269 | mềm, khả năng làm việc với người khác, cách ứng viên xử lý stress hoặc xung đột, 270 | vv. "Điểm yếu của bạn là gì?" là một trong những câu hỏi khó nhằn phổ biến nhất. 271 | Không có câu trả lời đúng hoặc sai cho những câu hỏi khó nhằn, vì vậy hãy trả 272 | lời chúng một cách tốt nhất có thể. 273 | -------------------------------------------------------------------------------- /pages/interview/front-end/index.mdx: -------------------------------------------------------------------------------- 1 | --- 2 | title: 'Những Câu Hỏi Phỏng Vấn Lập Trình Viên Front-end' 3 | image: /static/interview/frontend-interview.png 4 | description: 5 | 'Đây là một tập tin chứa một số câu hỏi phỏng vấn lập trình viên front-end, có 6 | thể được sử dụng để đánh giá các ứng viên tiềm năng.' 7 | --- 8 | 9 | # Những Câu Hỏi Phỏng Vấn Lập Trình Viên Front-end 10 | 11 | ![Những Câu Hỏi Phỏng Vấn Lập Trình Viên Front-end](/static/interview/frontend-interview.png) 12 | 13 | Đây là một tập tin chứa một số câu hỏi phỏng vấn lập trình viên front-end, có 14 | thể được sử dụng để đánh giá các ứng viên tiềm năng. Tuy nhiên, không khuyến 15 | khích sử dụng tất cả các câu hỏi trong tập tin này cho cùng một ứng viên (vì 16 | điều này sẽ mất hàng giờ đồng hồ). Thay vào đó, hãy chọn một vài câu hỏi phù hợp 17 | để kiểm tra những kỹ năng mà bạn yêu cầu từ ứng viên đó. Với sự lựa chọn thích 18 | hợp, tập tin này có thể hữu ích trong quá trình tuyển dụng và đánh giá ứng viên. 19 | 20 | Xin lưu ý rằng nhiều câu hỏi trong danh sách này là kết thúc mở và có thể dẫn 21 | đến một cuộc thảo luận thú vị, cung cấp cho bạn nhiều thông tin về khả năng của 22 | một người hơn là một câu trả lời thẳng thắn. 23 | 24 | ## Các câu hỏi chung 25 | 26 | 1. Bạn đã học được gì trong ngày hôm qua/tuần này?? 27 | 2. Điều gì về lập trình làm bạn hứng thú? 28 | 3. Một thử thách về mặt kĩ thuật bạn đã trải qua gần đây là gì và bạn đã giải 29 | quyết nó như thế nào? 30 | 4. Bạn cân nhắc những Giao diện người dùng (UI), Vấn đề bảo mật (Security), Hiệu 31 | suất (Performance), Khả năng tối ưu cho các bộ máy tìm kiếm (SEO), Khả năng 32 | bảo trì (Maintainability) hay Công nghệ (Technology) nào khi xây dựng một ứng 33 | dụng/trang web? 34 | 5. Hãy nói về môi trường lập trình mà bạn muốn. 35 | 6. Những hệ thống quản lý phiên bản (version control systems) nào mà bạn đã sử 36 | dụng và cảm thấy quen thuộc? 37 | 7. Bạn có thể trình bày mạch làm việc (workflow) của bạn khi bạn tạo một trang 38 | web không? 39 | 8. Nếu bạn có 5 stylesheet khác nhau, bạn sẽ tích hợp chúng vào trang như thế 40 | nào là tốt nhất? 41 | 9. Bạn có thể trình bày sự khác nhau giữa progressive enhancement và graceful 42 | degradation không? 43 | 10. Bạn sẽ tối ưu các tài nguyên (assets/resources) của một website như thế nào? 44 | 11. Một trình duyệt sẽ tải bao nhiêu tài nguyên cùng một lúc từ một tên miền 45 | (domain) cho trước? 46 | 12. Các exception là gì? 47 | 13. Nêu 3 cách để giảm tải trang web (perceived hoặc thời gian tải thực tế 48 | (actual load time)). 49 | 14. Nếu bạn tham gia vào một dự án và họ xài nút Tab trong khi bạn sử dụng nút 50 | dấu cách (spaces), bạn sẽ làm gì? 51 | 15. Trình bày cách bạn sẽ làm một trang slideshow đơn giản. 52 | 16. Nếu bạn có thể chuyên sâu về một công nghệ (technology) trong năm nay thì nó 53 | sẽ là công nghệ gì? 54 | 17. Giải thích tầm quan trọng của các standards và standards bodies. 55 | 18. Flash of Unstyled Content là gì? Bạn tránh FOUC như thế nào? 56 | 19. Giải thích ARIA và screenreaders là gì, và làm thế nào để làm cho một trang 57 | web có thể truy cập được. 58 | 20. Giải thích một vài ưu và khuyết điểm của CSS animations so với JavaScript 59 | animations. 60 | 21. CORS là từ viết tắt của cái gì và nó đề cập đến vấn đề nào? 61 | 62 | ## Các câu hỏi về HTML 63 | 64 | 1. Một doctype làm cái gì? 65 | 2. Sự khác nhau giữa chế độ full standards, chế độ almost standards và chế độ 66 | quirks? 67 | 3. Sự khác nhau giữa HTML và XHTML là gì? 68 | 4. Có vấn đề nào không khi cung cấp (serving) các trang theo kiểu 69 | application/xhtml+xml? 70 | 5. Bạn cung cấp một trang web có nội dung được viết bằng nhiều ngôn ngữ như thế 71 | nào? 72 | 6. Bạn phải cảnh giác những điều gì khi thiết kế hoặc phát triển các trang web 73 | đa ngôn ngữ? 74 | 7. Những thuộc tính data- có lợi cho cái gì? 75 | 8. Hãy xem HTML5 như một nền tảng web mở (open web platform). Những building 76 | blocks của HTML5 là gì? 77 | 9. Trình bày sự khác nhau giữa một cookie, sessionStorage và localStorage. 78 | 10. Trình bày sự khác nhau giữa ` 487 | 488 | 489 | ``` 490 | 491 | 492 | 493 | Bạn cũng có thể nhập mã JavaScript từ một tệp riêng biệt và giữ mã HTML của mình gọn gàng. Điều này đặc biệt hữu ích nếu có một lượng lớn mã kịch bản được thêm vào một trang web HTML. 494 | 495 | ```js filename="script.js" 496 | alert('Xin chào') 497 | ``` 498 | 499 | ```html filename="external-javascript.html" 500 | 501 | 502 | Ví dụ về External JavaScript 503 | 504 | 505 | 506 | 507 | ``` 508 | 509 | 510 | 511 | 512 | Trong quá trình chuẩn bị cho buổi phỏng vấn việc làm của bạn, chúng tôi hy vọng 513 | rằng những Câu hỏi phỏng vấn HTML này đã cung cấp thêm thông tin về loại câu hỏi 514 | mà bạn có thể gặp phải. 515 | --------------------------------------------------------------------------------