WEB初级工程师(CSS,暂时不考虑JS)指的是能独立完成项目。
至少应该具备以下的能力:
1.能够独立的完成项目,完美还原设计稿.
2.能够支持自适应,不能做自适应的网站已经很少了.
3.能够支持响应式,毕竟跨屏的场景越来越多了.
4.能够了解一门CSS框架,做为提炼自已抽象能力的引子,通过使用,来直观的感受到其他人是怎么解决代码复用问题的。
5.能够和其他的项目组成员沟通学习交流协作,熟悉一些编码规范.
然后,并不要求这个时候会JS,JS是另外的一个问题。
==============================
1.21天学会JS什么的,这种根本就不是一个真正的工程师。
2.视频基本上是不可能教会你的,也不会这么快。最简单的理由(可能不贴切),看了一万年的足球,能踢的好么。
回复内容:
一个月,你最多了解各种属性是干嘛的,没有常年在实际项目中踩坑和填坑,然并卵的。好比你可以在一月认识很多字,但不一定写得出作文。 实际项目写CSS是这样的,有个idea,但不知道或者忘了具体CSS该怎么写,于是Google一下,找到一些东西,比如常见的CSS Tricks网站上有很多整理好现成的代码可用,然后在Devtools里面试一试效果,能解决大部分的CSS编程问题。所以其实并不需要一个月,网上搜一搜理解CSS的核心概念,比如选择器(selector),伪选择器(pseudo selector)和级联继承(cascading)是如何工作的,然后配合搜索引擎和devtools,用不了一个月。
Transcending CSS: The Fine Art of Web Design
CSS3: The Missing Manual
童鞋,前端这个概念就放一放吧,这个很深的,我觉得先把目标定成:学会基础的css和html,能编写可以看的网站,了解其它知识体系比如框架和响应式,能简单运用,能配合同事协作。(从你的目标上看,我个人觉得1个月时间努力点,能完成第5点就足够你折腾了)带着激情边学边用,能不能完成目标因人而异,跨浏览器的差异是需要长时间积累的,某几个css2的属性也要长时间积累,同时css3很深,也要长时间研究积累。光学css?没用,你必须配合学习html。纠正下,自适应设计和响应式设计是两个不同的概念,不能混一锅粥说都要短时间掌握,不现实。
简单学会能css出个站还是ok的,最好有人带才能看出很多问题,以前有个同事也是零基础,那时候我还算熟悉这些,带他了两个月写的东西某些方面比我还好还熟练,不过还是有很多需要积累的,那些问题不可能全部体会和实践的,他很努力的,比我小一届。至于要不要响应式,要不要标准化规范化编码,能否学会更多的知识体系,这个得看自己的努力程度和学习方式了。1个月也得学,半年也得学,两年也得学,十年也得学,总之,学无止境。
最后,我不是专业做前端的,业余的,只是需要这门技术的一些东西做工具。不过学习和使用,还是遵循一定要规范化,专业化,也需要掌握非常多的知识,不断学习先进的东西,掌握到某程度即可,要求没那么苛刻,毕竟不靠它吃饭。 再次确定前置条件:
1、必须是一个月以内么?
2、是零基础吗?
---------------------
零基础的话,
能力1,完全可以做到;
能力2 & 能力3,可以合并,以你的前置条件,我建议你把2和3都理解为自适应,虽然响应式并不完全是自适应。但你要求在一个月的时间内,,,,
能力4,未必全部可以:了解一个CSS框架完全没问题,拿来用就可以。
但你要“感受”到其他人是怎么解决代码复用问题的,,就有些难度了,因为这需要经验的积累。
你没有一定量的工作经历,别人告诉你了,你也未必明白为什么要这么做。。
能力5完全没问题,是人都得沟通。规范就是规范,照做就是。
----------------------
如何在一个月内?
如果你是零基础全职全勤(30天)学习的话,
前三天学习html;
后一周学习css;
再一周学习html+css切图;
再一周学习兼容性、自适应;
再用四天研究下各大网站的各个首页,栏目页,内容页,CSS文件结构,命名规范,,
30天吧,虽然时间紧了些,但也可以。
----------------------
如果你能做到我上面所说的那些,说明你学习能力不差;
而同时你又会些PS具备基本的图像编辑能力,,
你在北京拿到4K,应该问题不大,,
---------------------
大胆预测下,,
如果你入职4K,三个月内学习一些JS及JS框架,JQ之类的,,
那么半年之后你再换工作,6K可以期待,
再之后,就看你自己的努力了。。
就这样。
这是我的微信公众号,有空关注下吧。。



一个月时间你完全可以把w3c schools上面关于html,css,js的内容跟着他的教程做一遍,这一遍做完你就可以完成简单的页面了。然后你要知道如何使用搜索解决遇到的问题。
这一过程是及其枯燥以及令人烦躁的。但是你坚持下来就会有收获。 这个答案下已经变成了各门各户的广告贴了 首先,请将题目中的初级Web前端开发工程师改为网页制作或者网页重构。根据描述的能力,这不是真正的web前端开发工程师,而是网页制作。
其次题主问的一个月达到这个水平,基本不太可能(我说的是前端小白)。html+css没有题主想象的那么简单,当然相对于js而言也没有那么难。学习的路上没有捷径。一个月能达到题主说的第一项就已经很成功了。 犹记得我刚学习css的时候下载了一份css2.1 chm 手册,全部从头到尾实践了一遍,并了然于心。
也不敢跟人说自己学会 css 了。 简单,百度搜索21天学会html,21天学会css,21天学会javascript,早中晚换着学,还能多出9天可以休息。

在css中,可用list-style-type属性来去掉ul的圆点标记,语法为“ul{list-style-type:none}”;list-style-type属性可设置列表项标记的类型,当值为“none”可不定义标记,也可去除已有标记。

区别是:css是层叠样式表单,是将样式信息与网页内容分离的一种标记语言,主要用来设计网页的样式,还可以对网页各元素进行格式化;xml是可扩展标记语言,是一种数据存储语言,用于使用简单的标记描述数据,将文档分成许多部件并对这些部件加以标识。

在css中,可以利用cursor属性实现鼠标隐藏效果,该属性用于定义鼠标指针放在一个元素边界范围内时所用的光标形状,当属性值设置为none时,就可以实现鼠标隐藏效果,语法为“元素{cursor:none}”。

转换方法:1、给英文元素添加“text-transform: uppercase;”样式,可将所有的英文字母都变成大写;2、给英文元素添加“text-transform:capitalize;”样式,可将英文文本中每个单词的首字母变为大写。

在css中,rtl是“right-to-left”的缩写,是从右往左的意思,指的是内联内容从右往左依次排布,是direction属性的一个属性值;该属性规定了文本的方向和书写方向,语法为“元素{direction:rtl}”。

在css中,可以利用“font-style”属性设置i元素不是斜体样式,该属性用于指定文本的字体样式,当属性值设置为“normal”时,会显示元素的标准字体样式,语法为“i元素{font-style:normal}”。

在css3中,可以用“transform-origin”属性设置rotate的旋转中心点,该属性可更改转换元素的位置,第一个参数设置x轴的旋转位置,第二个参数设置y轴旋转位置,语法为“transform-origin:x轴位置 y轴位置”。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SecLists
SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
