新手学前端的方法是什么 自学前端该怎么规划

mb6108a8577c55b 2021-10-13 17:43:21
前端开发 HTML/CSS 新手学前端


随着互联网的迅速发展,更多的人投入到Web前端的学习中来,那么想要自学前端该怎么规划学习呢?要学习的技能涉及到哪些呢?对于新手学习前端的方法,我有几个建议给大家,希望可以帮助到想要学习的人。

自学前端,首先的你得搞懂前端是什么,要学习的内容是什么,每天能抽出多少的时间去学习,能不能坚持的问题。很多人可能就是三分钟的热情去学习,然后过几天就偷懒学不下去了,为了避免这样半途而废,大家选择学习的方式就是很重要的,还有就是重点的学习哪些技术。

新手学前端的方法是什么 自学前端该怎么规划_新手学前端

以下就给大家分享一下Web前端开发中需要掌握的技术:

1、学习HTML,这是很简单,基本的是要掌握div,formtable、Ulli、P、跨度、字体这些标签,这些都是常用的,尤其是DIV和表格,DIV,表也可以用于布局,但不灵活,和用于基本表处理数据。

2、学习CSS,CSS这里说的不包括CSS3 Web前端开发工程师里面我们看到的,一个可以使用HTML或CSS + CSS+DIV的界面布局,所以CSS是用来协助HTML布局和显示,我们称之为“CSS样式”,为什么说DIV+CSS?因为我说div是HTML主要用于布局的,所以div是这个东西的核心!CSS必须配合部。CSS必须掌握浮、位置、宽度和高度,以及较大值和小值,以100%,溢出,边缘、填充等。这些都是与布局相关的样式。

3、然后就是JS的学习。JS入门很简单,不需要很多东西,只要根据ID或名称DOM或”风格或价值,然后以一个ID或名称元标签,或额外的数据,在HTML,这是对数据的操作有关系,那么数据逻辑的影响,无非是一个跳跃,弹框,隐藏什么,这一切都是结合其他应用,代码一点都不难,将这些基本的JS。百度其他好。然后多看一些,不是什么问题。

4、学习jQuery相当于封装一组JS插件的JS。其目的是操作更方便,编写更少的代码,jQuery条目也非常简单。这些都是切入点,要学会像JS,只是改变了JQ代码。剩下的就跟百度一样。

5、较好是指出背景语言,如java,php,为什么?因为我们是前台接口数据,从后台到点,如果后台代码,你知道如何与后台数据交互是好的,它节省了时间,也可以使前端代码更加规范。否则,可能是因为你回来了,无法忍受的数据,然后前端代码再次重写,这将是可怕的。

6、研究CSS3 + HTML5,为什么放在后面呢?因为现在对于前端人员来说,复合型且不断提升能力的人是企业很看中的,所以,如果你准备从事专业战线,学习一下会更好。

以上6点,基本上是一个web前端开发工程师掌握的技术,对于一个新手小白来说,掌握以上技能基本就能入职web前端职位了,如果你前期不知道如果规划你的学习的话,也可以去专业学习一下,结合自己的优势进一步的规划学习路线会更好一些。

版权声明
本文为[mb6108a8577c55b]所创,转载请带上原文链接,感谢
https://blog.51cto.com/u_15321024/4203978

  1. Error in spring source code compilation: the monoprocessor in reactor.core.publisher is outdated
  2. Buctf [geek Challenge 2019] http
  3. 20 个值得学习的 Vue 开源项目
  4. 20 projets open source à apprendre
  5. Scène et application de la manette des gaz anti - bavardage
  6. Qu'est - ce que j'ai gagné en abandonnant vue pour les six mois de React?
  7. À partir de [Bytecode cache] et de [http cache], intervieweur: « est - ce si mince? »
  8. [niveau intermédiaire et avancé] obligatoire, 30 + questions manuscrites à haute fréquence et réponses détaillées (dix mille caractères longs), voyez comment "vous" ne pouvez pas m'abattre
  9. Mise en œuvre d'un outil d'échafaudage universel pour l'ingénierie Web de 0 à 1
  10. 【中高级前端】必备,30+高频手写题及详细答案(万字长文),看“你”怎么难倒我
  11. In less than two days, the box office exceeded 400 million, and Changjin Lake broke out, breaking seven records in Chinese film history
  12. Tong Liya Jin Chen bumps her hair, Xie Na Zhao Liying bumps her shirt, and she sees EQ from the reaction
  13. react之组件生命周期
  14. L'équipe de vue dévoile un nouvel outil d'échafaudage rapide comme la foudre Create View, qui remplacera la vue CLI à l'avenir, avec seulement 300 lignes de code, apprenez - le!
  15. 20 dessins illustrant le fonctionnement du moteur de rendu du Navigateur
  16. In less than two days, the box office exceeded 400 million, and Changjin Lake broke out, breaking seven records in Chinese film history
  17. 千锋重庆web前端学习之理解CSS位置属性
  18. 什么是语义HTML标记以及如何使用它们?
  19. Si vous vous représentez avec un tableau, c'est le champ de Van Gogh.
  20. 前端面试手写代码
  21. 前端开发框架Vue中Vuex的使用原理分享
  22. vue-echarts初次体验
  23. 分享一些web前端开发好用的网站
  24. 每天读一点webpack-003
  25. react之组件生命周期
  26. Alibaba collection version of mybatis handwritten documents, Java front-end interview questions
  27. SpringBoot Java后端实现okhttp3超时设置
  28. react之組件生命周期
  29. Cycle de vie des composants de React
  30. 使用Reactor将阻塞调用变为异步非阻塞
  31. Baked cake wife sun photos, plain face on camera, beautiful appearance is still a beauty, watching children during the festival is a little helpless
  32. 亚洲知名插画师荒川(arakawa) 仅8件独版NFT作品系列《Can't Out》正式上架Element综合市场
  33. Taiyuan: singing, welcoming the national day, gathering to praise blessings
  34. Arakawa, un illustrateur Asiatique bien connu, n'a mis sur le marché que huit pièces de la collection NFT "can't out" en une seule édition.
  35. Résumé des questions d'entrevue Hadoop (II) - - hdfs
  36. 如何解决“Serverless”系统的冷启动问题
  37. BootstrapBlazor 模板安装
  38. BootstrapBlazor 模板安装
  39. Tong Liya Jin Chen bumps her hair, Xie Na Zhao Liying bumps her shirt, and she sees EQ from the reaction
  40. 使用ESLint+Prettier来统一前端代码风格
  41. 为什么说 Node.js 是实时应用程序开发的绝佳选择
  42. PaddlePaddle:在 Serverless 架构上十几行代码实现 OCR 能力
  43. 使用elementui在完成项目中遇到的未知知识点2
  44. On the mechanism of webpack loader
  45. 云原生体系下 Serverless 弹性探索与实践
  46. vue开发技巧
  47. Une fleur merveilleuse de l'histoire de l'industrie des nouveaux véhicules énergétiques, Zhongtai Jiangnan T11, une voiture vintage que vous n'avez jamais vue
  48. 致敬!再见了!LayUI !
  49. Vue安装和卸载
  50. Implement a flipped character with the transform attribute of CSS
  51. 你的第一个 Docker + React + Express 全栈应用
  52. [apprentissage de l'algorithme] 1486. Fonctionnement exclusif du tableau (Java / C / C + + / python / go / Rust)
  53. Zhang Daxian sends a blessing video on xYG relay, showing positive energy in details
  54. 前端技巧-JS元编程ES6 symbol公开符号
  55. Article de 37 ans seul à l'hôpital!Il boitait, soupçonnait d'être blessé, souriait avec douleur
  56. 前端推荐!10分钟带你了解Konva运行原理
  57. npm ERR! iview-project@3.0.0 init: `webpack --progress --config webpack.dev.config.js
  58. 零基础学习Web前端需要注意什么呢?
  59. The Youth League promotes Yiyang Qianxi new film, and the relationship between the two generation and the generation is good. Li Fei is blessed.
  60. Qu'est - ce qu'il faut remarquer à l'avant - plan Web de l'apprentissage de base zéro?