前端初学之路

217 阅读1分钟

前端涉及技术点

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

前端的定义:点击查看前端,目前的前端宏观上讲--就是和展示给用户的用于交互的界面,包括:

  1. pc上的页面展示;【可以细分为后台、中台、前台】
  2. 移动端[Android和IOS]的用户界面,【有着很多方案:Android开发、object-c/swift开发IOS、微信小程序开发、普通H5页面开发等】

零基础简单入门

最开始的前端,大部分就是运行在浏览器中,而主要的依赖技术是以下三项:

  1. HTML
  2. CSS
  3. JavaScript

第一周任务:

  1. markdown语法的学习和简单基本使用
  2. HTML的学习,了解基本元素
  3. 了解简单的css功能和完成简单的布局

推荐学习资源:

  1. 菜鸟教程:www.runoob.com/
  2. 基础资料:www.w3school.com.cn/
  3. 入门视频:www.imooc.com/learn/9
  4. 入门视频:edu.51cto.com/course/1097…
  5. 学习视频:search.bilibili.com/all?keyword…

学习方法:可以先根据视频一步一步了解一些基础知识,不懂的地方需要查看资源文档,看看为什么,下载chrome浏览器【用于查看效果】和vs code编辑器【用于编写代码】

目标:完成一个非常简单的PC页面的布局;完成掘进首页的头部和侧边栏样式书写点击查看