零基础入门web开发(0) ——— 入门浅谈

零基础入门web开发(0) ——— 入门浅谈

前言

欢迎你来到web开发世界的大门前,挑战者。你接下来将要看到的这一系列文字,将会慢慢为你揭开IT开发的冰山一角。
但在正式的教程开始前,希望你能耐心阅读一下下面这些有些冗长的“废话”

这篇教程要讲些什么?

有关web开发的方方面面,包括但不局限于以下的技能点:

html,css,js,php,mysql,linux,nginx,框架,MVC包管理,安全,git,HTTP....

如果这些名词你都没听说过也没关系,我将使用30天左右的时间带你学会上面的技能,成为一名见习web工程师(没错只要1个月,激不激动,刺不刺激)

为什么要出这篇教程?

首先来谈谈作者我的背景吧,本人是一名普通的大二(三)计科狗,勉强算是掌握了一些web开发的基本技能(主要做后端开发),参与过一点小小的项目开发。之所以写这篇教程,是因为作者在大一的时候,作为一个对计算机充满兴趣的宅男,一心想学点技术(拿来装装逼),但是却一直无从下手,网上的学习资源虽然多,但是也十分零碎,不成体系,于是东学西学,走了很多弯路。

(下面这段话写给NEUQ-ACM俱乐部的孩子们,看不懂的可以跳过)
现在处于俱乐部的交接时期,我身为副会长很遗憾的看到新一届的孩子们当中没有一位能够担任起维护俱乐部技术支持的存在,于此同时我也看到了和当年的我一样,希望学习技术但却感到彷徨的少年少女们,因此我萌生了这个想法,那就是,把自己走向开发正路的过程浓缩出来,为你们在开发这片广袤无垠的海洋上安放一只小船,让你们有能力去了解这片崭新而又充满活力的新天地。

总而言之,我最大的一个目的就是希望大家:

  • 少走弯路!
  • 少走弯路!
  • 少走弯路!

(重要的事情说三遍)

这套教程要求你:

  • 拥有一门编程语言的基础,理解编程的基本思想(没错文章标题里的零基础都是骗你的!不过你只要上过C/C++的基础课就够用)
  • 对IT开发感兴趣,想要学习一门专业技能
  • 有一定的自学能力和探索精神
  • 学会提问和善用搜索引擎(这一点很重要)

应该以什么样的姿势去学习?

  1. 自顶向下的学习路径

    通俗的说,就是不要急于掌握原理和底层的东西,而是先去了解这东西怎么用,再去了解它的工作原理。

    曾经我大一的时候一心想学做开发,但是因为不明白怎么学,所以最终演变成了对各种语言基本语法和协议内容的死记硬背,一年过去了,东学西学折腾了不少,看样子啥都懂一点了,然而连一个像样的东西都写不出来,还严重打击了自己的自信心。

    后来才明白从一开始就不应该先试图去学会那些所谓的语法和理念,而应该在上手会用后直接实践,在实践中遇到问题再着手去深入了解,这样理解更透彻,而且节约了时间。

    这个就是自顶向下的学习方式,我觉得当今web世界存在那么多的分支,想要一一理清是不可能的,所以这种方式是最为合理和高效的。

  2. 二叉树式的自我扩展

    二叉树只有一个根,但是随着层次的扩展叶子节点将会越来越多,这就像是我们的学习,一开始的时候你会一项技能(比如html),但是你可以以它为根节点去不断的扩展,这样你就能学到越来越多的知识(js,css,php....),不知不觉中你就成长为一个大牛了(笑)。因此有两点需要注意,一是打好基础,根节点要稳固,而是要勇于扩展,学习更多的新知识,创建更多的叶节点。

有关学习方式这一点,在这里强推一个在线学习的网站FreeCodeCamp,作为github上star数第一的开源项目,FCC提供了一种全新的挑战式学习方式,我个人非常赞同FCC的学习理念,可以参考下面的这个知乎回答:
使用 FreeCodeCamp 编程 是一番怎样的体验?

感兴趣的话,不妨注册一个github账号然后使用FreeCodeCamp进行学习吧!

啥是web开发?

通俗的来讲(根据我的理解),web开发就是在制作一个利用浏览器跟用户交互的网络应用程序,它主要涉及到以下两个方面:

  • 前端:指的是用户所能看到的界面,就是你在浏览器里看到的花花绿绿的网页,以及这个界面怎么跟你交互。
  • 后端:指的是应用后台工作的逻辑(这个概念需要讲到后面才比较好理解)

我喜欢用一个简单的比喻来了解web开发中前后端的关系:一个web应用就好像是一块手表,前端就是表面(包括刻度,指针等等..),后端就是隐藏在内部的机械部件,是它维持着手表的正常运作。

为什么是web开发?

开发的世界里存在许许多多的分支(前端,后端,安卓,ios...),为什么这篇教程偏偏选中了web开发这个扎堆的领域呢?

  • 作者本人只学习过web开发(说白了就是别的我也教不了)
  • web开发的入门门槛相对较低(只是入门门槛,任何一个领域走到深处都不容易)
  • web领域相对来说是大家较为熟悉的领域,因此比较容易接受

我不想学web开发!

其实这篇教程的主要目的并不是让大家去学会web开发这一项技能,我更希望的是让大家学会如何入门开发,如何以现代而又正确的姿势去学习一项技能,培养大家的工程思想项目意识,因此如果你现在还是一个只会写hello world而不知编程有何用处的同学,又想要入门开发的世界,那我觉得这套教程也值得你阅读。

教程结构与目录

入门篇

  • 了解html是什么,以及网页运作的原理
  • 学习使用现代化的开发工具!——换一个好看又好用的文本编辑器吧
  • 前端认知:使用css和js为网页增添色彩
  • 后端认知:使用表单和服务端交互吧!——认识HTTP和PHP以及会话
  • 编程认知:面向对象和函数式编程
  • linux入门,告别windows
  • 数据库认知:mysql入门
  • web应用认知:搭建wordpress

工程篇

  • 学习使用库:使用bootstrap快速写出好看的页面
  • 学习代码管理:使用git实现代码同步,注册自己的github库,尝试使用多分支进行协作开发
  • 学习包管理:使用composer,以现代的方式构建应用并获取扩展吧
  • 集成开发环境入门:给自己换个IDE吧!
  • 学习设计模式:用MVC的架构去编写应用
  • 使用框架吧:从最简单的框架(CodeIgniter)开始,了解如何使用框架开发应用

应用篇

(这一章将会带大家从零构建一个完整的简易博客系统 ,了解一个项目的基本开发流程)

  • 需求分析

  • 原型设计

  • 数据层设计

  • 逻辑架构设计

  • 编写后端代码

  • 编写前端代码

  • 上线部署和调试

  • 高级话题:运维,web安全

进阶篇

  • 前后端分离
  • 前端的学习路径和技术栈
  • 后端的学习路径和技术栈
  • 一些简单的设计模式和架构
  • 如何进一步学习

准备开始吧

由于时间和能力的限制,教程不会十分的详细,以及可能会有大量的扩展阅读,因此你最好明白,这并不是一个傻瓜式的教程,而更多的需要你动脑思考。

本套教程计划在以下三个平台更新:

  • 我的个人博客:marklux.cn
  • 掘金(暂定)
  • 简书
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,319评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,801评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,567评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,156评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,019评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,090评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,500评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,192评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,474评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,566评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,338评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,212评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,572评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,890评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,169评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,478评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,661评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,050评论 25 707
  • 痴迷于前排你的背影,思绪万千般飞到拥有你守护的那个世界,殊不知我们都不懂这初萌的情迷,因为我们十七岁,又怎体会:“...
    伏笔先生阅读 149评论 0 0
  • 遇到一个热心的老乡,我犹豫了好久还是憋住了没有把实情告诉那个老乡。从齐鲁国际大厦出来,乌云密布,暴风雨还在酝酿着要...
    爱吃水果的苗苗苗阅读 290评论 0 0
  • 哈秋!谁骂我? 淑女,要淑女。庾冰幼在大街上走着个模特步。不论男女老少路过她都会看一眼。 众人的焦点。就是我。 庾...
    时浏阅读 234评论 0 0
  • 又回忆2007我的科峰。
    lygly9阅读 99评论 0 0