Front-End web development with React_Phát triển web Front-End với React
Front-End web development with React
- Tín chỉ
- 3
- Bậc
- Bachelor
- Thang điểm
- 10
- Điểm qua
- 5
Mô tả
Learn front-end web development for implementing a multi-platform solution: - Overview of client-side web UI frameworks, focusing on Bootstrap. Students will explore grids, responsive design, Bootstrap CSS, and JavaScript components. - Basics of Node.js, npm - JavaScript-based front-end development with the React library: ES6 for React applications, Reactstrap for Bootstrap-based responsive UI, React components, React Router for single-page applications, and designing controlled forms. - Hooks to leverage React features like state and lifecycle in functional components, reducing reliance on class components. - Flux architecture and Redux, covering Redux principles and building React-Redux powered applications. Fetch for client-server communication, integrating REST APIs on the server side. - Modern syntax and patterns for ReactJS development, paired with foundational knowledge to ensure long-term relevance. - AI Integration: Use of AI tools (e.g., code generation with GenAI) to enhance development efficiency, with emphasis on transparency and ethical usage. - Assessment Methods: Evaluation through practical labs, assignments, and reviews using stratified sampling, scored via Likert scales (1-5) for syntax, logic, customization, and transparency, converted to a 10-point scale.
Phân bổ thời gian
Study hour (150h) = 45h contact hours + 1h final exam + 85' practical exam + 104h self-study
Nhiệm vụ sinh viên
- Students must attend at least 80% of contact slots to be eligible for the final examination. - Students are responsible for completing all exercises assigned by the instructor in class or at home and submitting them on time. - Regularly check announcements on FU FLM at https://flm.fpt.edu.vn/ for the latest course updates, including assignment submission deadlines and feedback on assignments and project work. - AI-Related Task: Utilize AI tools (e.g., GenAI for code generation or debugging) responsibly in assignments and projects, and clearly document their usage (e.g., prompts, outputs) in submissions to ensure transparency and ethical application.
Công cụ
- Visual Studio Code (https://code.visualstudio.com) - Internet - Git (Bitbucket/Github source management) - Node.js AI tools - Gemini (https://gemini.google.com/app) - Grok (https://grok.com/) - ChatGPT (https://chatgpt.com/)