怎样才能快速步入前端开发行列,这里给你支妙招!

jk 1年前 ⋅ 1731 阅读

源于:今日头条(查看原文)

怎样才能快速步入前端开发行列,这里给你支妙招!

经常看到有人会在各种论坛上问到,“想成为一个开发人员,有什么妙招吗?”这个问题一直困扰着大家,经常也有一些书籍,海报,网站之类的资料上面会提到一些方法,但大多并没有什么实际意义,我来给大家分享一些心得。

什么是Web开发人员?

我们先来了解一下“后端”、“前端”“中间件”等概念,Web开发人员也就是程序员,主要开发软件和一些网络产品,包括:

博客

网站

web应用程序

用户界面编程

编程和服务器

这只是一个比较大的类别,对此相信每个人都有自己的理解,对于初学者,我就缩小一下范畴,先提供一个循序渐进的学习过程:

Html——互联网标记语言。没有它,就没有网站,主要用于区分图片文本,标题粗体等

css——互联网样式。没有它,一切都是无稽之谈,CSS用来定义站点,决定一个链接是蓝色或黑色,菜单放在顶部还是底部

javascript——互联网编程语言。此语言允许在不刷新网站的情况下提交表单,图片会出现在facebook上等等。

PHP——门槛低但却很强大的语言,能与服务器进行交互。可用于检查用户是否登录,与数据库通信,更好的管理网站。

MySQL——与PHP常见搭配的公用数据库。用于存储密码,用户名,博客发布文章等其他设置

我不会直接给你一个教程让你自己去学习,我要让你首先明白学什么,去哪里学。通常,web开发人员的工作跟前端(html / css / js)和后端(php / mysql)以及设计密切相关,但有些工作可能需要你兼顾两者。

HTML

怎样才能快速步入前端开发行列,这里给你支妙招!

HTML是“超文本标记语言”,基本上定义了网站的元素。如果你右键单击一个页面,选择“查看源代码”或类似的选项,你会看到一堆文本和很多:< >符号,这就是HTML,也可能是一些javascript和css混合在一起,但大多都HTML语言。

这肯定是你首先应该学习的,这是做前端开发的基础,没有HTML,CSS,开发就没有意义,也就没有进一步的学习了,Javascript更没有上下文,php和mysql就更不用谈了 (除非你是纯后台编程,但即使这样,你也应该了解基本的HTML)。

*去哪里学?

Mozilla的“学习HTML”——相当新的资源,Mozilla(Firefox之后的公司)为你提供了大量的教程,使用这个资源能获取许多细节。

Good Tutorials——我最喜欢的教程,教程的内容一直都在不断更新,可以试试,我建议每天做一些,真正深入学习HTML。

Tuts+ Premium Course —— NetTuts +创建了一个免费学习HTML和CSS的优质课程,尝试一下你肯定会有意想不到的收获。

CodeAcademy——我自己没有试过他们的html / css课程,但是其他课程都是一流的,相信html / css肯定也不赖。

学习时间:花一两个星期的时间就够了,一些基本知识必须知道,HTML其实很简单,主要记住几个常用的标签,否则你得经常谷歌搜索了!

CSS

怎样才能快速步入前端开发行列,这里给你支妙招!

HTML只有和CSS联系在一起才能彰显它的伟大之处,才能让一个网站看起来像那么回事。CSS是“层叠样式表”,他们基本上决定网站的样子。id’s和html的类 ,主要用来识别特定元素的风格。CSS很容易学习,任一个行业知道一些技巧,都可以设计出相当时髦的网站。几年后,你也能学会制作动画(因为这样或那样的原因)。但首先你得学习CSS:

Good-Tutorials——多次被证明这是很不错的教程,相当了不起的资源http://www.good-tutorials.com/tutorials/css/basics

CSS basics——具有权威性的属性教程

http://www.cssbasics.com

20 Sites that help——里面有20多个教学类网站的列表

http://sixrevisions.com/css/20_websites_learn_master_css

别忘了在前面提到的Tuts+ Premium

学习时间:花2周时间学习CSS就可以了

HTML / CSS结合学习

在了解PHP和MySQL之前,我们把html / css结合在一起学习,当然这只是我个人意见,如果你有自己的网站,建立一个“实验室”子目录,这是一个衡量进展的好方法。

以下代码片段会为你提供方便,通过Github保持同步,保留本地原件或文件复件,用的时候会很方便,同时也能为你的项目提供思路。

•按照以上提示创建一个布局示例,这是大多数网站的基本布局

•再顺着写一组3级水平的代码

•编写一个登录页面

•创建一个漂亮的格式

•建立一个模拟网站/博客页面

学习时间:学习CSS的同时,也复习一下基本的HTML内容,花一个星期左右的时间做一些简单的项目实践。

服务器

PHP

怎样才能快速步入前端开发行列,这里给你支妙招!

PHP是一种伟大的“服务器端”语言。它计算的东西,呈现出来的是html,举一个基本的例子,你可以使用PHP来告诉你的网站“一天”是什么,运行到html是这样的:怎样才能快速步入前端开发行列,这里给你支妙招!

PHP非常好用,简单易学,可用于设计博客和应用程序,运行数据库,检索信息,需要在服务器端运行。

介绍两个权威性语言资料:

PHP 101: PHP For the Absolute Beginner ——我最喜欢的资源

(https://devzone.zend.com/6/php-101-php-for-the-absolute-beginner/)

Good Tutorials (again)

(http://www.good-tutorials.com/tutorials/php)

学习时间:建议两周。

MYSOL

怎样才能快速步入前端开发行列,这里给你支妙招!

MySQL是非常受欢迎的特定数据库类型,可以在WordPress和许多网站运行。SQL是一种语言,主要讲MySQL做什么,比如把所有数据命名为“ant”,计算自去年以来有多少帖子发布等等。

MySQL很容易掌握,它和PHP捆绑在服务器或其他地方,紧密集成。很多MySQL的东西会涵盖在PHP教程里面,需要一步步学习。

学习时间:一个星期学会SQL和数据库交互,分页这部分本身有难度。

结合学习

PHP和MySQL的关系就像面包和黄油,黄油有时可以被果冻(比如PgSQL)和花生酱(其他类型的数据库)代替…但无论如何,都是食物。以下几个项目,可以试一下,先投入到小的php / mysql的知识深入学习,慢慢你就会发现其中的乐趣。

•制作一个博客(PHP教程有提示)

•创建一个电子邮件的脚本

•创建有用的PHP函数

•创建一个引用(如写语录,提交到数据库,并随机检索…)

另外一门语言

这是最后一门语言,我来解释这样安排的原因

Javascript

怎样才能快速步入前端开发行列,这里给你支妙招!

Javascript是客户端编程语言,操纵HTML,CSS,可以做很多炫酷的页面,通过AJAX获取页面和服务器端信息,重新组织所有页面等等。我把Javascript留到了最后,是因为它真正的力量,AJAX,需要服务器端编程,下面是提供给大家学习的地方:

•Code Academy

(https://www.codecademy.com/#!/exercises/0)

•前面提到的网站如tutsplus and goodtutorials.

学习时间:这个需要一段时间去学习,大概30左右的时间就能够掌握,知道如何制作AJAX请求,就学起来多了。

Design

这一步就不那么简单了,设计是web开发最最关键的部分,没有设计,开发就只剩可怜的外观网站了,可怕的UI,互联网的头痛啊,说不出哪儿设计的好,但重要的是,网站看起来要美观实用。这并不意味着要你花很多时间用photoshop作图,或者为网站背景创建数字绘画等,但在开发网站的用户界面时,要注意灵活性,让用户实际运用起来感觉舒服,人性化。

注意专业性,假如你要给一场高薪演奏会做设计,因为这是网页设计师的工作,而不是web开发人员。然而,如果你在一家小创业公司工作,你的工作可能并不仅仅是做web开发那么简单了,或许还要接触网页设计方面的东西,老板问起你得知道如何设计。当然把两个不同职业放在一起确实是个糟糕的假设,但这种情况的确很常见。

其他资源

how to learn another programming language ——速成班建议

(http://iyfnzgb.com/?pid=9PO1H9V71&dn=davepcguy.com)

Sublime Text 2 / Notepad++ / Bluefish Editor ——学习其中的编辑器

Lynda – paid tutorials付费教程,但值得一看

TutsPlus

Team TreeHouse(https://teamtreehouse.com)

最后三个都属于付费教程网站(TutsPlus里面有一个免费的版本),但很值得大家去学,我个人喜欢使用Lynda.com来学习,这个网站有很多伟大的PHP / MySQL视频教程

更多推荐:

博客平台,如WordPress网站,https://wordpress.org

javascript库如jQuery等,http://jquery.com

CSS库,如bootstrap等,http://getbootstrap.com/2.3.2/

需要注意的是,上面提到的语言需要多年才能真正掌握和学习,这里只是为你指明一个方向,不断坚持学习,你就会有很大的进步。

智能社 撰稿,交流扣群:533319658


全部评论: 0

    我有话说: