찾다
웹 프론트엔드HTML 튜토리얼加入创业公司半年后的经验分享_html/css_WEB-ITnose

从2015年7月份加入一个初创型互联网小公司,到现在已经半年时间了。在这半年时间里,有满满的收获和感悟,今天记下来,等再过几年和现在的自己对比看一下。

今天主要写技术方面的,其它的各方面虽然都有或多或少的参与,但我加入的主要目的就是想办法通过技术手段来把产品实现。

虽然只有短短的几个月,但可以大约分为三个阶段:1,初期搭建;2,中期辗转;3,步入正轨

初期搭建

  1. 申请一台阿里云服务器ECS,并配置(Java, Tomcat, Nginx)
  2. 申请一台阿里云数据库RDS
  3. 域名注册(com相对贵一点)
  4. 域名备案
  5. 使用Spring框架初始化我们的第一个web应用
  6. 部署我们的第一个web应用

上面的这些步骤都是一些必备的条件,特别适合前期投资比较少的创业型公司。其中比较耗时间的是域名备案,流程不是很复杂,但是时间比较长。

完成上面的这些步骤后,我们就可以在浏览器中,输入自己申请的域名进行访问了。

中期辗转

从现在开始,真正要关心的事情就要开始了,初期为了吸引用户量,我们选择从微信服务号出发,来完成我们的初期用户积累。

大体步骤:

  1. 申请微信服务号,配置开发者模式
  2. 用Java来实现微信服务号api,开源分享:  https://github.com/lemonbar/wxsdk 
  3. 通过Spring MVC来实现web请求处理,通过Spring JPA来实现数据持久层
  4. 前端页面通过React(ECMAScript 6和SASS)实现
  5. 缓存通过redis进行处理,可以直接安装在阿里云服务器上
  6. 图片处理使用阿里云的OSS对象存储服务

这些步骤列出来简单,但真正做起来,并用它们把产品完美的实现出来就是很高深的一门学问了。

其中确实有捷径可走,那就是看官方文档!!!

拿个简单的css来举个例子,对于一个新手来说,一看到css的各种介绍,各种视频资料,各种属性的使用,估计只是简单的看一下介绍头就大了。更不用说把所有的这些都看完了。

难道真的就没有好的资料可以让你对css快速的了解和使用吗?答案是有,那就是官方文档: https://www.w3.org/community/webed/wiki/Main_Page#CSS

把这个里面的前12篇文章看完,你就对整个css的框架和使用有了很全面的学习。

这里不得不重新强调一下,我们的技术团队(就2个全职程序员)是从0开始学的前端开发技术和框架,在1个月的时间里面,完成了技术的学习和产品页面(多达30个页面)的实现。

最后,我们总结的经验就是看官方文档,因为作为初学者,你遇到的大部分问题(90%以上)都可以在官方文档里面找到解决方案。稍微复杂一点的问题,也只是涉及到官方文档里面的多个技术点而已。

另加一句:作为一个程序员,稍微复杂一点的技术问题就不要百度了,因为千篇一律,而且很多都是很老的帖子,使用到的产品都发布新版本了,你还在用旧的方法来解决问题,效果可想而知。

步入正轨

最后的一步,其实是工作方式的确定,那就是经典的敏捷开发模式。

因为团队人少,沟通起来比较方便,每天早晨来到公司,先捋一下目前的进度,然后按照需求的优先级,安排当天的任务。不明白的地方,当场讨论。

举个简单的例子,现在要做一个新的需求,也可以说一个任务。

可能一般情况下,直接把这个任务分配给一个人去实现就不管了,最后只是象征性的走一下代码review和产品展示就ok了。

但这样会有一个潜在的问题,那就是代码以后维护的成本代价,因为每个人对同一个功能的实现是完全不同的。那怎么解决这种问题呢?

我们目前的解决办法是在分配前,大家一起讨论下代码如何实现,主要包括下面几点:

  1. api的定义,包括url,参数,返回值的结构等
  2. 服务层的接口定义
  3. 数据层的实体定义和数据库的表结构设计

等这些都讨论确定后,随便找个人去实现就可以了。也许存在浪费时间的疑惑,但这个真的不会。

因为这是一个循序渐进的确定代码风格的过程,让大家在讨论问题过程中,把知识的水平线慢慢的靠近,聚拢。

而且讨论过程,也是一个逐渐完善的过程,因为每个人都有自己的想法和逻辑,可以利用讨论来把好的想法都聚集到一起。

随着时间的推移,大家的讨论时间会慢慢变短,可能真的有一天,只需要几分钟就可以了。

赶在春节前,把这些先总结一下,放在这里吧。

写的有点乱,先凑合看吧。

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
텍스트에서 웹 사이트로 : HTML의 힘텍스트에서 웹 사이트로 : HTML의 힘Apr 13, 2025 am 12:07 AM

HTML은 웹 페이지를 작성하는 데 사용되는 언어로, 태그 및 속성을 통해 웹 페이지 구조 및 컨텐츠를 정의합니다. 1) HTML과 같은 태그를 통해 문서 구조를 구성합니다. 2) 브라우저는 HTML을 구문 분석하여 DOM을 빌드하고 웹 페이지를 렌더링합니다. 3) 멀티미디어 기능을 향상시키는 HTML5의 새로운 기능. 4) 일반적인 오류에는 탈수 된 레이블과 인용되지 않은 속성 값이 포함됩니다. 5) 최적화 제안에는 시맨틱 태그 사용 및 파일 크기 감소가 포함됩니다.

HTML, CSS 및 JavaScript 이해 : 초보자 안내서HTML, CSS 및 JavaScript 이해 : 초보자 안내서Apr 12, 2025 am 12:02 AM

WebDevelopmentReliesonHtml, CSS 및 JavaScript : 1) HtmlStructuresContent, 2) CSSSTYLESIT, 및 3) JAVASCRIPTADDSINGINTERACTIVITY, BASISOFMODERNWEBEXPERIENCES를 형성합니다.

HTML의 역할 : 웹 컨텐츠 구조HTML의 역할 : 웹 컨텐츠 구조Apr 11, 2025 am 12:12 AM

HTML의 역할은 태그 및 속성을 통해 웹 페이지의 구조와 내용을 정의하는 것입니다. 1. HTML은 읽기 쉽고 이해하기 쉽게하는 태그를 통해 컨텐츠를 구성합니다. 2. 접근성 및 SEO와 같은 시맨틱 태그 등을 사용하십시오. 3. HTML 코드를 최적화하면 웹 페이지로드 속도 및 사용자 경험이 향상 될 수 있습니다.

HTML 및 코드 : 용어를 자세히 살펴 봅니다HTML 및 코드 : 용어를 자세히 살펴 봅니다Apr 10, 2025 am 09:28 AM

"Code"는 "Code"BroadlyIncludeLugageslikeJavaScriptandPyThonforFunctureS (htMlisAspecificTypeofCodeFocudecturecturingWebContent)

HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구HTML, CSS 및 JavaScript : 웹 개발자를위한 필수 도구Apr 09, 2025 am 12:12 AM

HTML, CSS 및 JavaScript는 웹 개발의 세 가지 기둥입니다. 1. HTML은 웹 페이지 구조를 정의하고 등과 같은 태그를 사용합니다. 2. CSS는 색상, 글꼴 크기 등과 같은 선택기 및 속성을 사용하여 웹 페이지 스타일을 제어합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임HTML, CSS 및 JavaScript의 역할 : 핵심 책임Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML은 초보자를 위해 쉽게 배우나요?HTML은 초보자를 위해 쉽게 배우나요?Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML의 시작 태그의 예는 무엇입니까?HTML의 시작 태그의 예는 무엇입니까?Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기