真正从零开始学应用开发,现在订阅即刻在线学习。 立即订阅

博客

Ravent 应用开发实战(服务端)

这是宁皓网的一个应用开发实战课程的配套项目,项目基于 xb2-node 这个项目创建。这个 xb2-node 是我们在一个应用开发课程里一起开发的项目,在这个项目的基础上我们会根据实际需求再去做一些改进。

本地开发

1:把克隆到本地

git clone https://github.com/ninghao/ravent-node

LandRover 页面设计实战

这是宁皓网在页面设计实战课程里做的一个项目,课程的目的是熟悉网页设计,项目里用了一些社区提供的资源,比如 Semantic UI 样式框架,Material Design 小图标,Slick Carousel 幻灯片 ... 项目主要的样式是我们自己一步一步写好的,写样式的时候用了 Sass ,这个实战课程里包含了大量的页面设计技巧,完整的展示了页面设计流程。

之前的开发流程比较复杂,很多同学反应配置开发环境的时候出了很多问题。我们重新修改了开发流程,让整个项目只有一个依赖(Sass),极大简化了开发流程,大家可以专注于页面设计本身。

演示地址https://demo.ninghao.net/landrover-ui
课程地址https://ninghao.net/package/website

网页设计怎么做?网页设计终极指南,从设计到代码!(HTML + CSS)


(极速演示)详细内容参考:https://ninghao.net/course/8552

今天跟大家聊一下网页设计怎么做。网站仍然是用户最容易接触到你的产品与服务的平台,只需要一个地址,不用下载与安装,就能立即使用你提供的产品与服务。用前端框架开发出来的应用极大改善了网站的使用体验,很多事情你可能也只想在网站上完成,比如我最近经常用的一个叫  Quip 的写作工具,它提供了不同平台的应用,但我只想使用 Quip 的网站。

你打算做一个网站,开发一个前端应用,你可以先把应用的界面做出来。你的应用要在浏览器上运行,界面的样子主要是由 HTML 与 CSS 组成,处理界面的行为会用到 JavaScript。一开始,我们可以不考虑界面上的行为,只专注应用界面的样子,你可以先用设计工具画出界面的样子,然后用 HTML 与 CSS 把界面表达出来。

Adobe XD 应用原型演示

Sketch 可以扔了,Grid 可以用了,“卡夫卡” 好吃吗?

最近发现几样好东西,忍不住跟大家分享一下,顺便也寻了些视频,足够让同学们可以起动使用这些东西。我发现了一个很好的用户界面原型与设计工具:Adobe XD,CSS 的网格(Grid)布局,还有一个叫卡夫卡(Kafka) 的东西。(这个标题是不是有点标题党的嫌疑 :)

用户体验设计(Adobe XD)

在动手编写应用代码之前,你可以选择一款设计与原型工具,把网站或者应用的样子还有状态先做出来看看。Adobe XD 就是这样一款用户界面与用户体验的设计与原型工具。它跟 macOS 上用的 Sketch 应用是同一类的东西。不过我觉得有了 XD ,我的 Sketch 应该可以搁起来了。

在双方都不加装插件的情况下,XD 的使用体验要胜过 Sketch。它让我重新觉得做设计与原型是件挺快乐的事儿,虽然 XD 能做的,在 Sketch 上安装一些插件之后也大概可以做到,但是使用体验还是不能相比。

自由行,准备出发!

参加小白兔的开发之路自由行的同学们,现在你可以自己在本地架设一个学习网站,启动本次的开发之旅:)

网站预览https://xb2.ninghao.net

设计这条学习路线用了我 650 小时,终于完成录制了 :)

终于完成了史上最完整的应用开发学习路线的录制工作,目前已耗时 650+ 小时,无数杯咖啡,整理的文字资料有 40+ 万字符,490+ 个视频,内容覆盖开发工具、语言,框架与思路,这是一条真正的可以从零开始跟着走的应用开发学习路线。现在只是完成了录制,还得做后期制作,1 分钟的视频大概需要用 6 分钟的后期制作与编辑的时间。

我们在这条学习路线里,会基于 Node.js 架构开发一个服务端应用。一切以实际需求出发,需要什么就学什么。我们会学习几种开发语言,比如  JavaScript,TypeScript 还有  SQL(数据查询),还要学习在任何应用开发工作流程里都会用到的工具,比如命令行,版本控制(Git),Github...

最终我们会在阿里云购买一台云服务器,练习使用 Linux 类型的操作系统,充分理解以后,我们再去搭建一个应用的生产环境,比如安装配置各种需要的服务,配置反向代理,申请 SSL 证书等等。然后再把应用迁移到这个生产环境上运行。

在这条应用开发学习路线里,我把每个关键的概念,语法,思路都做了解释。也就是你不仅可以跟着操作,也能清楚的知道自己正在做什么,为什么要这么做。

Deno:在 macOS 与 Windows 系统上安装与配置 Deno

Deno 是一种 JavaScript 运行环境,可以基于它开发服务器应用。JavaScript 语言可以在浏览器里运行,还可以在 Node.js 提供的环境里运行,现在我们又多了一个选择,就是在 Deno 环境里运行。在本地电脑上安装 Deno,可以使用系统的包管理工具,比如 macOS 的 Homebrew,Windows 系统的 Chocolatey。不过使用这些包管理工具安装的 Deno 的版本可能会比较低,所以我推荐用 Deno 提供的安装脚本。

《小白兔的开发之路》应用概念图

最近没怎么发文,因为一直在忙活《小白兔的开发之路》,为大家设计一条最舒适,合理,有效的应用开发学习路线,如果你想成为一名开发者。允许我不谦虚一次,我认为这条路线强过目前你见过的任何同类型的应用开发课程。

在《小白兔的开发之路》里,我给大家选择的是以服务端(后端)应用为切入点,我们会一块儿开发一个完整的服务端应用,而且真正可以做到从零开始。我努力解释任何可能会遇到的疑问,我认为 99% 的内容你都应该可以理解与掌握,如果你还是觉得不够,我们也推出了一个自由行活动,我会给你提供任何可能的帮助,帮你顺利完成这次开发之旅。

这次内容相当多,真是把我累惨了,不过已经看到了希望,再过几天应该就能完成录制了 ~  虽然我们要开发的是个服务器应用,不过你还是要先知道这个应用的界面可能长成什么样,前两天我用 Sketch 画了一个应用的概念图,大家可以参考一下。

JavaScript:Callback,Promise,async,await

用 JavaScript 语言写的应用里会有一些异步(Asynchronous)的动作,就是执行这些动作的时候不能马上得到结果,这个动作需要点时间。处理应用里的这些异步的行为有几种方法,比如可以使用回调函数(Callback),可以使用 Promise,也可以用 async 函数。

Callback

定义一个函数的时候可以让这个函数支持使用一个函数参数,这个函数参数就是 Callback,也就是回调。使用这个函数的时候可以给它提供一个函数参数,也可以说给它一个 “回调”。

示例:



微信好友

用微信扫描二维码,
加我好友。



微信公众号

用微信扫描二维码,
订阅宁皓网公众号。



240746680

用 QQ 扫描二维码,
加入宁皓网 QQ 群。

统计

12489
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点