开发者社区> 问答> 正文

想转行前端,需要先学那些知识

对前端比较感性去,想转行,不知道开头应该做什么

展开
收起
爱吃草莓 2017-08-22 16:24:46 2926 0
11 条回答
写回答
取消 提交回答
  • never say never~

    html css js 前端的网站先小刷一下 了解一下到底是个什么东西

    2021-10-18 15:49:10
    赞同 展开评论 打赏
  • 如果没有任何前端基础的话,可以先从基础开始
    w3cschool是个不错的学习网站
    从html 开始,然后css ,再然后js
    可对着教程练习
    然后学一些框架 bootstrap vue.js node.js

    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • html/css/js

    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 现在前端发展一天一变,光靠跟新技术可能会很累。可以先把JS/HTML/CSS的基础先打牢,然后很多新技术上手都比较快,最重要的就是要多实践。w3school/mdn/github都可以多逛逛。

    2019-07-17 21:31:04
    赞同 展开评论 打赏
    1. HTML + CSS

          前端的入门门槛极低,体现在HTML和CSS上。运行环境就是浏览器,推荐Chrome。你需要的只是一个文本编辑器,推荐Sublime Text 3,有不少好插件比如Emmet,谷歌搜一下很容易了解到的。当然你非要用记事本的话,也不是不行的。刚入门查阅资料可以用 w3school 或者 MDN 。 HTML和CSS不是编程语言,前者只是结构标签,后者则是样式配置,入门是非常简单的。网上资料也有很多,推荐慕课网 HTML+CSS基础课程。 我当时是看了一本书 Head First HTML and CSS,讲得浅显易懂,不过价格比较感人,也是只翻一遍的书,没有必要买了。 迅速刷一遍慕课网,对HTML和CSS有个大致印象就好。想巩固HTML标签可以去看看16年的task1-1。
      
         HTML5的API可以先放一放,回头再看。 接下来就是深入学习CSS了。推荐: 《CSS权威指南(第3版)》。很枯燥的一本书,但我确实不知道哪本书更适合了。花两三天硬啃下来就好了。属性细节不必记忆,以后用到肯定要再查的。着重点放在大局上,比如盒模型,浮动和定位这些,抓住重点快速过一遍。 《CSS3 专业网页开发指南》。CSS3也是需要掌握的内容。但这里还是以了解为主,知道CSS3有什么内容就好,记忆属性是枯燥且毫无意义的。 以上内容用时5天左右,下面是实践。 学了几天HTML和CSS了,应该也有点成果了。打开IFE2015 task1,写个静态页面吧。 我X,完全写不出来。 这是正常的。去看下别人的代码吧,看一小部分就开窍了。忘掉的属性就查书或者w3c,多尝试,不断踩坑才有进步。 画完第一张图后,别着急往下写。你的代码肯定会有如下问题
      

    胡乱的代码缩进
    毫无章法的属性顺序
    满页的div
    不停地写id和class

    重写吧,是的。重写之前先看一份代码规范 GitHub - ecomfe/spec: This repository contains the specifications.。当然代码规范不是唯一的,我最早看的是这一份,所以代码风格也一直维持到现在。 再去看一下别人提交的代码,多看几份。当然自己也要判断,不能听风就是雨啊,人家写得不好你再去重写一次,等于你也有责任对不对。 开始重写了,会发现功力大增,写代码速度也快了很多的。 写到第三张页面的时候,应该比较熟练了。如果看到布局就大概知道应该怎么写了,那就可以进入JavaScript的学习了。 以上内容用时10天左右。 进阶部分可以回头再看: 掌握预处理工具Sass,自动化工具Gulp。 阅读Bootstrap源码。 《CSS揭秘》,极其惊艳的一本书,涵盖了CSS3的很多奇技淫巧,虽说有些地方不太实用,但让人眼前一亮,很值得看。

    1. JavaScript 这是至关重要的阶段。

           强烈推荐《JavaScript高级程序设计(第3版)》,俗称红宝书。前七章是重中之重,必须反复阅读,直至完全理解,期间可配合其他书一起读。DOM,事件流,表单,JSON,Ajax与最后几章也相当重要。其余章节可以略读或跳过(比如浏览器嗅探,XML以及那些列举大量API的章节,完全可以用到再查) 推荐《JavaScript语言精粹》,俗称蝴蝶书。超薄的一本,半天就可以看完。JavaScript是一门有很多坑的语言,我个人是喜欢把这些坑点全部搞清楚的,但这本书却避而不谈了,剩下的也就是所谓的“精粹”了。但清晰地过一遍知识点总是好的。 强烈推荐《你不知道的JS》。精彩至极的一本书,将JavaScript的坑一网打尽。之前搞不懂的问题,比如闭包,this之类的都可以在这里找到答案。 ES6也是必学的内容,推荐阮一峰老师的《ES6 标准入门》。但这本书以API居多,所以还是留个大概印象,以后写到类似的地方,查一查有没有ES6更简洁的写法就好,不必死记硬背。以及需要学会Webpack的使用,Babel和模块化就靠Webpack了。 不太推荐《JavaScript权威指南》,也就是犀牛书。那就是一本字典……
      

    进阶: 《JavaScript设计模式与开发实践》,设计模式是必须了解的内容,这本是写得不错的。 《高性能JavaScript》,红宝书作者的另一力作,讲了一些优化技巧与性能瓶颈问题,值得一读。 以上内容用时1个月左右,中途可穿插IFE2015 task2的题,比2016年的要简单。 这些书全部刷完的话,应该可以跟人谈笑风生了。 开始实践,IFE2016阶段二的题,想怎么刷就怎么刷吧。如果有编程经验的话,应该没什么压力了。

    1. JavaScript框架

         这部分就比较自由了,每个人点的技能树都不一样的。前端的发展是爆炸式的,换工具比翻书还快,所以还是以看文档为主了。 目前主流框架经常被提及的是React,Angular,Vue。知乎搜一搜就有相当多的优秀答案了。不过这个答案也有时效性,说不定过两年这些框架全都被淘汰了呢【逃 学习至少一种框架,把IFE2016刷通关吧。耗时1个半月左右。 进阶:看各种源代码。这也是我最近打算做的事情,但是好像期末考要到了TAT 最后补充一下,计算机基础知识是很重要的。由于本人有OI的经验所以稍微占点优势。再推荐几本书,抽空还是要看看的: 《深入理解计算机系统》,CSAPP,也是我们专业这学期的课程(但是我的专业明明是EE啊)。 《计算机网络 自顶向下方法》,看名字就知道必读了吧。 操作系统好书挺多的,推荐一本 Operating Systems: Three Easy Pieces ,英文不够好就《现代操作系统》吧。 算法和数据结构,推荐两本:《算法导论》《数据结构与算法分析》。似乎算法和数据结构与前端关系不大,但作为一个码农,不要求你写红黑树,至少快速排序和二分查找这种要会写的吧。
    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 先学好 html,css ,这个阶段可以用这两项技术做一些静态网页(比如把云栖社区首页自己用代码实现一遍)。
    后一个阶段可以学些js语法,简单点从 jquery学起,做一些动态页面。
    再下一个阶段 看些最新的ES6,看些最近比较流行的框架 vue, react。
    后续可以看些工程化的工具 node.js,webpack

    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 可以先去 w3school 学一下基础,http://www.w3school.com.cn/
    后续可以看看javascript高级程序设计等提升下js

    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 建议先把《CSS禅意花园》《精通CSS》或者相关的书学习一下,然后对JS做深入了解《JavaScript语言精粹》《JavaScript高级程序设计》或者相关的书学习一下,阅读&关注:https://developer.mozilla.org/zh-CN/;然后选择一个技术框架深入学习和了解,比如react、vue;参考:https://zhuanlan.zhihu.com/p/21935921

    2019-07-17 21:31:04
    赞同 展开评论 打赏
  • 域名投资、域名选择、域名交易、域名行情等@我

    补充回答

    这个要慎重选择,建议先对比下各自优劣,再做决定,以免又后悔
    欢迎尊敬的题主来到阿里云云栖社区,希望我私人的回答能对你有帮助,你可以继续留言或者到论坛参与更多的互动。

    2019-07-17 21:31:03
    赞同 展开评论 打赏
  • 阿里云ping https://ping.gaomeluo.com/aliyun/

    html、CSS、JS、php等

    2019-07-17 21:31:03
    赞同 展开评论 打赏
滑动查看更多
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载