Create your own website:   Why learn HTML and CSS ?

   Next page »

Foto Koos en Marijke
  

This site is designed for individuals interested in building websites for themselves without supervision and the imposition of advertising.

 Koos   &   Marijke

Your goal ?

Learn to create a website visible on every device; desktop, laptop, tablet, or smartphone created by you with HTML, CSS, Bootstrap & JavaScript.
HTML‛ and CSS are the two core technologies for building Web pages. Bootstrap is an open-source Javascript framework. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components

note: HTML (what we see), CSS (how we see it) and JavaScript (how we interact with it).  More definitions »

What is coding ?

Coding, sometimes called computer programming, is how we communicate with computers. Code tells a computer what actions to take, and writing code‛ is like creating a set of instructions. By learning to write code, you can tell computers what to do or how to behave in a much faster way. You can use this skill to make websites and apps, process data, and do lots of other cool things.   Read more...»

note: Things I Wish Someone Had Told Me When I Was Learning How to Code   Read more...»

Why learn HTML and CSS ?

The benefits of learning HTML, CSS or any web technology is that it gives you the ability to create your ideas on a “webpage”. Without the knowledge of these languages you will be limited to using site builders or hiring someone to create your vision. You don’t need to be an expert, but being able to understand how to utilize these languages can help you build an optimized, user-friendly website for your business.   Image courtesy Computer Hope

How long does it take to learn coding ?














New programmers often start with HTML, as it’s a great language to learn early in your coding career. HTML is tremendously useful for front end development, but it’s only a small piece of the puzzle.If you want to incorporate more features into a web page, you’ll need to master CSS.
Read more...»
Build a clock with JavaScript  See Coding Examples.  .»

 

Advantages of HTML

It is quite easier to create SEO‛ compliant websites using HTML than other programming languages. HTML websites are easier to read and accessed by web crawlers.They reduce parsing time and the page load time of the website and hence improves it's performance.

‛ What Exactly Is SEO? ... Properly applied, search engine optimization allows your site to not only be seen by the search engines but, when a search term (either keywords or phrases) is entered, offers the ability to rank very high in the search engine results page
 

What is a Code Editor ?

A Code editor is a small piece of software like a text editor. The only difference is code editor has special functionalities than a text editor. Notepad++ is a free source code editor and Notepad replacement that supports several languages.Running in the MS Windows environment, its use is governed by GPL License. Best Code editors   »

 

What is a Code playground ?

A code playground is an online environment that allows you to write code, run it and share with others.You can also fork other people's code and play around with it. Click on the image to see a Sololearn playground.
Source: Sololearn.com   »

 

HTML and CSS Coding examples

Judith Neumann - About me: I am web designer and programmer. I love do things in css. I also like to teach what I learned...Now I'm on a project for teaching platforms especially for children...
Source: Behance.net   »

 

ThenewBoston XHTML and CSS Video tutorials (46 set)

Bootstrap3 logo

Clear spoken with subtitles, nicely structered. Short presentations 5 – 10 mins. Each topic can be found as source code. Source codes can be copypasted to Notepad++ (or e.g. SublimeText) altered and tested.

 

What is an Interactive Tutorial ?

Html-logo  » Interactive tutorials

A document, software, or other media on the Internet created for the purpose of instruction for any of a wide variety of tasks. Interactive tutorials usually have the following characteristics: a presentation of content, a method of review where user follows on-screen instructions (and in some cases watch short instruction movies), whereupon user does the tutorial exercises and gets feedback depending on his actions, and transition to additional modules or sections.

 

How I got into web development (Video 16:17)

Jelena Jovanovic: Six years ago I decided that I don’t want to be a future lawyer anymore and I gave up on law college. Instead, I became self-taught web developer.
That changed my life completely and I am very grateful for my boyfriend, Stefan, who got me into programming. If you are interested to hear my full story, check the video that I just published on   Web developers roadmap video YouTube

 

Web development roadmap (Video 13:44)

With so many web dev technologies and languages out there it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn in 2020.    Web developers roadmap video YouTube

 

Pick up HTML methods and tricks

Bootstrap3 logo

Looking through the source code of other sites is an excellent way to pick up HTML methods and tricks.In your browser right click to View Source on this or any other page and the code which created it, will be openend. View more sources e.g. Colors, Block Game, Weather app etc..

Info page two »    Home Icon Home

 

Secret (Cartoon)

Courtesy:    Jerry King cartoons