もくもくWEBプログラミング会議 at Skype

自宅でマイペースに、skype会議通話をしながらプログラミングを嗜みましょう。 年齢、性別、スキルを問わず、プログラマーなら誰でも自由に参加頂けます。

概要

skypeの会議通話機能を利用して、WEBプログラマー同士で交流します。

目的

主に下記を目的として開催します。

• 一人だとなかなか作業のモチベーションが上がらない。
• 他のプログラマーとの交流で刺激を得たい。
• 質問を受けたり尋ねたりしたい。
• 他のプログラマー同士の会話を聞いてみたい。

参加条件

• 話題はWEB関係に留める。(WEBならデザイン関連でもOK)
• 態度を強要しない。
• 雑音やノイズを発生させている場合は速やかに消音する。

参加する場合

参加する場合は、connpass上での参加に加え、下記のskypeIDにコンタクトと参加の旨をお伝え下さい。参加者のグループへ招待します。 なお、開催時間の間はお好きなタイミングで接続/離脱をして大丈夫です。

2回目以降の参加の場合は、開催者にチャットでその旨をお伝え下さい。

skype id: kou_matsumoto

対象のプログラミング言語

• HTML
• CSS
• Javascript
• Java
• Python
• PHP
• Ruby
• SQL

などなど。
Alt言語やフレームワークなどでもOKです。

参考用プログラムレベル

各言語で、自分にどの程度のスキルがあるのか大まかに判定するための目安です。 自己紹介の時などに参考にしてください。 (現在作成中)

HTML

1. コードについてはよく分からないが、デザインソフトを利用してWEBページを編集できる。
2. タグをコードで記述編集して、WEBページを編集できる。
3. 10種類以上のタグを言える。またそのタグの意味と使い分けを理解している。
4. 5種類以上の属性を言える。またその属性の意味を理解している。
5. facebookやtwitterなどの有名なWEBサイトのソースコード内に、分からないタグが一つもない。
6. HTML5の仕様書に則った、正しいアウトラインのHTMLを作成できる。

CSS

1. 新規のCSSファイルを作成し、HTMLに適用できる。
2. CSSセレクタを5種類以上使える。
3. CSSボックスモデルを理解してデザイン構築している。
4. float, positionを利用して要素を思い通りに配置できる。
5. CSSセレクタを10種類以上使える。
6. CSS擬似クラスを5種類以上使える。
7. CSS擬似要素を使える。
8. スタック文脈を理解した上で要素を配置できる。
9. 画像や要素の加工 (フィルターや変形など)にはCSSを利用している。
10. ボックスの配置にはflexを使用している。
11. アニメーション表現にはCSSを利用している。

Javascript

1. alertやconsole.logを使ってプログラムのデバックができる。
2. document.getElementByIdやdocument.getElementsByClassNameを使いこなせる。
3. document.querySelectorを利用して、セレクタでノードを指定できる。
4. HTMLElementオブジェクトを理解していて、メソッドとプロパティを想定どおりに利用できる。
5. innerHtmlとtextContentを使い分けられている。
6. innerWidth, offsetWidth, clientWidth, scrollWidth の違いがわかる。
7. callbackを使用して、自分で定義した関数同士を指定の動作で制御できる。
8. closureを使用して、グローバル空間を汚染せずに関数を定義できる。
9. XMLHttpRequestを使用して、非同期処理を実装できる。
10. prototypeチェーンの概念を説明できる。
11. call, apllyの使い方を説明できる。
12. new, instanceof を使用して、オブジェクトのprototypeをコントロールできる。

jQuery

1. $('selector')を使ってjQueryオブジェクトを取得できる。
2. $(function(){})の効果を理解できる。
3. cssメソッドを使って要素のCSSを変更できる。
4. attrメソッドとpropメソッドの違いを説明できる。
5. showメソッドやhideメソッドを使ってアニメーションを表現できる。
6. animateメソッドとそのcallback機能を使用して、自分の好きなアニメーションを表現できる。

php

1. echo, print_r, var_dumpの違いを説明できる。

基礎

1. ソートアルゴリズムを3つ以上は書ける。 2.