一个Web前端自学者的自述

想来想去还是写下这篇文章,先说明,我精通JAVA编程语言和web前端常见的技术,个人是做JAVA的多,但是更加喜欢前端。因为我从高一开始接触JAVA,家父是黑马的JAVA讲师,自己对编程很热爱,在大学的时候就选择了软件工程。距今接触开发能有十年的时间。本次文章不可以太短,显得我不太认真,也不可以太长,那样看的人很少。

我学习编程的主要优势是身边有个老司机,也就是我爸爸,做了开发近20年,有什么自己解决不了的问题可以问他,但是奇怪的是很多问题都在尝试自己解决,这就锻炼了我自己解决问题的能力,而且学习前端开发的新手切记一点,一定不可以依赖外界因素,要培养自己的学习能力。

刚开始学习HTML CSS的时候,我并没有费多长的时间,感觉很轻松,而且做了不少的精美静态网页。但是当我学习JavaScript的时候,跟着书学习就完全看不懂了,根本没法理解书上说的专业术语,这让我一度想到自己不适合学习这个,但是过后情绪稳定了也就好了,我总是遇到难题的时候就想自己太笨了,这个我心态有点不好。所以在这里不建议想学习web前端开发的新手一页一页的看书学习,没有什么效率,而且很难看懂或者看下去,书都是非常的厚重。

其实我刚接触网页制作的时候是大一,在之前一直学习的是JAVA,在大一的时候自己学的网页制作,也就是现在的前端技术,个人更加倾向于做前端,因为网页的画面感确实很吸引人,自己特别有成就感,那个时候每天都学习到凌晨1点,一直到笔记本电脑没电。

我是在大二的时候在猪八戒网开始接网页制作的单子,那个时候一个网页能挣100块钱差不多,一周的话基本可以利用课余的时候做完一个网页,这让我的实战经历大大增加,但是对于JavaScript我一直掌握的不好,最后也是经过了长时间的磨练才有点小成就。

下面我给你学习前端的新手几个建议:

第一:

切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解决问题的能力,也没有自主学习的能力,面试不能通过,找工作会非常难,因为学习开发就是锻炼这种自我学习的能力。

第二:

必须而且一定要有一个老师带着学,无论是学习JAVA还是前端,根据我见过的人的经验,如果没有一个明白人帮你解决一下问题,首先会浪费非常多的时间。而且学习的不专业,对于基础的把握不牢靠,后面的都是白扯。

第三:

坚持很重要,确实有很多学习前端的人在学习JavaScript的时候学着学着就放弃了,这叫知难而退,JavaScript确实难,但是就是因为难才有价值,我们评判一个前端开发者是什么水平,就是用JavaScript来说话。

下面是基本的学习路线,跟着这个基本没有什么问题:

第一阶段:HTML CSS/HTML5 CSS3

一个Web前端自学者的自述

项目实战:淘宝官网、京东官网、小米官网等等。基本可以做了五个静态这样的网页,静态部分就不会有任何的问题。

第二阶段:JavaScript

一个Web前端自学者的自述

项目实战:实战小游戏项目开发

第三阶段:JavaScript高级/Ajax/JQ

一个Web前端自学者的自述

项目实战:自动义插件封装

第四阶段:前端主流框架

一个Web前端自学者的自述

项目实战:大型网站建设

这是我自己总结的学习路线,比较简洁,一般跟着这个走,这些知识都学会了找到工作没有任何的问题。有什么前端不懂的问题可以随时问我,希望帮助每一个想学习的小伙伴学到东西,这是我的web前端新手学习群618522268,刚开始学习前端的朋友可以去加下,群里有很多免费的学习视频分享,多在群里交流问我,有不会的可以在群里随时问我,凑热闹的千万不要加


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/362146.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

css实现web前端最美的loading加载动画!

这些好看的loading效果,你还只会用第三方库吗?CSS3教你实现 ​前言 loading效果在实际开发中是很常见的,尤其是在Ajax请求的时候,可以给用户一个很好的交互体验。 今天这篇文章我们一起来看看如何通过CSS3实现各种不同的loadin…

如何使用Hibernate从Play生成DDL脚本! 框架项目

好的,因此您一直在使用hibernate属性名称“ hibernate.hbm2ddl.auto ” value “ 更新 ”来不断更新数据库架构, 但是现在您需要一个完整的DDL脚本吗? 从您的Global Class onStart中使用此方法来导出DDL脚本。 只需为其提供实体的包名称&…

C# 设计模式,工厂方法

C#工厂方法 1 using System;2 using System.Collections.Generic;3 using System.Linq;4 using System.Text;5 using System.Threading.Tasks;6 7 namespace 工厂方法 {8 class Program {9 static void Main(string[] args) { 10 IFacotry i new Fact…

css3帮你轻松实现圆角效果,不一样的前端页面。

在Web前端页面实现圆角效果,CSS3帮你轻松实现,一个人人皆知的属性 圆角边框的绘制是Web页面和Web应用程序中经常用来美化页面效果的手法之一。今天,小编为大家介绍CSS3提供的可以将矩形变为圆角矩形的一个属性 技术等级:中级 | 适…

使用Vysper,TomEE和PrimeFaces将XMPP服务器嵌入JSF Web应用程序内部

我有一个需要在完成某些工作时通知用户的应用程序。 它使用JSF和Primefaces,因此可以使用大气 (也称为Push)来实现这种通知。 但是另一个有趣的方法是使用嵌入在Java Web应用程序中的XMPP服务器。 好的,好的,您不必嵌…

appium和selenium不同与相同之处

原文来自: https://www.cnblogs.com/zhengshuheng/p/6370398.html selenium是web端的自动化,appium是app端的自动化,它继承了webdriver(也就是selenium 2) 转载于:https://www.cnblogs.com/lv-lxz/p/11118862.html

使用 Visual Studio 编译 wget 为库文件

添加代码与预编译指令与上一篇使用 Visual Studio 编译 wget 为可执行文件一致,区别在于这回建的是静态库工程(编译为动态库过程类似:)) 从wget的main函数开始读下来,发现问题不少,程序可能基于效率或者编码方便的因素…

webpack中实现按需加载

当页面中一个文件过大并且还不一定用到的时候,我们希望在使用到的时候才开始加载这个文件俗称按需加载。这样可以减少页面的响应时间,提高访问速度。 使用webpack打包的出来的文件要实现以上的要求有两种方式,一个是webpack特有的require.en…

【总结】计算机网络常见问题

1、TCP/IP协议与OSI协议 相互通信的两个计算机系统必须高度协调工作才行,而这种“协调”是相当复杂的。 “分层”可将庞大而复杂的问题,转化为若干较小的局部问题,而这些较小的局部问题就比较易于研究和处理。 计算机网络采用了分层的体系结构…

webpack3的CommonsChunkPlugin插件详解

webpack打出来的包在不做处理的情况下是非常大的,所有依赖都被塞进一个文件中,文件中有业务代码,有业务代码依赖的第三方库代码,还有webpack生成的运行时代码等。这样的一个文件不方便静态资源缓存,并且初始化页面的时…

详细介绍jQuery.outerWidth() 函数具体用法

outerWidth()函数用于设置或返回当前匹配元素的外宽度。外宽度默认包括元素的内边距(padding)、边框(border),但不包括外边距(margin)部分的宽度。你也可以指定参数为true,以包括外边距(margin)部分的宽度。如下图: 如果你要获取其它情况的宽…

SQLite 入门教程(一)基本控制台(终端)命令

一、基本简介 SQLite 是一个自持的(self-contained)、无服务器的、零配置的、事务型的关系型数据库引擎。因为他很小,所以也可以作为嵌入式数据库内建在你的应用程序中。SQLite 被应用在 Solaris 10操作系统、Mac OS 操作系统、iPhone 和 Sky…

Web前端开发css基础样式总结

颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-255之间 一般都用16进制表示颜色 单位 1. px像素(Pixel)。像素,与分辨率…

nth-child(n)和nth-of-type(n)

:nth-child(n)&#xff1a;父元素的子元素的第n个 :nth-of-type(n)&#xff1a;父元素的 某类 子元素的第n个 注&#xff1a;n从0起&#xff0c;元素index从1起 nth-child(n)和nth-of-type(n)例&#xff1a; <head><style>body :nth-child(2) {height: 30px;ba…

记录您的里程和社区运行情况:Java EE 7真实体验

miles2run.org是跟踪跑步活动并与亲朋好友共享的简便方法。 可以创建然后跟踪基于天或基于距离的目标。 它还允许创建社区运行目标&#xff0c;并使多个跑步者参与并跟踪他们朝着该目标的活动。 您也可以找出本地跑步者并与他们联系。 该项目已开始&#xff0c;以帮助跟踪#Jav…

oracle在group by时某列有多个值的拼接

最近编码过程中出现了group by后&#xff0c;某些列会有多个值&#xff0c;而我需要把这些多个值的列进行拼接的情况&#xff0c;和大家分享一下。 有如下表student&#xff1a; 我们希望以class分组&#xff0c;每组的信息平铺&#xff0c;效果如下 分组首先想到的肯定是group…

在Spring中使用Asciidoctor:使用Spring MVC渲染Asciidoc文档

Asciidoc是一种基于文本的文档格式&#xff0c;因此如果要将文档提交到版本控制系统中并跟踪不同版本之间的更改&#xff0c;它非常有用。 这使Asciidoc成为编写书籍&#xff0c;技术文档&#xff0c;常见问题解答或用户手册的理想工具。 创建Asciidoc文档后&#xff0c;很可能…

http强缓存在firefox和chrome之间的差异

最近回顾HTTP缓存知识的时候发现了一个问题&#xff0c;设置了强缓存和协商缓存的文件&#xff0c;点击浏览器的刷新按钮的时候在chrome和firefox中的表现不一样。具体表现为chrome走强缓存没有再次发起请求。firefox却在强缓存没有失效的情况下发了请求&#xff0c;返回了304走…

垃圾收集器–串行,并行,CMS,G1(以及Java 8中的新增功能)

4个Java垃圾收集器–错误的选择如何严重影响性能 在2014年&#xff0c;对于大多数开发人员来说&#xff0c;还有两件事仍然是个谜&#xff1a;垃圾收集和了解异性。 由于我对后者知之甚少&#xff0c;所以我认为我会对前者大吃一惊&#xff0c;特别是因为在该领域中&#xff0c…

基于webpack的react脚手架

一、前言&#xff1a;react的cli开发模式太过于简单&#xff0c;好多东西都要自己配置 二、这里有个简单的配置&#xff0c;可以直接上手开发(不熟悉webpack和npm的绕路)&#xff0c;已经完成的配置如下 1&#xff1a;默认ejs模板 2&#xff1a;编译less、scss 3&#xff1…