前端预习作业

走进前端

前端开发是创建web页面或app等前端界面呈现给用户的过程,通过html,css及JavaScript以及衍生出来的各种技术,框架,解决方案,来实现互联网产品的用户界面交互。

html是网页的核心技术之一,是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。

css是网页外观的重要一点,css可以帮助把网页外观做的更加美观。

JavaScript能够提高开发人员的个人技能。

操作系统

包括Unix和Linux。

网络服务器

前端框架(参考百度等)

Bootstrap

主流框架之一,Bootstrap 是基于 HTML、CSS、JavaScript的,它简洁灵活,使得 Web 开发更加快捷。

html5-boilerplate

该框架可以快速构建健壮,且适应力强的[web app](https://baike.baidu.com/item/web app/9475982?fromModule=lemma_inlink)或网站。

Meteor

Meteor是新一代的开发即时web应用的开源框架,它能在较短时间内完成开发。

Semantic UI

基于自然语言有效原则的UI组件框架

Foundation

优秀的响应式前端框架

Materialize

基于材料设计的现代化响应式前端框架。可提供默认的样式,自定义组件。此外,Materialize还改进动画和过渡,为开发人员提供流畅的体验。

Pure

几乎可以在每一个web项目中使用的一组小的和响应式的CSS模块。

Vue

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API

Skeleton

Skeleton 是一个小的 JS 和 CSS 文件的集合,可快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

Amaze UI

国内首个开源HTML5跨屏前端框架产品系列,中文排版支持更优、本土化组件丰富。

UIkit

一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。

MUI

最接近原生App体验的前端框架的框架。

Arale

一个开放、简单、易用的前端基础类库

JX

JX 是模块化的非侵入式Web前端框架,特别适合构建和组织大规模、工业级的Web App。

GMU

GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件! Web App。

ZUI

开源HTML5前端框架

Clouda Touch.js

Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。 [4]

VScode插件安装

Chinese (Simplified) (简体中文)

是一个中文插件,将vscode语言设置为中文

HTML CSS Support

智能提示CSS类名以及id

Live Server

能够在线浏览html网页的更新变化。安装后,html界面鼠标右键,点击 open live serve就可以了打开网页open in browser

这款插件能够在浏览器中打开html网页。鼠标右键 open in default browser,快捷键 Alt + b

Auto Rename Tag

此款插件可以帮助对html标签的补充和成对修改标签。

Prettier - Code formatter

此插件能够将代码进行格式化,调整缩进和布局,是代码更加整齐规范,增加代码可读性

双击vscode——扩展——搜索插件——安装

认识浏览器

浏览器窗口

1、地址栏:用于输入网站的地址,然后按[Enter]键或单击地址栏右侧的按钮即可。
2、菜单栏:由“文件” “编辑” “查看” “收藏夹” “工具”和“帮助”菜单组成。
3、选项卡:可以使用多选项卡浏览方式,以选项卡的方式打开网站的页面 。
4、页面窗口:浏览器的主窗口,访问的网页内容显示在此。
5、状态栏:实时显示当前的操作和下载Web页面的进度情况。

浏览器内核

1、Trident内核
2、Gecko内核
3、WebKit内核
4、Presto内核。

常见浏览器

1、IE浏览器。
2、Microsoft Edge浏览器。
2、Chrome浏览器。
3、Firefox浏览器。
4、Safari浏览器。
Web服务器分类编辑
1、IIS服务器。
2、Apache服务器。
3、Tomcat服务器。

HTTP通信协议编辑

HTTP协议从Web浏览器到服务器返回信息的过程可以分为4个部分:
1、建立连接。
2、发送请求。
4、关闭连接。

Gitee

选择本地项目

右键——选择Git Bash Here

在命令中输入git init

本地目录中生成一个.git文件夹

将当前目录需要上传的文件,将资源添加到缓存区git add.

将缓存区内容提交到本地仓库git commit -m"提交备注“

设置远程仓库地址git remote add origin

将内容从本地仓库提交到远程仓库

提交完成。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端开发这一领域是现代互联网行业中非常重要的一个职业岗位,负责将设计师设计的网站页面转化为实际可交互的网页。为了适应这个职业的要求,我进行了一段时间的预习,并整理了一些笔记。 首先,了解HTML(超文本标记语言)是十分重要的。它是构建网页结构的标准,可以通过标签定义不同的元素,如标题、段落、链接等。我学习了HTML的基本语法,如标签的使用规范、嵌套关系等。 其次,对CSS(层叠样式表)的理解也是必要的。通过CSS,我可以为HTML元素添加样式或者布局,使页面更加美观和易于阅读。我学习了CSS的选择器、属性和值,以及如何对文本、盒模型进行样式设置。 另外,JavaScript是实现网页交互性的重要一环。我了解了JavaScript的基本语法和DOM(文档对象模型),可以通过JavaScript操作网页元素,实现动态效果、表单验证等功能。 在学习的过程中,我还关注了响应式设计的概念。响应式设计可以使网页在不同设备上提供良好的用户体验,通过CSS媒体查询和弹性布局等技术,使页面适应不同的屏幕大小和分辨率。 此外,我还进行了一些实践练习,通过编写一些小项目来巩固所学知识。这些实践项目包括创建静态网页、制作简单的动画效果、实现表单验证等,帮助我理解和应用所学的技术。 综上所述,我的Web前端开发预习笔记主要包括HTML、CSS、JavaScript以及响应式设计的基础知识和实践经验。我相信这些准备工作可以为我之后的学习和工作打下良好的基础。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值