Two different things really – a developer implements the design. In smaller projects (like, one man) it inevitably goes hand in hand, but answering your following questions depends on which discipline you want to focus on. I’m more of a developer, so here’s my 2c…
You can’t get around knowing HTML and CSS. As for programming languages, you should learn at least some basics in JavaScript and PHP.
Around forty-two days. If you’re lacking patience, maybe forty-one. Seriously though, it entirely depends on how ambitious you are, how well you can remember things and what you consider usable… but all in all I’d say that web development allows for relatively quick achievements. Simply providing some static information can easily be done without much logic behind it.
C++ and Python are not particularly relevant for web development, but Python is certainly an easy to learn language to get started with some general coding basics.
Would “C family” language be a hard starting point ?
What are the other “C family” language ?
[quote=“Mittineague, post:9, topic:211654”]
If you want to experiment with only HTML, CSS and JavaScript, you’re good to go. Write pages and try them in your browser.
[/quote] Yes I think this will be a start
How can I make it bite size step but still learn a lot.
How can I practice what I learn ?
I would say HTML is the starting point, then CSS for the design side of things. That would be the bare minimum to have a working website. Then expand into programming languages, probably JS and/or PHP.
Start with HTML and CSS - get the basics of structure and presentation under your belt before you go any further.Once you’re comfortable that you understand how those behave, then move onto some JavaScript to add some in browser interactivity. At the moment we’re just talking front-end, client sided stuff
After that you can look into the backend side of things. At that point, you can either continue your JavaScript education with the likes of Node.JS (and many other frameworks), and add some database knowledge (MySQL, or a nosql alternative like MongoDB). If you don’t want to carry on with JavaScript, then look at PHP or maybe Ruby on Rails.
For web development, I’m not sure you’d need to be thinking about Java, Python, or C++, at least not at this stage.
[quote=“chrisofarabia, post:13, topic:211654”]
For web development, I’m not sure you’d need to be thinking about Java, Python, or C++, at least not at this stage.
[/quote] I want to learn programming also.
I’m not sure what you mean by that. I would not call html and css programming, it’s just static code, while it’s all there is.
When you start using js or php, ect… to manipulate the html, then it becomes programming.
There are plenty of free online tutorial sites of varying quality. This one has been recommended several times before on SitePoint, so I’d guess it’s one of the better ones.
[quote=“2012, post:20, topic:211654”]
a programming language (jave,python)
[/quote]Did you miss the advice that these are not your best choices if you want to work on web applications?
Again, there are various tutorial sites. A fun one to get started with Python (or, in fact, JS) is http://codecombat.com/
Try this
Create a folder on your machine somewhere, name it “projects” or whatever.
Put this text file (as opposed to a binary file) and name it template.html into the folder use a “plain text” editor, eg. notepad not Word
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Template</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style type="text/css">
</style>
<script type="text/javascript">
// script needed before the DOM is loaded here
</script>
</head>
<body>
<h1>Template</h1>
<script type="text/javascript">
// script that needs the DOM to be loaded here
</script>
</body>
</html>
* NOTE, there are other DOCTYPEs but nowadays you might as well start with HTML5
Depending on your OS you should be able to click on it and have it open in your default browser.
If not use your browsers File → Open
You should see a page with a big “Template” on it and “template” in the browser tab.
use a “plain text” editor, eg. notepad not Word