zoukankan      html  css  js  c++  java
  • Web前端要掌握的技术

    要掌握的技术有:

    1.编辑软件(DreamweaverSublime TextHBuilder...掌握一个就好,厉害的用记事本也行。

    2.图像处理软件(photoshop使用:最基本的要会切图等等。不懂的都可以上网自学)

    3.Div+css布局(其实是: html标签+css,要熟练掌握,很重要。)

    4.网页布局形式(了解横向布局和纵向布局,几乎是横向布局居多,纵向偏少。)

    5.要掌握的技术有:jsjquerybootstrapangularreact,响应式布局,h5,css3...

    6.学会调试的方法(alert()console.log()...

    7.要了解的开发语言有:java,php...

    8.服务器的知识...

    (我觉得掌握1~4,略带一些jsjquery基本可以找到工作了!)

     

    其实这些都可以通过自学学会,可能不是读计算机的同学,学起来会相对困难一些,因为毕竟这个或多或少都有一些计算机的基础知识的里面,我是读计算机专业出来的,在学校的时候学的是java语言,和前面1,2两点,还有一些计算机的基础知识,由于学java学不好,所以选择了做前端,出来实习之后,基本也是零基础,才开始慢慢从3学起,后来就是4,5...

    我自认不是聪明的人,不过还算比较勤奋和有一股不服气的念头,相信一定可以学会。所以在实习的时候就很认真跟着师傅学。

     

    实习前期:我的师傅一开始就只是叫我做一些图片的美化,修修改改之类的,切切图等,在学校有学过photoshop,所以这个不是很难,总之比较闲。师傅在锻炼我的耐性,所以我也很用心去完成交给我的任务,不管任务的大小。

     

    实习中期:师傅开始给我一些她写的静态页面,让我自己看,我如获珍宝似的开心,很认真地研究,然后她交给我一些简单的布局任务。例如:布局一张奖状,写一个出货单的表格等等之类的(这些都锻炼了我的div+css布局和table的很多知识)。用了两个月,我把师傅给的页面全部看一遍,我有不懂的就查百度,很少去打扰别人,每个单词都查一遍百度,看看是什么作用,为什么这样写,把师傅给的页面拆开又合并,然后好像明白了很开心,接着凭自己的理解模仿写一遍,才知道自己还有很多不会的,不动手写页面是不会知道还有很多要学的,然后再回去看师傅的页面,就这样反复几次,最后才完全弄懂。最后,我觉得很重要的知识点有:div+css(其实是html标签+css)了解,css的盒子模型,行内元素和块级元素,绝对定位和相对定位,负边距使用,float。这时我很自负地认为自己已经很厉害了,div+css的东西我已经全部学会了。

     

    实习后期:大概两个月之后吧,基本掌握了div+css,给我什么页面都可以写出来了。在之前同学建议我了解bootstrap,幸好我没有去学,因为当时自己的div+css的基础不扎实。学bootstrap会很多弄不懂,而现在通过两个月的学习,扎实了div+css的基础,再去学bootstrap就一看就会了。这时候我才明白,所有的这些框架都是在div+css的基础上,进行一些改变的,所以我建议初学者一定要扎实基础,不要太浮躁喔。

    有了扎实的基础,提高就不难了。

    其实这期间,我尝试写了大量的小部件,比如写了几百个table的表格,选项卡,iframe

    文件上传部件的美化,select的美化,图片幻灯片的多种形式,纯css导航栏,自适应页面的实现... 这些锻炼和巩固了我的div+css基础,到现在我觉得这基础还有很多东西要学习的,还有很多知识我连见都还没见到的,我还要不断努力去学习才行。就拿最普通的一个登录页面的例子来说吧,要求:中间内容是水平居中和垂直居中的,以前我觉得不用js无法实现,后来和朋友交流才发现用绝对定位和负边距就可以实现,而且用纯css能实现的有很多种方法吧,具体可以百度一下。所以说学海无涯啊,同时也要多点跟同行交流才能一起进步,不要闭门造车喔,不然你就out了。

    再后来,又学习了jsjquerybootstraph5, css3, ajax, json, 其实感觉前端入门比较容易吧,但后面要学的东西也是越来越多的,还有angularreactjavaphp要学。

     

    自认为一些写页面的良好习惯:

    1.初学者一定要给div加固定的宽和高。(要不你会有很多麻烦喔!我亲身经历。)

    2.在搭建页面的布局时候,所有的div,都加边框(border:1px solid red;),这样有利于调整,到最后全部删除就好。(相当于是在建房子的时候搭的框架一样,建好时候再拆开)

    3.还有很多调试技巧。学会调试页面:alert(11);  console.log(11);打断点...

     

    最后,世上无难事,只怕有心人。多看,多做,多问,一起加油吧!

  • 相关阅读:
    kvm virtio
    GPU 线程块/线程束
    ubuntu source
    React
    分布式系统
    honpeyhonepy
    css是干什么的
    bootstrap中的横的列
    数据安全之 alert logic
    viewset的使用的方法
  • 原文地址:https://www.cnblogs.com/banana618859/p/6429570.html
Copyright © 2011-2022 走看看