2015年も静かに過ぎ去り、昨日になりました。昨日を思い出すと、2012 年は「W3cplus と私の物語」、静かに「過ぎ去った 2013 年」、そして「古いものを言い、新しいものを歓迎し、より高いレベルへ」で 2015 年を迎えましたが、時間が経つにつれて、 by 知ってか知らずか、2016年に入りました。私もプログラマーの間では伝説の35歳という運命の節目を越えました。このため、このまとめに プログラマーの私有地 というタイトルを付けました。この私有地を常に所有し、作業を続けられることを願っています。
2015 年の W3cplus
W3cplus は以前は自分のブログでしたが、オンライン ノートにしたいと考えていました。今ではプログラマの私有地として捉え、真剣に一生懸命耕作しています。皆さんの応援で彼がもっと強くなってくれることを願っています。ますますみんなの人気が高まっています。
まとめを書くということで、まずは2015年のW3cplusの開発について簡単にまとめておきます。
年間を通じて、201 件の翻訳を含む、合計 249 件のブログ投稿が公開されました。これらの翻訳はすべて、海外の優れたフロントエンド チュートリアルから翻訳されたものですが、同時に、自分の才能が枯渇し、何を書けばよいのか、何を書けばよいのか(オリジナルが)わからないと常に感じています。ただし、オリジナルではありませんが、個人的には、これらの翻訳は非常に優れたチュートリアルであると感じています (多くはうまく翻訳されていませんが、いくつかの点で改善することができます)。
初期の頃は CSS3 に関連する技術的な記事を主に公開していましたが、現在では CSS3 は新しいトピックではなく、今年公開された記事では主に SVG、PostCSS、Sass およびその他の関連知識に焦点を当てています。その中には、SVG に関する記事が 34 件、Sass に関する記事が 40 件、PostCSS に関する記事が 12 件、Web 関連の記事が 28 件あります。アニメーション。さらに、フロントエンドの側面に関する技術記事が他にもいくつかあります。
皆様のご支援により、Web サイトの訪問データも前年に比べて大幅に増加しました (以下の写真は 2015 年のデータのスクリーンショットです):
2016 年は、より価値があり読み応えのある記事を学生の皆様にお届けしたいと考えています。また、この場を借りて皆さんに感謝の意を表したいと思います。私と W3cplus をずっとサポートしてくださってありがとうございます。
新しい友達も古い友達も
W3cplus を取得して以来、たくさんの友達ができ、ゲイの友達もたくさんできました。ここで、W3cplus を強力にサポートしてくださった @ Mount Everest Training 、@ 素晴らしいフレーバー クラスルーム、および @ MOOC.com に特別な感謝の意を表したいと思います。同時に、@南北 (約 50 の記事を翻訳)、@彦子 (約 50 の記事を翻訳)、@Blueed (約 30 の記事を翻訳) にも特別な感謝の意を表する必要があります。私たちのクラスメートの翻訳チームに参加しました。もちろん、将来的にはより多くの学生が参加し、一緒に価値のあることを行うことを願っています。
さらに、今年の初めに、@全域、@彦子と私は、@Lea Verou の 2015 年の CSS 傑作『CSS Secrets』を翻訳しました。完全な翻訳名は CSS Secret Garden Series:
翻訳して出版したかったのですが、残念ながら出版権を得ることができませんでした。ただし、この本が好きな学生は、この本に関連する情報に注目してください。私の知る限り、@CSSMagic の中国語版は翻訳されており、間もなく店頭に並ぶはずです。この本を事前に読みたい場合は、オリジナルの英語版を読むか、時々小さな Web サイトにアクセスして読むことができます。
同時に、将来的には出版社と協力して、友人たちを率いて興味深いフロントエンド書籍を翻訳できる機会があればと思っています。
コミュニティ活動
近年のフロントエンド開発のスピードはフロントエンド実務家を圧倒しており、フロントエンドのコミュニティ活動も相次いでいます。もちろん、フロントエンドサークル内の抗争も非常に活発です。 2015年半ば、私も昔の顔でいくつかのショーに出かけました。
CSS3がもたらす変化
@UXE.comが上海で開催するデザイナー向けの共有セッションです。私は、デザイナーがフロントエンドのプログラマーをよりよく理解し、配慮できるように、フロントエンドの知識をデザイナーに広めるためのトピックにゲスト出演する予定です。今回のシェアのテーマは「CSS3がもたらす変化」です。 PPT のみが見つかり、ビデオは見つかりませんでした。
Web 再構築の方法
これは 2015 年の上海 Qcon フロントエンド セッションです。賀老プロデュースの新時代フロントエンドトピックスで「ウェブ再構築の道」(オンラインビデオ)をシェアしてきました。私もこのようなシェアリングサミットに参加するのは初めてで、正直かなり緊張しました。醤油で行われたとも言えますし、共有される話題には技術的な内容はありません。このような機会を与えてくださった @Winter老Shi と @Hax にとても感謝しています。しかし、それは今でも私自身の成長に大いに役立っています。
-OOCSS+Sass
3 番目のセッションは、@点头 Pig Company が開催した CFF フロントエンド共有セッションで、恥ずかしげもなくステージに上がり、主に How を共有しました。フロントエンド開発で Sass を使用して OOCSS を開発します。正直に言うと、特徴のない胡建華や広東語のアクセントで話すと、多くの欠点が追加されます。 (^_^)、これが私にとってのラベルになっているようです。
さらに、@Bobo の CSSConf、@Najie の HTML5 サミット、2015 WebRebuild 上海支部、D2 カンファレンスにも参加しました。こういった活動に参加するたびに、たくさんの知識を得ることができます。もちろん、どのイベントでも、長い間会っていなかった友達に会ったり、会ったことはないけれどよく知っている友達を作ることができます。
魂のチキンスープ
私はストーリーを語ることができないプログラマーですが、経験を積めば積むほど、見てきたことは多くなります。年始の面接や長年の面接の過程で様々な不思議な出来事に遭遇したので、自身の経験をもとに「フロントエンド面接官へ」というブログ記事を書きました。
何が起こったのか分かりませんが、今年私も Zhihu に参加し、フロントエンドの学び方やテクノロジーの改善方法などを尋ねる多くの学生に会いました。疑似フロントエンドとして、「フロントエンド街道の旅」を書きました。
社会に出てから今日まで数えると、波瀾万丈の15年でした。 sky、つまむ ちなみに私は5年近くフロントエンドの仕事に携わっています。時間の 3 分の 1 はフロントエンドに費やされていると考えられ、これまで私が携わった中で最も長い仕事でもあります。なぜそんなに時間がかかったのか聞いてください。実際、私はなぜフロントエンド業界に入ったのか、なぜ 5 年しか働いていないのかと自問することがよくあります。ネットでも言われていましたが、フロントエンドに入るとそこは海のように深いです。
5年間プレーしたら、あと5年、あと5年、もしかしたら… 先の道は誰にも分からない、ただ毎日自分の道を歩いていきたい。
フロントエンドに入ったばかり、あるいはこれからフロントエンドに入ろうとしている学生が私のように回り道をしないことを祈るばかりです。フロントエンドでより良く歩くことができます。
自己変化
2015 年は私自身にも変化をもたらしました。私は今年の初めにシューモールを辞めて、アリババのフロントエンドチームに加わりました。中国のこのような強力なフロントエンドチームで働けることにとても感謝しています。このような素晴らしいチームで働く機会を与えてくれた @Winter老Shi に特別な感謝を表したいと思います。素晴らしい若者のグループと一緒に仕事ができること。
モバイルタオバオのワイヤレスフロントエンドチームに参加して以来、自分がいかに取るに足らず、知識がいかに少ないかを感じています。その時になって初めて、自分と他のチームメイトとの間にどれだけ大きなギャップがあるかに気づきました。同時に、それは私に前進するモチベーションを維持するための大きなプレッシャーをもたらし、忍耐するモチベーションを与えてくれました。
タオバオは今年のダブル11プロモーションの準備には参加しませんでしたが、ダブル11イベントの準備の雰囲気を体験する機会がありました。このような環境だからこそ、ダブル11というイベントの面白さを体験することができ、その準備に直接参加できることは大変光栄なことだと思います。 2016年のダブル11のプロモーションでやったことの効果も見えてくるかもしれないとも思っています。
今年は仕事の変化に加えて、人生におけるもう一つの大きなイベントを終えました。自分の決まった家を持つと、歩き回って疲れたときに休める港が得られます。
図解 CSS3
2014 年に発売されてから 2015 年末までに、書籍「図解 CSS3」は 9,000 部を超えました。 2016 年には量が増加する予定です。今考えると、この本にはまだ多くの間違いがあるように感じます。読者や友人の協力を得て、正誤表をまとめました。読者の役に立つことを願っています。
読書計画
もともと今年は何冊か本を読む予定だったのですが、怠けすぎて計画は完全に中止になりました。2016年にはこの計画を完了したいと思っています。パス もっと読むと、より多くの知識が得られ、スキルが向上します。
公開アカウントの管理
W3cplus はサブスクリプション機能を開発していないため (主に能力不足により、この機能はまだ完成していません)、WeChat を借りました。パブリックアカウントでみんなにプッシュ 関連記事。主に、W3cplus を好む学生にとって、最新の公開記事をできるだけ早く入手できるのは便利です。 W3cplus の記事が役立つと思われる場合は、QR コードをスキャンしてフォローしてください (現在 5,000 人を超えるユーザーがフォローしています (^_^)。これは、@情峰Poor の初期の読者よりもまだ少ないですが、今後は@情峰から学びます)。
2016
2016 年の計画はすぐに変わりません。2015 年よりもさらに前進できることを願っています...
私にはまだ夢があります。いつかそうなるかもしれません。叶いますか?

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。


ホット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統合開発ツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

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