path

by ninghao

ninghao /path

宁皓网课程的学习路径

134 Stars 23 Forks Last release: Not found 77 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

目录

工具

语言

服务

应用

实例

附录

课程列表

网站

一个完整的网站案例。每周一更新。 * 网站 1:工作流 * 网站 2:线框图 * 网站 3:导航设计 * 网站 4:导航栏 * 网站 5:移动导航

Sketch

界面设计工具。 * Sketch:设计工具 * Sketch:插件 * Sketch:技能

命令行

我保证在你的工作中一定会用到命令行,尽早熟悉在命令行界面下工作会非常的有帮助。macOS 用户打开 Terminal(终端),Windows 用户打开 Powershell,练习一些常用的命令。 * 命令行

编辑器

准备一款现代的代码编辑器,开始不要浪费太多时间在选择上,用你最熟悉的就行。如果还没谱用哪个,可以跟我一样使用 Atom 编辑器。如果我发现更好的,绝对不会自己偷着用。 * Atom:代码编辑器 * Emmet:HTML 与 CSS 缩写

版本控制

项目的代码要用版本控制工具来管理,这是一定要做的事情,这样你才有机会进步,去跟别人合作。Git 是版本控制工具的一种。macOS 安装 Git 以后可以使用终端来操作,Windows 安装 Git 以后可以使用 Git Bash。 * Git:版本控制

虚拟机

你打算学一下 Linux,模拟一下服务器环境,搭建一个运行网站的环境,可以在本地创建一些 Linux 系统的虚拟机。用 Vagrant 管理虚拟机简单方便。 * Vagrant:虚拟机管理


前端工具

前端项目相关的工具,需要的时候可以过来学一下。 * 前端库 * 前端工具箱 * Bower 前端包管理 * Grunt 自动化任务 * Gulp 自动化任务 * Browsersync 浏览器同步 * npm:JavaScript 包管理 * Babel:JavaScript 编译工具 * webpack:模块打包

HTML

网页上的文字,标题,列表,表格,表单... 这些元素都是用 HTML 标记组成的。 * HTML:标记语言

CSS

网页上的文字,标题,列表,表格,表单的显示样式,比如颜色,大小,阴影,背景... 都是用 CSS 添加的。 * CSS:样式语言 * CSS:选择器 * CSS:Flexbox 布局 * CSS:过渡 * CSS:变换 * 响应式网页设计 * Sass 基础

JavaScript

网页上元素的交互功能是用 JavaScript 语言创建的。比如点击了什么,要做什么。提交了表单以后要怎么样处理表单里的数据。 * JavaScript 基础 * jQuery 基础 * ECMAScript 新功能 * HTML5:Web 存储 * HTML5:应用缓存 * HTML5:文件 API * HTML5:Web SQL * HTML5:文件系统 * Backbone 基础 * Underscore 基础 * Backbone 应用实例

Semantic UI

CSS 与 JavaScript 框架,可以基于它创建应用的用户界面。 * Semantic UI 元素 * Semantic UI 集合 * Semantic UI 视图 * Semantic UI 网格 * Semantic UI 模块 * Semantic UI 应用接口

Bootstrap

CSS 与 JavaScript 框架,可以基于它创建应用的用户界面。 * Bootstrap 3 基础 * Bootstrap 4 新功能

React

Facebook 出品的前端应用框架,可以基于它创建前端应用。 * React 基础 * React 路由

React Native

用 React 的方式创建移动端的本地应用,比如 iOS 或 Android 应用。 * React 本地应用 #1 * React 本地应用 #2 导航 * React 本地应用 #3 文本框 * React 本地应用 #4 存储 * React 本地应用 #5 滚动分页 * React 本地应用 #6:oAuth * React Native 组件 * WordPress 与 React Native * Drupal 8 与 React Native

Vue.js

一个与 React 齐名的前端框架。 * Vue.js:预览 * Vue.js 前端框架 * Vue.js: 组件


正则表达式


Linux

Linux 是最常用的服务器操作系统,有很多发行版本,比如 CentOS,Ubuntu 等等。 * Linux 文件与目录权限 * yum:CentOS 包管理工具 * systemctl:Linux 服务管理 * iptables 防火墙 * Syncthing 文件同步

Web 服务器

自动化配置

Docker

网站从本地到生产之间的业务流程,使用 Docker 会更简单。只有尝试之后才知道它到底是什么。 * Docker:镜像与容器 * Docker:存储 * Docker:网络 * Docker:组合 * Docker 容器化应用 * Docker:集群

阿里云

支持应用运行的服务,可以使用阿里云提供的各种服务。不贵,稳定,可扩展。 * 阿里云 ECS:Linux 服务器 * 阿里云 RDS:关系数据库 * 阿里云 SLB:负载均衡 * 阿里云邮件推送 * 阿里云 VPC:专有网络 * 阿里云 ROS:资源编排 * 阿里云:域名


PHP

一种后端应用的脚本语言,Drupal,WordPress,Laravel 都是基于这种语言编写的。 * PHP 基础 * PHP 面向对象

MySQL

一种关系类型的数据库管理系统,应用产生的数据可以放在这种数据库里来管理。了解下 SQL 语言的基本用法。 * MySQL 基础

Drupal

内容管理系统,你可以基于它创建自己的应用。企业,政府,大学,娱乐界的很多大牌都相信 Drupal。

版本: 7.x

版本: 8.x

WordPress

蓝色星球上用的最多的内容管理系统,你也可以基于它创建自己的网站应用。 * WordPress 基础 * WordPress 日常维护 * WordPress 电子商务网站 * WordPress 插件 * Wordpress 一分钟 * WordPress 主题开发 * WordPress 自定义内容类型 * WordPress 内容关系 * WordPress 开发:钩子 * WordPress 开发:设置 * WordPress 开发:计划任务 * WordPress 开发:脚本与样式 * WordPress 开发:短代码 * WordPress 开发:小工具 * WordPress REST 接口

Laravel

这个框架改变了很多人对 PHP 这种语言的看法。

版本:4.x

版本:5.x

Ruby

Rails

Ruby on Rails。

版本 5.x

Node.js

在服务端运行的 JavaScript。 * Node.js * Node.js:测试 * Express

Swift

创建 iOS,macOS 应用需要用的语言。 * Swift 语言

网站实例

网站实例课程。 * 网站实例:设计


其它

不知道把它们放到哪里合适。 * HTML5 与 Bootstrap 应用实例 * MixItUp:动画过滤与排序 * Plyr 播放器 * 使用 Ansible * 游乐场 * oAuth 2.0 身份验证流程 * MongoDB * 宁皓网

废弃

这些课程可以存档了,无聊的时候可以看看当初的傻样。 * Joomla 1.5 基础 * Joomla 1.5 发布网站 * Joomla 模板架构:T3 * Joomla 2.5 模板开发 * Joomla 2.5 权限控制 * Joomla 模板架构:Gantry * Joomla 模板架构:T3 * Drupal 6 基础(上) * Drupal 6 基础(下) * Opencart 基础 * CSS 基础 * 使用网格系统布局 * Bootstrap 2 基础 * 搜索引擎优化 * JW Player 播放器 * Flowplayer 播放器 * CentOS : 在阿里云上运行网站 * AngularJS 基础 * PhoneGap 基础 * Photoshop CS5 网页设计

附录

宁皓网

前端

后端

服务

Atom 插件列表

Chrome 插件列表

macOS 应用列表

视频录制

软件

硬件

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.