热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

第一次与前端亲密接触

最近业余时间在学习数据结构、算法和前端,学习前端的原因在前面我有提到过,感兴趣的同学可以看看开启我的前端之路。我本身是做iOS的,对移动端

最近业余时间在学习数据结构、算法和前端,学习前端的原因在前面我有提到过,感兴趣的同学可以看看 开启我的前端之路。我本身是做 iOS 的,对移动端比较了解。学习前端完全可以按照移动端的套路来学(我是这么干的)。

移动端的学习流程大致是:

1.开发工具的准备;

2.掌握开发语言;

3.UI部分:布局、动画、页面之间切换、各种交互实现,各种UI设计实现;

4.通用技术,数据结构算法,网络,数据库,设计模式,架构;

5.各种第三方框架的使用及原理分析;

6.各种 API 的使用;

我们按这个思路来学习前端,首先需要把环境搭好了。

开发工具

前端开发工具比较简单,一个浏览器加一个 IDE 即可。IDE 可以选择 VSCode、Sublime 和 Webstorm,我刚开始使用的Sublime,后来用了一次 VSCode,就再也不想用 Sublime 了。个人感觉用 VSCode 比 Sublime 好用很多,起码会给我想要的提示信息。下图是 VSCode 的效果,点击右键,可以在浏览器预览,这个需要安装一个插件 open in browser。

浏览器主要用来调试 HTML,查看布局信息等,这里主推 Chrome(谷歌浏览器)。在打开的网页中,右键,点击检查,即可看到下面这种效果。可以看到,HTML 的源码,红色方块的大小及属性,选择不同的移动端设备等。

还有一个非常重要的地方需要注意,要多看「官方」推荐的资料,少看 N 手资料,不过有些博文写的是比较好,如果看官方看不明白再看这些博文。比如下面这两个:

Web 开发技术 MDN https://developer.mozilla.org/zh-CN/docs/Web
W3C https://www.w3.org/2002/03/tutorials.html#webdesign_htmlcss

学习前端的资料比较多,也有很多电子书,想看书的同学可以到网上找找,或者购买纸质书。特别推荐 Web 开发技术 MDN 这个网站,支持中文,比如我在网上找了很多资料学习 Web 的 UI布局的方式,看了很多博文都是东一句西一句,始终没能彻底理解,直到看到 MDN 上详细的介绍,我才明白网页是如何布局的。

大家加油!!!

推荐阅读:

开启我的前端之路

图解前端


推荐阅读
  • VPX611是北京青翼科技推出的一款采用6U VPX架构的高性能数据存储板。该板卡搭载两片Xilinx Kintex-7系列FPGA作为主控单元,内置RAID控制器,支持多达8个mSATA盘,最大存储容量可达8TB,持续写入带宽高达3.2GB/s。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 在使用 MUI 框架进行应用开发时,开发者常常会遇到 mui.init() 和 mui.plusReady() 这两个方法。本文将详细解释它们的区别及其在不同开发环境下的应用。 ... [详细]
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • 深入探讨CPU虚拟化与KVM内存管理
    本文详细介绍了现代服务器架构中的CPU虚拟化技术,包括SMP、NUMA和MPP三种多处理器结构,并深入探讨了KVM的内存虚拟化机制。通过对比不同架构的特点和应用场景,帮助读者理解如何选择最适合的架构以优化性能。 ... [详细]
  • 深入解析 Apache Shiro 安全框架架构
    本文详细介绍了 Apache Shiro,一个强大且灵活的开源安全框架。Shiro 专注于简化身份验证、授权、会话管理和加密等复杂的安全操作,使开发者能够更轻松地保护应用程序。其核心目标是提供易于使用和理解的API,同时确保高度的安全性和灵活性。 ... [详细]
  • WebStorm 是一款强大的集成开发环境,支持多种现代 Web 开发技术,包括 Node.js、CoffeeScript、TypeScript、Dart、Jade、Sass、LESS 和 Stylus。它为开发者提供了丰富的功能和工具,帮助高效构建和调试复杂的 Node.js 应用程序。 ... [详细]
  • 如何配置Unturned服务器及其消息设置
    本文详细介绍了Unturned服务器的配置方法和消息设置技巧,帮助用户了解并优化服务器管理。同时,提供了关于云服务资源操作记录、远程登录设置以及文件传输的相关补充信息。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • Ralph的Kubernetes进阶之旅:集群架构与对象解析
    本文深入探讨了Kubernetes集群的架构和核心对象,详细介绍了Pod、Service、Volume等基本组件,以及更高层次的抽象如Deployment、StatefulSet等,帮助读者全面理解Kubernetes的工作原理。 ... [详细]
  • 从零开始构建完整手机站:Vue CLI 3 实战指南(第一部分)
    本系列教程将引导您使用 Vue CLI 3 构建一个功能齐全的移动应用。我们将深入探讨项目中涉及的每一个知识点,并确保这些内容与实际工作中的需求紧密结合。 ... [详细]
  • Hadoop入门与核心组件详解
    本文详细介绍了Hadoop的基础知识及其核心组件,包括HDFS、MapReduce和YARN。通过本文,读者可以全面了解Hadoop的生态系统及应用场景。 ... [详细]
  • Java毕业设计项目:“传情旧物”网站(含源码与数据库)
    本项目介绍了如何配置和运行“传情旧物”网站,包括所需的技术栈、环境配置以及具体的操作步骤。 ... [详细]
author-avatar
鐘文斌kebenJ
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有