Want to become a Web Developer?

Want to become a Web Developer? – Take a Start

Do you want to be a web developer because you love computers, laptops and websites so much. Then this is great according to me because it’s just a creative world. Being a web developer is good because you can easily translate your ideas to the world in the shape of a website. Being a web developer feels a kind of satisfaction to those who get some reward out of this developing in shape of people praising their work. Most of the schools miss this part of web developing but the future certainly is about computer programming. I am writing this basic post to help you that how can you take a start.

Be A Web Developer with these easy pre-requisites:

Just keep on reading, fulfill the objectives and take the first step to be a web developer.

Starting with being a perfect computer user:

If you want to be  good developer at your own then you should know that how to use a computer. Chances are that you already know how to use software and know every thing about them without any course by just experimenting with them. It can seem time consuming to you but keep in mind that the thing which you learn at your own is never forgotten so easily. You learn the things which you find amazing so you never get bored of this computer thingy. If you know how to deal with computers and how to deal with software along with social networking sites then you can start with developing the stuff too. At least you should be able to be a master user of the computer. You should be able to understand what computer is saying to you and what you should do. Since most people never read the computer message because they don’t understand it so they ignore, but you shouldn’t be like this you should understand that what computer is about to let you know.

Start With Google – The Ultimate Master to Guide you!

After you are a good internet user as well as computer one, now you can think to be a web developer. You can take a lot of help from the Google to learn how to code. You should know how to search things, For this you just need to go to Google and then put the keywords of the things which you want to search. After that you can get million of sites related to that in a matter of seconds. Like if you want to search about how to use microsoft word then just search for “How to use Microsoft word or else using Microsoft word tutorials” simple! Thus, after making up mind to learn about web developing take help from Google where ever you get stuck.

Start with the most easy language to be learnt – HTML

Want to be a developer and understand the complicated languages? Then this is the start you should be able to master over the static content sites, you should be able to know that behind every site visible at the internet their is a code running behind the site which tells the browser how to display the site over all. If you want to look at the soure code of the site then open the website and right click on that. After that click on “View page source” the code which you will see is in mostly HTML and you can see that how the HTML can make the front visual look of the page. Actually it’s the browser like Mozilla and chrome which make the visual look of the website from the source code.

To learn HTML you can make use of Google Search but I will recommend you a website where you can take HTML lessons daily:

Learn HTML from W3Schools here by reading one lesson daily and by practicing it you will be able to learn HTML in a week or two. Depends on how sharp are you! What ever you learn you should practice also I previously posted that how can you convert your PC into a server and install wordpress on it. You can easily use the same software to view your pages which you code using the HTML language. Grab a good editor like notepad++which will highlight the starting and closing tags of HTML and then save it to your xampp folder. Access that using the browser and look at your hardwork. Yes! I described all this long task in a matter of few lines but if you are sharp enough and know how to use computers and software then you can grab my point.

After Learning HTML Move on to styling the Pages Using CSS:

After you have learnt the HTML now you need to style the pages so that they may look colorful. You can easily change the following things with CSS , actually CSS is a language which can change the visual look of your HTML code output.

• The Background of the page
• The Font Color of the Page
• The Specific Area Color and Background Color
• Border of Specific Area
• To Put shadow around a font

And Much More! Thus it’s CSS which makes the web page look like  web page. CSS is abbreviation of Cascading Style Sheets If I am not wrong. You can easily learn CSS from here: Learn CSS from w3schools

After you have learnt HTML and CSS. You can easily take a start with your developing skills.

Be Experimental – Key to Everything:

You need to be experimental if you want to learn developing and also you need to be persistent with things too. If you stuck at something then you should Google that. You should never think that you are the only one who got stuck at this point search about the question and in every case the question has been pre asked at many sites and a working solution is present there. You can also drop comment here below this post to ask for any major help I will be also in contact with you soon. You should not stop on HTML and CSS rather the next step should be that you should experiment with photoshop. Photoshop a very amazing tool to create the graphics needs nothing but a fresh mind. I know it can seem hard to you but don’t worry time will tell you many things, you just need to look at every tool in the Photoshop and try to sort out the use of that tool. The hover bar which shows when you hover over any button also helps a lot as it happens in most of software. So just be experimental. It works and you learn thing with experiments and Google now look that at the end of the day you know how to take a start to be a developer. The things needed are:

• When
• Where
• How

I will post more tutorials about developing soon so stay in touch and subscribe to news letter to get amazing deals.

Read More

Electronic color code

The electronic color code is used to indicate the values or ratings of electronic components, very commonly for resistors, but also for capacitors, inductors, and others. A separate code, the 25-pair color code, is used to identify wires in some telecommunications cables.
The electronic color code was developed in the early 1920s by the Radio Manufacturers Association (now part of Electronic Industries Alliance (EIA)), and was published as EIA-RS-279. The current international standard is IEC 60062
Colorbands were commonly used (especially on resistors) because they were easily printed on tiny components, decreasing construction costs. However, there were drawbacks, especially for color blind people. Overheating of a component, or dirt accumulation, may make it impossible to distinguish brown from red from orange. Advances in printing technology have made printed numbers practical for small components, which are often found in modern electronics.

Resistor color-coding

One decade of the E12 series (there are twelve preferred values per decade of values) shown with their electronic color codes on resistors.

A 100 kΩ, 5% through-hole resistor.

A 0Ω resistor, marked with a single black band.

A 2260 ohm, 1% precision resistor with 5 color bands (E96 series), from top 2-2-6-1-1; the last two brown bands indicate the multiplier (x10), and the 1% tolerance. The larger gap before the tolerance band is somewhat difficult to distinguish.

To distinguish left from right there is a gap between the C and D bands.

• band A is first significant figure of component value (left side)
• band B is the second significant figure (Some precision resistors have a third significant figure, and thus five bands.)
• band C is the decimal multiplier
• band D if present, indicates tolerance of value in percent (no band means 20%)

For example, a resistor with bands of yellow, violet, red, and gold will have first digit 4 (yellow in table below), second digit 7 (violet), followed by 2 (red) zeros: 4,700 ohms. Gold signifies that the tolerance is ±5%, so the real resistance could lie anywhere between 4,465 and 4,935 ohms.
Resistors manufactured for military use may also include a fifth band which indicates component failure rate (reliability); refer to MIL-HDBK-199 for further details.
Tight tolerance resistors may have three bands for significant figures rather than two, or an additional band indicating temperature coefficient, in units of ppm/K.
All coded components will have at least two value bands and a multiplier; other bands are optional.
The standard color code per EN 60062:2005 is as follows:

Color	Significant figures	Multiplier	Tolerance		Temp. Coefficient (ppm/K)
Black	0	×100	–		250	U
Brown	1	×101	±1%	F	100	S
Red	2	×102	±2%	G	50	R
Orange	3	×103	–		15	P
Yellow	4	×104	(±5%)	–	25	Q
Green	5	×105	±0.5%	D	20	Z
Blue	6	×106	±0.25%	C	10	Z
Violet	7	×107	±0.1%	B	5	M
Gray	8	×108	±0.05% (±10%)	A	1	K
White	9	×109	–		–
Gold	–	×10-1	±5%	J	–
Silver	–	×10-2	±10%	K	–
None	–	–	±20%	M	–
Any temperature coefficent not assigned its own letter shall be marked "Z", and the coefficient found in other documentation. For more information, see EN 60062. Yellow and Gray are used in high-voltage resistors to avoid metal particles in the lacquer.

Resistors use preferred numbers for their specific values, which are determined by their tolerance. These values repeat for every decade of magnitude: 6.8, 68, 680, and so forth. In the E24 series the values are related by the 24th root of 10, while E12 series are related by the 12th root of 10, and E6 series by the 6th root of 10. The tolerance of device values is arranged so that every value corresponds to a preferred number, within the required tolerance.
Zero ohm resistors are made as lengths of wire wrapped in a resistor-shaped body which can be substituted for another resistor value in automatic insertion equipment. They are marked with a single black band.
The 'body-end-dot' or 'body-tip-spot' system was used for radial-lead (and other cylindrical) composition resistors sometimes still found in very old equipment; the first band was given by the body color, the second band by the color of the end of the resistor, and the multiplier by a dot or band around the middle of the resistor. The other end of the resistor was colored gold or silver to give the tolerance, otherwise it was 20%.

Capacitor color-coding

Capacitors may be marked with 4 or more colored bands or dots. The colors encode the first and second most significant digits of the value, and the third color the decimal multiplier in picofarads. Additional bands have meanings which may vary from one type to another. Low-tolerance capacitors may begin with the first 3 (rather than 2) digits of the value. It is usually, but not always, possible to work out what scheme is used by the particular colors used. Cylindrical capacitors marked with bands may look like resistors.

Color		Significant digits	Multiplier	Capacitance tolerance	Characteristic	DC working voltage	Operating temperature	EIA/vibration
	Black	0	1	±20%	—	—	−55 °C to +70 °C	10 to 55 Hz
	Brown	1	10	±1%	B	100	—	—
	Red	2	100	±2%	C	—	−55 °C to +85 °C	—
	Orange	3	1000	—	D	300	—	—
	Yellow	4	10000	—	E	—	−55 °C to +125 °C	10 to 2000 Hz
	Green	5	—	±0.5%	F	500	—	—
	Blue	6	—	—	—	—	−55 °C to +150 °C	—
	Violet	7	—	—	—	—	—	—
	Grey	8	—	—	—	—	—	—
	White	9	—	—	—	—	—	EIA
	Gold	—	—	±5%*	—	1000	—	—
	Silver	—	—	±10%	—	—	—	—

*or ±0.5 pF, whichever is greater.
Extra bands on ceramic capacitors will identify the voltage rating class and temperature coefficient characteristics. A broad black band was applied to some tubular paper capacitors to indicate the end that had the outer electrode; this allowed this end to be connected to chassis ground to provide some shielding against hum and noise pickup.
Polyester film and "gum drop" tantalum electrolytic capacitors are also color-coded to give the value, working voltage and tolerance.

Diode part number

The part number for diodes was sometimes also encoded as colored rings around the diode, using the same numerals as for other parts. The JEDEC "1N" prefix was assumed, and the balance of the part number was given by three or four rings.

Postage stamp capacitors and war standard coding

Capacitors of the rectangular 'postage stamp" form made for military use during World War II used American War Standard (AWS) or Joint Army Navy (JAN) coding in six dots stamped on the capacitor. An arrow on the top row of dots pointed to the right, indicating the reading order. From left to right the top dots were: either black, indicating JAN mica, or silver, indicating AWS paper; first significant digit; and second significant digit. The bottom three dots indicated temperature characteristic, tolerance, and decimal multiplier. The characteristic was black for ±1000 ppm/°C, brown for ±500, red for ±200, orange for ±100, yellow for −20 to +100 ppm/°C, and green for 0 to +70 ppm/°C. A similar six-dot code by EIA had the top row as first, second and third significant digits and the bottom row as voltage rating (in hundreds of volts; no color indicated 500 volts), tolerance, and multiplier. A three-dot EIA code was used for 500 volt 20% tolerance capacitors, and the dots signified first and second significant digits and the multiplier. Such capacitors were common in vacuum tube equipment and in surplus for a generation after the war but are unavailable now.

Postage-stamp mica capacitors marked with the EIA 3-dot and 6-dot color codes, giving capacitance value, tolerance, working voltage, and temperature characteristic. This style of capacitor was used in vacuum-tube equipment.

Mnemonics

Further information: List of electronic color code mnemonics

A useful mnemonic matches the first letter of the color code, by order of increasing magnitude. Here is one that includes tolerance codes gold, silver, and none:

• Bad beer rots our young guts but vodka goes well – get some now.

The colors are sorted in the order of the visible light spectrum: red (2), orange (3), yellow (4), green (5), blue (6), violet (7). Black (0) has no energy, brown (1) has a little more, white (9) has everything and grey (8) is like white, but less intense.

Examples

Color-coded resistors

From top to bottom:

• Green-Blue-Black-Brown
  • 56 ohms ± 1%
• Red-Red-Orange-Gold
  • 22,000 ohms ± 5%
• Yellow-Violet-Brown-Gold
  • 470 ohms ± 5%
• Blue-Gray-Black-Gold
  • 68 ohms ± 5%
• violet-red-orange-no band
  • 72,000 ohms ± 20%

The physical size of a resistor is indicative of the power it can dissipate, not of its resistance.

Printed numbers

0Ω and 27Ω (27×10⁰) surface-mount resistors.

Color-coding of this form is becoming rarer. In newer equipment, most passive components come in surface mount packages. Many of these packages are unlabeled, and those that are labeled normally use alphanumeric codes, not colors.
In one popular marking method, the manufacturer prints 3 digits on components: 2 value digits followed by the power of ten multiplier. Thus the value of a resistor marked 472 is 4,700 Ω, a capacitor marked 104 is 100 nF (10x10⁴ pF), and an inductor marked 475 is 4.7 H (4,700,000 µH). This can be confusing; a resistor marked 270 might seem to be a 270 Ω unit, when the value is actually 27 Ω (27×10⁰). A similar method is used to code precision surface mount resistors by using a 4-digit code which has 3 significant figures and a power of ten multiplier. Using the same example as above, 4701 would represent a 470x10¹=4700 Ω, 1% resistor. Another way is to use the "kilo-" or "mega-" prefixes in place of the decimal point:

1K2 = 1.2 kΩ = 1,200 Ω

M47 = 0.47 MΩ = 470,000 Ω

68R = 68 Ω

For some 1% resistors, a three-digit alphanumeric code is used, which is not obviously related to the value but can be derived from a table of 1% values. For instance, a resistor marked 68C is 499(68) × 100(C) = 49,900 Ω. In this case the value 499 is the 68th entry of the E96 series of preferred 1% values. The multiplier letters are as follows:

EIA E96 SMD alphanumeric code

Letter	Multiplier	Decimal
Z	10−3	0.001
Y or R	10−2	0.01
X or S	10−1	0.1
A	100	1
B or H	101	10
C	102	100
D	103	1000
E	104	10000
F	105	100000

SMT jumpers, marked "0" or "000", are sometimes called "Zero-ohm links" or "0-ohm resistors" although technically they are not resistors.

Transformer wiring color codes

Power transformers used in North American vacuum-tube equipment often were color-coded to identify the leads. Black was the primary connection, red secondary for the B+ (plate voltage), red with a yellow tracer was the center tap for the B+ full-wave rectifier winding, green or brown was the heater voltage for all tubes, yellow was the filament voltage for the rectifier tube (often a different voltage than other tube heaters). Two wires of each color were provided for each circuit, and phasing was not identified by the color code.
Audio transformers for vacuum tube equipment were coded blue for the finishing lead of the primary, red for the B+ lead of the primary, brown for a primary center tap, green for the finishing lead of the secondary, black for grid lead of the secondary, and yellow for a tapped secondary. Each lead had a different color since relative polarity or phase was more important for these transformers. Intermediate-frequency tuned transformers were coded blue and red for the primary and green and black for the secondary.

 

Read More

Diode logic

Diode logic (DL) or diode-resistor logic constructs Boolean logic gates from diodes acting as electrically operated switches. While diode logic has the advantage of simplicity, the lack of an amplifying stage in each gate limits its application. Not all logical functions can be implemented in diode logic alone; only the non-inverting logical AND and logical OR functions can be realized by diode gates. If several diode logic gates are cascaded, the voltage levels at each stage are significantly changed, so one-stage applications are used.

Diode logic gate versions

In logic gates, logical functions are performed by parallel or series connected switches controlled by input logical variables. In diode logic, electrically operated switches are implemented by diodes: when forward biased, a diode switch is closed; when backward biased, the switch is open. There are two kinds of diode logic gates - OR and AND. It is not possible to construct NOT diode gate. The explanations below are true for positive logic (high voltage represents logical 1 and low voltage represents logical 0).

OR logic gate

In a diode OR gate, the output voltage is high if at least one input voltage is high. The output voltage is low if all the input voltages are low.

OR logic gates are implemented by parallel connected normally open switches. So, in diode OR logic gates, the input voltage sources are connected to diode anodes. Diode cathodes are joined to the output (node 1 in the figure), which is connected through the pull-down resistor R1 to ground.
Input logical one. If the voltage of a particular input voltage source is high (input logical 1), the according diode is forward biased and this diode switch is closed. The input source passes current through the diode and creates high voltage drop across the resistor R1 (output logical 1). The rest of diodes connected to low input voltage (input logical 0s) are backward biased and their input sources (grounds) are disconnected from the output.
Input logical zeros. If all the input voltages are low (input logical 0), the voltage drops across the diodes are zero. These diode switches are open and the input sources (grounds) are disconnected from the output. No current flows through the resistor. The output voltage is low (output logical 0) and the output resistance is R1.
If two diode OR logic gates are cascaded, they behave as current-sourcing logic gates: if the first gate produces high output voltage, the second gate consumes current from the first one. If the first gate produces low output voltage, the second gate does not inject current into the output of the first one. A diode OR gate does not use its own power supply. The input sources with high voltage (logical 1) supply the load through the forward-biased diodes.

AND logic gate

Basic idea

AND logic gates are implemented by series connected normally open switches. So, diode AND logic gates should be implemented by series connected diode switches (like an NMOS AND gate that is implemented by series connected transistor switches). However, in contrast to transistors, diodes are two-terminal switching elements, in which the input and output are not separated but they are the same. As a result, series connected diode switches cannot be driven by grounded input voltage sources. To solve this problem, diode AND gates are constructed in the same manner as OR diode gates - by parallel connected diode switches. However, to obtain AND instead of OR function according to De Morgan's laws, the input and output logical variables are inverted:

Y = NOT (NOT (X1) OR NOT (X2)) = NOT (NOT (X1 AND X2)) = X1 AND X2,

where X1 and X2 are the two input logical variables; Y is the output variable.
Therefore, the diode AND logic gate is a modified diode OR logic gate: the diode AND gate is actually a diode OR gate with inverted inputs and output.

Implementation

In a diode AND gate, the output voltage is high if all the input voltages are high. The output voltage is low if at least one of the input voltage is low.

To realize the basic idea, the diodes are reverse connected and forward biased by an additional voltage source +V (a power supply) through the pull-up resistor R1. The input voltage sources are connected in opposite direction to the supplying voltage source (traveling along the loop +V - R1 - D - Vin). To invert the output voltage and to get a grounded output, the complementary voltage drop (+V - V_R1) between the output and ground is taken as an output instead the floating voltage drop V_R1 across the resistor.
Input logical ones. When all the input voltages are high, they "neutralize" the biasing supply voltage +V. The voltage drops across the diodes are zero and these diode switches are open. The output voltage is high (output logical 1) since no current flows through the resistor and there is no voltage drop across it. The output resistance is R1. Hence, the behavior of the diode switches is reversed - whereas in diode OR logic gates diodes act as normally open switches, in diode AND logic gates diodes act as normally closed switches.
Input logical zero. If the voltage of some input voltage source is low (input logical 0), the power supply passes current through the resistor, diode and the input source. The diode is forward biased (the diode switch is closed) and the output voltage drop across the diode is low (output logical 0). The output resistance is low and is determined by the input source. The rest of diodes connected to high input voltages (input logical 1s) are backward biased and their input sources are disconnected from the output Node 1.
If two diode AND logic gates are cascaded, they behave as current-sinking logic gates: if the first gate produces high output voltage, the second gate does not consume current from the first one; if the first gate produces low output voltage, the second gate injects current into the output of the first one. A diode AND gate uses its own power supply to drive the load through the pull-up resistor.

Properties

Non-restoring logic

In cascaded AND-OR diode gates, the high voltage level is decreased more than two times.

Digital logic implemented by active elements is characterized by signal restoration. True and false or 1 and 0 are represented by two specific voltage levels. If the inputs to a digital logic gate is close to their respective levels, the output will be closer or exactly equal to its desired level. Active logic gates may be integrated in large numbers because each gate tends to remove noise at its input. Diode logic gates are implemented by passive elements; so, they have two restoration problems.
Forward voltage drop. The first restoration problem of diode logic is that there is a voltage drop V_F about 0.6 V across the forward-biased diode. This voltage is added to or subtracted from the input of every gate so that it accumulates when identical diode gates are cascaded. In an OR gate, V_F decreases the high voltage level (the logical 1) while in an AND gate, it increases the low voltage level (the logical 0). The feasible number of logic stages thus depends on the difference between the high and low voltages.
Source resistance. Another problem of diode logic is the internal resistance of the input voltage sources. Together with the gate resistor, it constitutes a voltage divider that worsens the voltage levels. In an OR gate, the source resistance decreases the high voltage level (the logical 1) while in an AND gate, it increases the low voltage level (the logical 0). In the cascaded AND-OR diode gates in the picture on the right, the AND high output voltages are decreased because of the internal voltage drops across the AND pull-up resistances.

Non-inverting logic

Diode logic is non-inverting in both the OR and AND configurations: a diode OR gate is true non-inverting (Y = X in the case of one-input OR gate) while a diode AND gate is non-inverting since it is double inverting (Y = NOT (NOT (X)) = X in the case of one-input AND gate - see the considerations above). Diode AND gate would be inverting if the voltage drop across the resistor is taken as an output but the load would be not grounded in this case.

Applications

Diode logic gates are used to build diode–transistor logic (DTL) gates as integrated circuits.
The outputs of conventional ICs (with complementary output stages) must never be directly connected together since they act as voltage sources. However, diodes can be used to combine two or more digital (high/low) outputs from an IC such as a counter. This wired logic connection can be a useful way of producing simple logic functions without using additional logic gates

Read More

Diode matrix

A diode matrix is a two-dimensional grid of wires: each "intersection" wherein one row crosses over another has either a diode connecting them, or the wires are isolated from each other.
It is one of the most popular techniques for implementing a read-only memory. A diode matrix is used as the control store or microprogram in many early computers. A logically equivalent transistor matrix is still used as the control store or microprogram or 'decode ROM' in many modern microprocessors.
At any one instant, a single row of the diode matrix (or transistor matrix) is activated. Charge flows through each diode connected to that row. That activates the column corresponding to each row. The only activated control signals during that instant were those whose corresponding column wire was connected with a diode to that row.

 

History

A diode matrix ROM was used in many computers in the 1960s and 70s, as well as electronic desk calculators and keyboard encoders for computer terminals.
The microsequencer of many early computers, perhaps starting with the Whirlwind (computer), simply activated each row of the diode matrix in sequence, and after the last row was activated, started over again with the first row.
The technique of microprogramming as first described by Maurice Wilkes in terms of a second diode matrix added to a diode matrix control store. Later computers used a variety of alternative implementations of the control store, but eventually returned to a diode matrix or transistor matrix. A person would microprogram the control store on such early computers by manually attaching diodes to selected intersections of the word lines and bit lines. In schematic diagrams, the word lines are usually horizontal and the bit lines are usually vertical.
The control store on some minicomputers was one or more programmable logic array chips. The "blank" PLA from the chip manufacturer came with a diode matrix or transistor matrix with a diode (or transistor) at every intersection. A person would microprogram the control store on these computers by destroying the unwanted connections at selected intersections.
Some modern microprocessors and application-specific integrated circuits (ASICs) use a diode matrix or transistor matrix control store. Typically a blank grid is designed with a diode (or transistor) at every intersection, and then a mask is prepared that leaves out the unwanted connections at selected intersections. When reverse engineering integrated circuits that include such a mask-programmed decode ROM, one of the key steps is to take photographs of that ROM with enough resolution to separate each intersection site and enough color depth to distinguish between the "connected" and "not connected" intersections.
Since the control store is in the critical path of computer execution, a fast control store is an important part of a fast computer. For a while the control store was many times faster than program memory, allowing a long, complicated sequence of steps through the control store per instruction fetch, leading to what is now called complex instruction set computing. Later techniques for fast instruction cache sped that cache up to the point that the control store was only a few times faster than instruction cache, leading to fewer and eventually only one step through the control store per instruction fetch in reduced instruction set computing.
A keyboard matrix circuit has a very similar grid of diodes, but is used differently.

Read More