JHU-FRONTEND-HW资源-CSDN文库

共4个文件

ds_store：2个

html：1个

css：1个

需积分: 9 144 浏览量 2021-02-08 13:48:05 上传评论收藏 3KB ZIP 举报

【JHU-FRONTEND-HW】是约翰斯·霍普金斯大学（Johns Hopkins University）前端开发课程的家庭作业项目。这个项目可能涉及到一系列HTML、CSS和JavaScript的基础及进阶概念，旨在帮助学生掌握构建现代网页应用所需的核心技能。在前端开发中，HTML（超文本标记语言）是最基础的部分，它是网页内容的结构框架。HTML文件通常以`.html`为扩展名，用于定义页面的标题、段落、图像、链接等元素。在JHU-FRONTEND-HW项目中，学生可能需要学习并实践以下HTML知识点： 1. HTML基本结构：包括`<!DOCTYPE html>`声明、`<html>`根元素、`<head>`和`<body>`标签。 2. 文本元素：如`<h1>`至`<h6>`的标题、`<p>`段落、`<em>`强调、`<strong>`加粗等。 3. 链接：`<a>`标签用于创建内部或外部链接。 4. 图像：`<img>`标签插入图片，需指定`src`属性和`alt`属性。 5. 列表：`<ul>`无序列表、`<ol>`有序列表以及`<li>`列表项。 6. 表格：`<table>`、`<tr>`、`<th>`、`<td>`用于创建数据表格。 7. 块级和内联元素：理解两者的区别，如`<div>`与`<span>`的使用场景。 8. HTML5新特性：如`<section>`、`<article>`、`<header>`、`<footer>`等语义化标签。除了HTML，前端开发还包括CSS（层叠样式表）的学习，它负责网页的布局和样式。在项目中，学生可能涉及： 1. CSS选择器：类选择器、ID选择器、元素选择器、属性选择器等。 2. 样式规则：如颜色、字体、边距、填充、边框等属性。 3. 盒模型：理解内容、内边距、边框和外边距如何影响元素大小和位置。 4. 层叠和继承：理解CSS的优先级和如何通过继承节省代码。 5. 布局技术：流体布局、网格系统、Flexbox和Grid布局。 6. 响应式设计：利用媒体查询实现不同设备上的适配。 7. CSS预处理器：如Sass或Less，提高代码组织和复用性。可能涉及到JavaScript，这是前端开发的重要动态语言，用于增加交互性： 1. JavaScript基础：变量、数据类型、控制流程（条件语句、循环）、函数。 2. DOM操作：查找、添加、删除和修改HTML元素。 3. 事件处理：如点击、滚动、键盘输入等事件监听。 4. AJAX：异步JavaScript和XML，用于不刷新页面的情况下获取和更新数据。 5. ES6新特性：如箭头函数、模板字符串、let和const等。 6. JavaScript库和框架：如jQuery简化DOM操作，React或Vue.js用于构建组件化的用户界面。在JHU-FRONTEND-HW-master这个项目中，学生将通过实际操作，深入理解和应用这些前端开发的核心技术，逐步成为一名熟练的前端开发者。通过完成作业，他们可以提升网页设计的技能，并为将来更复杂的项目打下坚实基础。

资源推荐

资源详情

资源评论