怠け者仕事

三日坊主にならない程度に備忘録

Udemyで【世界で30万人が受講】フルスタック・Webエンジニア講座(2017最新版)を受講

受講してみました。
Udemyさんの謎セールにより1200円です。

【世界で30万人が受講】フルスタック・Webエンジニア講座(2017最新版) | Udemy

コース概要

セクション: 1 はじめに(Getting Started)
セクション: 2 HTML 5
セクション: 3 CSS 3
セクション: 4 Javascript
セクション: 5 jQuery
セクション: 6 Bootstrap 4
セクション: 7 Wordpress
セクション: 8 PHP
セクション: 9 MySQL
セクション: 10 API
セクション: 11 モバイルアプリ
セクション: 12 HTML 5 & CSS 3
セクション: 13 Python
セクション: 14 ボーナスセクション:Twitterクローンを作ろう


現在、3章のCSS3を途中まで進めて、できているソースは以下の通り。
1章もそうだけど、HTMLのタグやCSSの細かい表記法は都度ググればよいので、
飛ばしてjavascriptの章に行こうと思う。

<!DOCTYPE html>
<html>
    <head>
        <title>webapp with style</title>
        <style type="text/css">
            .blue{
                color: blue;
            }
            .font{
                font-size: 200%;
            }
            #green{
                color: green;
            }
            .underline{
                text-decoration: underline;
            }
            .first_section{
                background: #FE2FC8;

            }
            .second_section{
                background: yellow;
            }
        </style>
    </head>
    <body>
        <div class="first_section">
            <h1>新プロダクトの紹介</h1>
            <p class="blue">今回は新しくリリースする新商品を紹介します。</p>
        </div>
        <div class="second_section">
            <p id="green">このVRゴーグルは従来品よりも<span class="underline">完成度が高く</span>なっています。</p>
        </div>
    </body>
</html>