|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/web-development-course-frontend-basics-1/
课程评论：没有评论
### 网页开发入门 #1：前端基础 本课程由拥有13年以上经验的资深全栈Web开发工程师Brad Bertsche倾囊相授，旨在帮助学习者掌握从网站设计到HTML和CSS实现的工作流程。课程将涵盖SASS和Bootstrap的使用，以优化开发过程。 **课程内容亮点：** * **工作流程演示：** 学习者将亲眼目睹如何分解网站设计并将其转化为HTML和CSS代码。 * **技术栈：** 重点介绍SASS和Bootstrap的应用，以及如何在实践中整合这些工具。 * **响应式设计：** 从桌面端设计入手，逐步学习如何将其转换为适应移动设备的响应式布局。 * **易于上手：** 课程设计旨在让学习者轻松开始编码，并能轻松跟上教学进度，所有必需的素材均已提供。 * **目标受众：** 本课程定位为新手级别，但并非面向完全零基础的学习者。建议学习者具备一定的HTML和CSS基础知识。 * **课程时长与质量：** 课程总时长接近12小时，所有教学视频均为4K真实时间录制（可能因平台播放设置而有所差异），并附有少量剪辑。 * **开发环境：** 讲师将使用IntelliJ IDEA作为代码编辑器，但学习者也可在任何熟悉的代码编辑器中进行学习。 * **辅助软件：** 课程还将涉及Affinity Designer、Affinity Photo和Firefox等软件。 * **操作系统：** 课程内容主要面向Windows用户，但学习者也可在其他操作系统上进行实践，可能需要自行查找相关软件的安装方法。 本课程是开启Web前端开发之旅的理想起点，通过实际操作和专业指导，帮助学习者掌握将设计转化为代码的核心技能。
Hello and welcome to my web development course: Frontend Development Basics #1.My name is Brad Bertsche and I'm a professional full stack web developer with more than 13 years of experience.In this course I am going to show you my workflow for breaking down a website design and converting it to HTML and CSS. I will also be using SASS and Bootstrap to make it all come together.We will first focus on the desktop design and then I will show you how to convert it to a mobile responsive version.The course is designed to make it easy to get started writing code and following along. You will be provided with all the assets you need to complete the course.From a professional perspective this is a novice level course, but it is not for absolute beginners. You should have some basic knowledge of CSS and HTML before taking this course.This course is just shy of 12 hours in length, and all footage is in real time, 4k resolution (original footage is in 4k but may playback at different resolutions depending the platform you watch it on), with some minor edits.For a code editor I will be using IntelliJ Idea, but you should be able to follow along in any code editor if you know the basics of it.Other software we will be using includes Affinity Designer, Affinity Photo, and Firefox.This tutorial is made for Windows, but there is no reason why you couldn't do this on any other operating system. However, you might have to look up how to install a couple of things.Thank you for checking out my course and let's get started!
