|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/master-html5-bootstrap5-reactjs-from-scratch/
课程评论:没有评论
**课程名称:** 从零开始掌握 HTML5, Bootstrap 5 和 React.js **课程概述:** 本课程将带您从零开始,学会如何使用 HTML、CSS、Bootstrap 5 和 React.js 构建任何类型的网站。您将从搭建本地开发环境开始,学习安装 Visual Studio Code 编辑器和 NodeJS 运行时。 接着,课程将引导您创建第一个 React 应用,并深入理解 Create React App 的工作原理、项目文件夹结构以及 React.js 的生命周期和各个组成部分的运作方式。 随后,您将学习如何将 Bootstrap 5、Font Awesome、Google Fonts 和 npm 包集成到您的 React.js 项目中。 课程的重点在于实践,您将亲手构建一个功能齐全、专业的网站,包含以下主要部分: * 导航栏 * 带轮播和滑块的 Hero 部分 * 精选文章部分 * 最新文章部分 * 行动号召部分 * 作品集部分 * 联系我们表单 * 关于我们页面 * 包含快速链接、新闻通讯和联系地址等多种元素的页脚 课程将采用循序渐进的方法,通过大量的实践操作,运用各种 Bootstrap 5 类来实现不同的功能,确保最终网站专业且能在各种设备上实现响应式显示。 **课程面向对象:** 本课程对初学者友好,您只需具备基础的计算机知识即可开始学习。
In this course, you will learn to develop any kind of website using HTML, CSS, Bootstrap 5 and ReactJs.We will start by setting up our local development environment, first we will learn to install Visual Studio Code editor, then we will go ahead and install NodeJS runtime.Next we will move on to creating the first react app, then we will move on to understanding how a create application work.We will understand the folder structure of the ReactJs project and understand the ReactJs lifecycle and how different aspects works.We will then move on to integrating Bootstrap 5, Font Awesome, Google Fonts, npm packages into our ReactJs project. We will Create a complete fully functional professional website with different sections like:Navigation BarFooterHero section with Carousel and SliderFeatured Posts sectionLatest Posts sectionCall to Action sectionOur Portfolio sectionContact us formAbout us pageFooter section with different parts like Quick Links, Newsletter and Contact AddressWe will do all this in a step by step approach by doing hands-on and using different Bootstrap 5 classes serving different purpose.We will make sure our website is professional and responsive in different kinds of devices.This is a beginner friendly course, you just need to have basic knowledge to get started with this course.