<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Development Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/web-development/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Mon, 23 Aug 2021 11:25:40 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to Become a Blockchain Developer?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-become-a-blockchain-developer/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-become-a-blockchain-developer/#respond</comments>
		
		<dc:creator><![CDATA[narayan k]]></dc:creator>
		<pubDate>Mon, 23 Aug 2021 11:25:38 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[blockcain]]></category>
		<category><![CDATA[c++]]></category>
		<category><![CDATA[Developer]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[Python]]></category>
		<category><![CDATA[scmgalaxy]]></category>
		<category><![CDATA[Skills]]></category>
		<category><![CDATA[Software Development]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=8226</guid>

					<description><![CDATA[<p>Blockchain development is one of the fastest growing areas. Companies are looking for blockchain developers to implement new ones, upgrade [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-become-a-blockchain-developer/">How to Become a Blockchain Developer?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Blockchain development is one of the fastest growing areas. Companies are looking for blockchain developers to implement new ones, upgrade their existing systems, and move forward in the industry. Technology is always evolving, and if you want to make a career for the future, is the way to go Blockchain.</p>



<p class="wp-block-paragraph"><strong>What is <a href="https://www.devopsschool.com/certification/blockchain.html" target="_blank" rel="noreferrer noopener">Blockchain Developer</a>?</strong></p>



<p class="wp-block-paragraph">Blockchain developer skills are a combination of hard skills and soft skills from an abstract point of view. They can handle the entire life cycle of a blockchain application. This means that you will be responsible for the execution of the application as well as research.</p>



<p class="wp-block-paragraph"><strong>Types of Blockchain Developers:</strong></p>



<p class="wp-block-paragraph">There are two types of Blockchain Developer.</p>



<ul class="wp-block-list"><li>Blockchain software developer</li><li>Core blockchain developer</li></ul>



<p class="wp-block-paragraph">They are both involved in blockchain development, but they have different responsibilities.</p>



<p class="wp-block-paragraph"><strong>Blockchain Software Developer</strong></p>



<figure class="wp-block-image size-full is-resized"><img fetchpriority="high" decoding="async" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-166.png" alt="" class="wp-image-8227" width="690" height="324" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-166.png 518w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-166-300x141.png 300w" sizes="(max-width: 690px) 100vw, 690px" /></figure>



<p class="wp-block-paragraph">Blokchain software developers to create applications based on Blokchain architectures and protocols. Their apps also run on the blockchain. You can compare them to web developers, who use the products of a web architect (protocol and design) to develop web applications.</p>



<p class="wp-block-paragraph">Blockchain software developers create dapps or decentralized applications. They are responsible for the back-end development as well as front-end of Daps. They also monitor the stack running the dapps.</p>



<p class="wp-block-paragraph"><strong>Core Blockchain Developer</strong></p>



<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-167.png" alt="" class="wp-image-8228" width="689" height="318" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-167.png 531w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/08/image-167-300x138.png 300w" sizes="(max-width: 689px) 100vw, 689px" /></figure>



<p class="wp-block-paragraph">These developers focus on the architecture development of blockchain systems. They design their own consensus protocol and make most of the important decisions related to the blockchain. They monitor the network and design the architecture of the same. Core blockchain developers are also responsible for the security of their blockchain network.</p>



<p class="wp-block-paragraph"><strong>Role and Responsibilities of Blockchain Developer:</strong></p>



<ul class="wp-block-list"><li>Research, design, develop, and test blockchain technologies.</li><li>Brainstorm and help evaluate applications for new tools and technologies as they continually evolve.</li><li>Maintain and extend current client- and server-side applications responsible for integration and business logic.</li><li>Collaborating with managers to determine blockchain technology needs and envisaged functionalities.</li><li>Maintaining client and server-side applications.</li><li>Optimizing and securing blockchain applications by integrating new tools and technologies.</li><li>Taking into account the current blockchain technologies and cryptography methods.</li></ul>



<p class="wp-block-paragraph"><strong>Blockchain Developer Skills:</strong></p>



<p class="wp-block-paragraph">Blockchain developers have many responsibilities. To handle those responsibilities well, they must possess certain skills as well.</p>



<p class="wp-block-paragraph"><strong>Cryptography:</strong></p>



<p class="wp-block-paragraph">Cryptography is the study of protocols that prevent unwanted parties from accessing your data. There are several essential concepts in cryptography that you should be familiar with as you will need them during blockchain development.</p>



<p class="wp-block-paragraph"><strong>Data Structures:</strong></p>



<p class="wp-block-paragraph">To become a blockchain developer you need to have extensive knowledge of data structures. This is because blockchain developers regularly work with different data structures as they need to build and implement networks.</p>



<p class="wp-block-paragraph"><strong>Blockchain Architecture:</strong></p>



<p class="wp-block-paragraph">To become a blockchain developer, you must be familiar with blockchain architecture. You should know what a ledger means in a blockchain, what is consensus, and how smart contracts work.</p>



<p class="wp-block-paragraph"><strong>Web Development:</strong></p>



<p class="wp-block-paragraph">As a blockchain developer, you will be developing web apps in most cases. Learning web development will you familiar with all its aspects, and you can create robust web apps that use Blokchain technology using this knowledge.</p>



<p class="wp-block-paragraph"><strong>Java:</strong></p>



<p class="wp-block-paragraph">Java is popular among blockchain developers due to its many properties. It is easy to learn, but it is capable of developing many complex solutions.</p>



<p class="wp-block-paragraph"><strong>C++:</strong></p>



<p class="wp-block-paragraph">C++ is a popular language among blockchain developers. You can do a lot of things related to blockchain with its help. The creators used C++ to create Bitcoin Core, so it&#8217;s definitely a must-see for any aspiring blockchain developer.</p>



<p class="wp-block-paragraph"><strong>Python:</strong></p>



<p class="wp-block-paragraph">Python is one of the most popular programming languages on the planet. It is versatile, and its various libraries enable you to use it for both front-end as well as back-end development. So you should also familiar yourself with Python.</p>



<p class="wp-block-paragraph">You can learn JavaScript, Ruby, and C# in addition to the languages mentioned above. The ability to learn and work with multiple languages is one of the important blockchain developer skills.</p>



<p class="wp-block-paragraph"><strong>What Blockchain Developer do?</strong></p>



<p class="wp-block-paragraph">Blockchain software developers build applications based on the blockchain architecture and protocol. Blockchain software developers create dapps or decentralized applications. They are responsible for the front-end as well as back-end development of Dapps. They also monitor the stack running the dapps.</p>



<p class="wp-block-paragraph">Blockchain developers enable secure digital transactions by the system to record and store Blockchain data which prevents changes or hack.</p>



<ul class="wp-block-list"><li>They design secure blockchain technologies.</li><li>Develop application features and interfaces.</li><li>Maintain client and server-side applications.</li></ul>



<p class="wp-block-paragraph">At present, Blockchain is considered one of the most revolutionary technologies as it transforms the way we interact, transact, and share information. Many technocrats and Blockchain Experts also believe that it is going to be the most disruptive technology in the next decade.</p>



<p class="wp-block-paragraph">Today, this technology is not only used by tech giants, enterprises, federal agencies, and even startups have started adopting Blockchain. In fact, they are looking for Certified Blockchain Experts and are considering certified professionals over the non-credential peers.</p>



<p class="wp-block-paragraph">Thank you!!</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-become-a-blockchain-developer/">How to Become a Blockchain Developer?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-become-a-blockchain-developer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS border-spacing property</title>
		<link>https://www.scmgalaxy.com/tutorials/css-border-spacing-property/</link>
					<comments>https://www.scmgalaxy.com/tutorials/css-border-spacing-property/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Mon, 26 Jul 2021 10:23:55 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Borer-spacing]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7046</guid>

					<description><![CDATA[<p>This CSS property is used to set the distance between the borders of the adjacent cells in the table. It [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-border-spacing-property/">CSS border-spacing property</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">This CSS property is used to set the distance between the borders of the adjacent cells in the table. It applies only when the border-collapse property is set to seprate. There will not be any space between the borders is the border-collapse is set to collapse.</p>



<p class="wp-block-paragraph">It can be defined as one or two values for determining the vertical and horizontal spacing. When only one values is specified, then it sets both horizontal and vertical spacing. When we use the two value syntax, then the first one is used to set the horizontal spacing, and the second value sets the vertical spacing.</p>



<p class="wp-block-paragraph"><strong>syntax:- </strong></p>



<p class="wp-block-paragraph">border-spacing: length | initian | inherit;</p>



<p class="wp-block-paragraph"><strong>property values:-</strong></p>



<p class="wp-block-paragraph"><strong>length:- </strong>This value sets the distance between the borders of the adjacent table cell in px, cm, pt, etc. Negative values are not allowed.</p>



<p class="wp-block-paragraph"><strong>initial:- </strong>It sets the property to its default value.</p>



<p class="wp-block-paragraph"><strong>inherit:- </strong>It inherit the property from its parent element.</p>



<p class="wp-block-paragraph">Example:-</p>



<p class="wp-block-paragraph">Using the value of the border-spacing property. The border- collapse property is set to separate, and value of the border-spacing is set to 45px. </p>



<script src="https://gist.github.com/shashank969/3043bf905886046d17982ab56387d8a8.js"></script>



<figure class="wp-block-image"><img decoding="async" src="https://static.javatpoint.com/csspages/images/css-border-spacing-property.png" alt="CSS border-spacing property"/></figure>



<p class="wp-block-paragraph"><strong>Example:-</strong></p>



<p class="wp-block-paragraph">Using two values of teh border spacing property. The border-collapse property is set to separate, and the value of teh border-spacing is set to 20pt 1em. The first value, i.e., 20pt sets the horizontal spacing, and the 1 em set the vertical spacing.</p>



<script src="https://gist.github.com/shashank969/45565912ef2800345d0ca46818d1f3e7.js"></script>



<figure class="wp-block-image"><img decoding="async" src="https://static.javatpoint.com/csspages/images/css-border-spacing-property2.png" alt="CSS border-spacing property"/></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-border-spacing-property/">CSS border-spacing property</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/css-border-spacing-property/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS border- collapse property</title>
		<link>https://www.scmgalaxy.com/tutorials/css-border-collapse-property/</link>
					<comments>https://www.scmgalaxy.com/tutorials/css-border-collapse-property/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Mon, 26 Jul 2021 09:57:44 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Border]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=7043</guid>

					<description><![CDATA[<p>This property set the border of the table cells ans specifies wheather the table cells share the seprate or common [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-border-collapse-property/">CSS border- collapse property</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">This property set the border of the table cells ans specifies wheather the table cells share the seprate or common border.</p>



<p class="wp-block-paragraph">This property has two main values that are seprate and collapse. When it is set to the value seprate, distance between the cells can be defined using the border-specing property. When the border-collapse is set to the value collapse, then the inset value of the border-style property behaves like groove, and the outset value behave like ridge. </p>



<p class="wp-block-paragraph"><strong>Syntax:-</strong></p>



<p class="wp-block-paragraph">border-collapse: separate| collapse| initial | inherit;</p>



<p class="wp-block-paragraph"><strong>Property values:- </strong></p>



<p class="wp-block-paragraph"><strong>seprate:- </strong>It is the default value that seprates the border of the table cell. Using the value, each cell will display its own border.</p>



<p class="wp-block-paragraph"><strong>collapse:- </strong>The value is used to collapse the borders into a single border. Using this, two adjacent table cells will share a border. When this value is applied, the border-spacing property does not affect.</p>



<p class="wp-block-paragraph"><strong>initial:- </strong>It sets the property to its default value.</p>



<p class="wp-block-paragraph"><strong>inherit: </strong>It inherits the propperty form its parent element.</p>



<p class="wp-block-paragraph"><strong>Example- Using seprate value</strong></p>



<script src="https://gist.github.com/shashank969/20766d7c7ee0f26ef139373e89ecbbce.js"></script>



<p class="wp-block-paragraph"><strong>Example:- Using collapse property:-</strong></p>



<script src="https://gist.github.com/shashank969/585cbc601a1d74d335b780fec47f5134.js"></script>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-border-collapse-property/">CSS border- collapse property</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/css-border-collapse-property/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS tutorial (CSS Border-radius)</title>
		<link>https://www.scmgalaxy.com/tutorials/css-tutorial-css-border-radius/</link>
					<comments>https://www.scmgalaxy.com/tutorials/css-tutorial-css-border-radius/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Thu, 22 Jul 2021 12:59:07 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6946</guid>

					<description><![CDATA[<p>CSS border-property:- The css property sets the rounded borders and provides the rounded corners around an element, tag, or div. [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-tutorial-css-border-radius/">CSS tutorial (CSS Border-radius)</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>CSS border-property:- </strong>The css property sets the rounded borders and provides the rounded corners around an element, tag, or div. It defines the radius of the corners of an element. </p>



<p class="wp-block-paragraph">It is shorthand for border top-left-radius, border-top-right, border-bottom- right-radius and border-bottom-left-radius. It gives the rounded shape to the corners of the border of an element. We can specify the border for all four corners of the box in a single declaration using the border-radius. The values of this property can be defined in percentage or length units.If the bottom-left value is omitted, then it will be same as the top-right. If the value of bottom-right is eliminated, then it will be same as the top-left. Similarly, if top-right is eliminated, then it will be the same as top-left.</p>



<p class="wp-block-paragraph">Let&#8217;s see what happens when we provide a single value, two values, three values, and four values to this property.</p>



<ul class="wp-block-list"><li>If we provide a single value <strong>(</strong>such as <strong>border-radius: 30px;)</strong> to this property, it will set all corners to the same value.</li><li>When we specify two values <strong>(</strong>such as <strong>border-radius: 20% 10% <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f609.png" alt="😉" class="wp-smiley" style="height: 1em; max-height: 1em;" /></strong>, then the first value will be used for the top-left and bottom-right corners, and the second value will be used for the top-right and bottom-left corners.</li><li>When we use three values <strong>(</strong>such as <strong>border-radius: 10% 30% 20%;)</strong> then the first value will be used for the top-left corner, the second value will be applied on top-right, and bottom-left corners and the third value will be applied to the bottom-right corner.</li><li>Similarly, when this property has four values <strong>(border-radius: 10% 30% 20% 40%;)</strong> then the first value will be the radius of top-left, the second value will be used for the top-right, the third value will be applied on bottom-right, and the fourth value is used for bottom-left.</li></ul>



<p class="wp-block-paragraph">example:-</p>



<script src="https://gist.github.com/shashank969/cb5254df93252a0e79e9506f91c8fe32.js"></script>



<p class="wp-block-paragraph"><strong>Border-radius for specific corners:-</strong></p>



<p class="wp-block-paragraph">It sets the border radius for the top-left corner.</p>



<script src="https://gist.github.com/shashank969/44cc9d7731bbd43aba1cd23fff64e402.js"></script>



<p class="wp-block-paragraph">Example:- border-top-right-radius</p>



<p class="wp-block-paragraph">It sets the border-radius for the top-right corner.</p>



<script src="https://gist.github.com/shashank969/0ad4c18d51d528c17840e15d6b420f89.js"></script>



<p class="wp-block-paragraph">Example- border-bottom-right-radius</p>



<p class="wp-block-paragraph">It sets the border-radius for the bottom-right corner.</p>



<script src="https://gist.github.com/shashank969/5c003b3279268019fb0e54696583658d.js"></script>



<p class="wp-block-paragraph">Example- border-bottom-left-radius</p>



<p class="wp-block-paragraph">It sets the border-radius for the bottom-left corner.</p>



<script src="https://gist.github.com/shashank969/e5c466a69290346013c6af2596898330.js"></script>



<p class="wp-block-paragraph">We can specify seprate horizontal and vertical values by using the slash(/) symbol. The values before the slash (/) is used for the horizontal radius and the values after the slash(/) are for the vertical radius.</p>



<p class="wp-block-paragraph">There is an example given below using the slash(/) symbol.</p>



<p class="wp-block-paragraph">Example:-</p>



<script src="https://gist.github.com/shashank969/60a66143b304572f2081f1401c1d3e5d.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-tutorial-css-border-radius/">CSS tutorial (CSS Border-radius)</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/css-tutorial-css-border-radius/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>CSS tutorial part-2</title>
		<link>https://www.scmgalaxy.com/tutorials/css-tutorial-part-2/</link>
					<comments>https://www.scmgalaxy.com/tutorials/css-tutorial-part-2/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Thu, 22 Jul 2021 11:47:02 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6912</guid>

					<description><![CDATA[<p>CSS Selector:- CSS selector are used to select those content which we want to style. CSS selector is used to [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-tutorial-part-2/">CSS tutorial part-2</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>CSS Selector:-</strong></p>



<p class="wp-block-paragraph">CSS selector are used to select those content which we want to style. CSS selector is used to select HTML elements according to its id, class, type, attribute etc.</p>



<p class="wp-block-paragraph">Types of CSS selector:-</p>



<ol class="wp-block-list"><li>CSS element selector</li><li>CSS Id selector</li><li>CSS Class selector</li><li>CSS universal selector</li><li>CSS Group selector</li></ol>



<ol class="wp-block-list"><li><strong>Css Element selector:- </strong>CSS element selector selects the HTML element by name.</li><li><strong>CSS Id Selector:- </strong>The Id selector selects the id attributes of an HTML element to select a specific element. An id is always unique within the page so it is chosen to select a single, unique element.</li><li><strong>CSS Class Selector:- </strong>It select the HTML elements with a specific class attribute. It is used with a period character .(full stop symbol) followed by the class name.</li><li><strong>CSS Universal Selector:- </strong>The universal selector is used as a wildcard character. It selects all elements on the page.</li><li><strong>CSS Group Selector:- </strong>It is used on those elements which have same style definations. Grouping selector is used to minimize the code. Commas are used to separate each selector in grouping.</li></ol>



<p class="wp-block-paragraph"><strong>CSS Comments:- </strong>CSS comments are generally written to explain your code. It is very helpful fir the users who reads your code so that they can easily understand the code. Comments are ignored by the browsers. Comments are the single line or multiple line statements and written in <strong>/*&#8230;&#8230;..*/</strong>  .</p>



<p class="wp-block-paragraph"><strong>CSS Background:- </strong>This property is used to define the backgroud effects on elements. There are 5 CSS background properties that affect the HTML elements.</p>



<ol class="wp-block-list"><li>background-color</li><li>background-image</li><li>background-repeat</li><li>background-attachment</li></ol>



<ol class="wp-block-list"><li><strong>CSS Background-color:-</strong> This property is used to specify the background color of element.</li></ol>



<p class="wp-block-paragraph">You can set the background color like this:</p>



<script src="https://gist.github.com/shashank969/9dc817da2205e399f37008935e3a7f8d.js"></script>



<p class="wp-block-paragraph"><strong>2.CSS background-image:- </strong>The background-image property is used to set an image as a background of an element. By default the image covers the entire element.  Example:-</p>



<script src="https://gist.github.com/shashank969/0c84d160e1225364dd58dceba4926534.js"></script>



<p class="wp-block-paragraph"><strong>3. CSS background-repeat:- </strong>BY default, </p>



<p class="wp-block-paragraph">the background-image property repeats the background image horizontally and vertically. Some images are repeated only horizontally or vertically.</p>



<p class="wp-block-paragraph">The background looks better if the image repeated horizontally only.</p>



<script src="https://gist.github.com/shashank969/916e32cf63d71c362075608b2edc17af.js"></script>



<p class="wp-block-paragraph"><strong>4. CSS background-attachment:- </strong>Thisproperty is used to specify if the background image is fixed or scroll with the rest of the page in browser window. If you set fixed the background image then the image will not move during scrolling in the browser. example:-</p>



<script src="https://gist.github.com/shashank969/42c2e373a2db9f45683866f5a5f37cf4.js"></script>



<p class="wp-block-paragraph"><strong>5.CSS background-position:- </strong>The background-position property is used to define the initial position of the background image. By default, the background image is placed on the top-left of the webpage. we can set the following positions:-</p>



<ol class="wp-block-list"><li>centre</li><li>top</li><li>bottom</li><li>left</li><li>right</li></ol>



<script src="https://gist.github.com/shashank969/ed7d08975b4ea5f5d9dc250fb818d3b6.js"></script>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/css-tutorial-part-2/">CSS tutorial part-2</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/css-tutorial-part-2/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Introduction to CSS(Cascading Style Sheets) Part-1:-</title>
		<link>https://www.scmgalaxy.com/tutorials/introduction-to-csscascading-style-sheets-part-1/</link>
					<comments>https://www.scmgalaxy.com/tutorials/introduction-to-csscascading-style-sheets-part-1/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Wed, 21 Jul 2021 13:04:05 +0000</pubDate>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[cascading style sheets]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6851</guid>

					<description><![CDATA[<p>CSS is the language we use to style the web pages. CSS stands for Cascading Styles Sheets. It describes how [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/introduction-to-csscascading-style-sheets-part-1/">Introduction to CSS(Cascading Style Sheets) Part-1:-</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">CSS is the language we use to style the web pages. CSS stands for Cascading Styles Sheets. It describes how HTML elements are displayed on the screen. It can control the layout of multiple web pages all at once.</p>



<p class="wp-block-paragraph"><strong>CSS Syntax:-</strong></p>



<figure class="wp-block-image"><img decoding="async" src="https://www.w3schools.com/css/img_selector.gif" alt="CSS selector"/></figure>



<p class="wp-block-paragraph">The selector points the HTML elemet you want to style.</p>



<p class="wp-block-paragraph">The declaration block contains one or more declarations seprated bs semicolons.</p>



<p class="wp-block-paragraph">Each declaration includes a css property name and value, seprated by a colons.</p>



<p class="wp-block-paragraph">Multiple CSS declarations are seprated with semicolons, and declarations block are surrounded by curly braces.</p>



<p class="wp-block-paragraph"><strong>Advantages of CSS:-</strong></p>



<ol class="wp-block-list"><li><strong>Time saving:-</strong>We can write css once and then reuse same sheet in multiple HTML pages. It saves lots of time.</li><li><strong>Faster load pages:- </strong>If we use CSS, we do not need to write HTML tag attributes everytime. Just write one CSS rule of a tag and apply it to all the occurrences of that tag. So less code means faster download times.</li><li><strong>Easy maintenence:-</strong> To make a global change, simply change the style, and all elements in all the web pages will be updated automatically.</li><li><strong>Multiple device compatiblity:-</strong> Style sheets allow content to be optimized for more than one type of device.</li><li><strong>Global web standards:-</strong> Now HTML attributes are being deprecated and it is bieng recommended to use CSS.</li></ol>



<p class="wp-block-paragraph"><strong>Ways of inserting CSS:-</strong></p>



<ol class="wp-block-list"><li>External style sheets</li><li>Internal style sheets/Embedded Style sheets </li><li>Inline css</li></ol>



<p class="wp-block-paragraph"><strong>External Style Sheets:-</strong></p>



<p class="wp-block-paragraph">An external style sheet is a separate document that contains only CSS rules. An external style sheet helps to change the look of an entire website by changing just one css file. It should not contain any HTML Tags. It has .css extension.</p>



<p class="wp-block-paragraph">Example:-</p>



<p class="wp-block-paragraph">p { color: red; font-size: 24px;}</p>



<p class="wp-block-paragraph">h1{ color: blue; font-size: 24em;}</p>



<p class="wp-block-paragraph">1. Open notepad++ or any other Editor or IDE</p>



<p class="wp-block-paragraph">2. Write CSS Code</p>



<p class="wp-block-paragraph">3. Save with .css extension for example geekyshows.css</p>



<p class="wp-block-paragraph"><strong>How to link Web Page to an External Style Sheet:-</strong></p>



<p class="wp-block-paragraph">The href attribute with &lt;link&gt; element inside the &lt;head&gt; tag is used to link web page to an external style sheet.</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;title&gt;Welcome to Geekyshows&lt;/title&gt;</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;link rel=“stylesheet” href=“geekyshows.css”&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;body&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;h1&gt;I am Heading&lt;/h1&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;p&gt;I am first Paragraph.&lt;/p&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;p&gt;I am second Paragraph&lt;/p&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/body&gt;</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>Internal Style Sheets:-</strong></p>



<p class="wp-block-paragraph">Internal Style sheet is a set of style that is created as a part of HTML document. An internal style sheet may be used if one single page has a unique style.</p>



<p class="wp-block-paragraph">Internal Style sheets are created using &lt;style&gt; element, which is added inside the &lt;head&gt; element of the HTML document.</p>



<p class="wp-block-paragraph">Example:-</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;title&gt;Hello CSS&lt;/title&gt;</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;style type=“text/css”&gt;</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; p { color: red; font-size: 24px;}</p>



<p class="wp-block-paragraph">&nbsp; h1{ color: blue; font-size: 24em;}</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;/style&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;body&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;h1&gt;I am Heading&lt;/h1&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;p&gt;I am first Paragraph.&lt;/p&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;p&gt;I am second Paragraph&lt;/p&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/body&gt;</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>Inline Styles:-</strong></p>



<p class="wp-block-paragraph">Inline style is useful when we need to define specific style for individual elements present on a web page. The <em>style</em> attribute in a specific Tag or element, is used to create inline style. The style attribute can contain any CSS property between double quotes.</p>



<p class="wp-block-paragraph">Ex:-</p>



<p class="wp-block-paragraph">For paragraph:-</p>



<p class="wp-block-paragraph">&lt;p style=“color: red; font-size: 22px;”&gt; I am first paragraph&lt;/p&gt;</p>



<p class="wp-block-paragraph">&lt;p&gt; I am second paragraph&lt;/p&gt;</p>



<p class="wp-block-paragraph">For Heading: &#8211;</p>



<p class="wp-block-paragraph">&lt;h1 style=“color: red; font-size: 22px;”&gt; I am Heading&lt;/h1&gt;</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/introduction-to-csscascading-style-sheets-part-1/">Introduction to CSS(Cascading Style Sheets) Part-1:-</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/introduction-to-csscascading-style-sheets-part-1/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Introduction to HTML.</title>
		<link>https://www.scmgalaxy.com/tutorials/introduction-to-html/</link>
					<comments>https://www.scmgalaxy.com/tutorials/introduction-to-html/#respond</comments>
		
		<dc:creator><![CDATA[shashank K]]></dc:creator>
		<pubDate>Mon, 19 Jul 2021 11:58:57 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6795</guid>

					<description><![CDATA[<p>What is HTML? HTML provides a way of displaying Web pages with text and images or multimedia content. HTML is [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/introduction-to-html/">Introduction to HTML.</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>What is HTML?</strong></p>



<p class="wp-block-paragraph">HTML provides a way of displaying Web pages with text and images or multimedia content. HTML is not a programming language, it is a markup language. An HTML file is a text file containing small markup tags. The markup tags tell the web browser, such as Google chrome or internet explorer, how to display the page. An HTML file must have an htm or html file extension. HTML stands for HyperText Markup Language.</p>



<p class="wp-block-paragraph"><strong>HTML Tags:-</strong></p>



<p class="wp-block-paragraph">A tag is a bit of text acts as a point demarcation. To create a tag, HTML gives certain characters special meaning: th e angle brackets &lt;and>. putting characters within the brackets creates a tag.<br>types of tags:<br>there are two types of tags.</p>



<ol class="wp-block-list"><li>Start tag</li><li>End tag/Closing tag    End tag is same as start tag except that it has an extra forward slash after opening angle bracket.</li></ol>



<p class="wp-block-paragraph"><strong>Element:-</strong><br>The combination of start tag,end tag and things between the two tags are known as contents of teh element.<br><strong>Attribute:-</strong><br>Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts:- a name and a value, seprated by an equals sign. the attributes name indicate what type of extra information you are supplying about the element content.</p>



<p class="wp-block-paragraph">HTML headings:-<br>HTML headings are defined with the &lt;h1> to &lt;h6> tags. &lt;h1>defines the most important tags and &lt;h6> defines the least important tags.</p>



<p class="wp-block-paragraph"><strong>HTML paragraphs:-</strong><br>HTML paragraphs are defined with the tag.</p>



<p class="wp-block-paragraph"><strong>HTML links:-</strong><br>HTML links are defined with the &lt;a> tag. </p>



<p class="wp-block-paragraph">It is also called anchor tag. The link destination is specified in href attribute.<br>example:- <span class="has-inline-color has-vivid-red-color">&lt;a href=&#8221;https://www.facebook.com&#8221;>This is a link.&lt;/a></span></p>



<p class="wp-block-paragraph">HTML images:-<br>HTML images are defined with teh  tag. The source file(src), alternative text(alt), width and height are the attributes used with the with this tag.<br>example:- <span class="has-inline-color has-vivid-red-color">&lt;img src=&#8221;pic.jpg&#8221; alt=&#8221;facebook.com&#8221; width=&#8221;104&#8243; height=&#8221;142&#8243;></span><br></p>



<p class="wp-block-paragraph"><strong>How to view HTML source?</strong><br>To see the source code of the html page, right click on the HTML page and then select view page source, or we can use a shortcut key <strong>ctrl+u.</strong></p>



<p class="wp-block-paragraph"><strong>Some important attributes:-</strong></p>



<ol class="wp-block-list"><li><strong>src attribute:</strong>&#8211; Ths attribute id used in img tag. The src attribute specifies the path to the image to be displayed.<br>Example:-<strong>&lt;img src=&#8221;img_girl.jpg&#8221;></strong><br><br>There are two ways to specify the URL in the src attribute:<ul><li>Absolute URL-Links to an external image that is hosted on another website. Example: src=&#8221;https://www.facebook.com/images/img_girl.jpg&#8221;.</li><li>Rekative URL- Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page. Example: src=&#8221;img_girl.jpg&#8221;. If the URL begins with a slash, it will be relative to the domain. Example: src=&#8221;/images/img_girl.jpg&#8221;.</li></ul></li></ol>



<p class="wp-block-paragraph"><strong>2. Width and height attribute:-</strong> the  tag contain the width and height attribute, it defines the width and height of the image diaplayed.</p>



<ol class="wp-block-list" start="3"><li><strong>The Alt attribute:-</strong> The required alt attribute for the  tag specifies an alternate text for an image, if the image for some reason cannot be displayed. This can be due to slow connection, or an error in the src attribute, or if the user uses a screen reader.</li><li><strong>The style attribute:-</strong> the style attribute is used to add atyle to the elment, such as colour, font, size etc.<br>exmple:-This is a red paragraph.</li><li><strong>The lang attribute:-</strong> The lang attribute is used inside the tag, to declare the language of the web page.</li></ol>



<p class="wp-block-paragraph"><strong>HTML styles:- </strong></p>



<p class="wp-block-paragraph">The HTML styles attributes is used to add styles to an element, such as color font size etc.<br><strong>Background color:- </strong>The CSS background-color property defines the background color for an HTML element.</p>



<p class="wp-block-paragraph">example:- </p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;body style=&#8221;background-color:powderblue;&#8221;></span></p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;h1>This is a heading&lt;/h1></span><br><span class="has-inline-color has-vivid-red-color">&lt;p>This is a paragraph.&lt;/p></span></p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;/body></span></p>



<p class="wp-block-paragraph"><strong>Text color:-</strong>The CSS <code>color</code> property defines the text color for an HTML element.</p>



<p class="wp-block-paragraph">example:-</p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;h1 style=&#8221;color:blue;&#8221;>This is a heading&lt;/h1></span><br><span class="has-inline-color has-vivid-red-color">&lt;p style=&#8221;color:red;&#8221;>This is a paragraph.&lt;/p></span></p>



<p class="wp-block-paragraph"><strong>Fonts:-</strong>The CSS <code>font-family</code> property defines the font to be used for an HTML element.</p>



<p class="wp-block-paragraph">example:-</p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;h1 style=&#8221;font-family:verdana;&#8221;>This is a heading&lt;/h1></span><br><span class="has-inline-color has-vivid-red-color">&lt;p style=&#8221;font-family:courier;&#8221;>This is a paragraph.&lt;/p></span></p>



<p class="wp-block-paragraph"><strong>Text size:-</strong> The CSS <code>font-size</code> property defines the text size for an HTML element.</p>



<p class="wp-block-paragraph">example:-</p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;h1 style=&#8221;font-size:300%;&#8221;>This is a heading&lt;/h1></span><br><span class="has-inline-color has-vivid-red-color">&lt;p style=&#8221;font-size:160%;&#8221;>This is a paragraph.&lt;/p></span></p>



<p class="wp-block-paragraph"><strong>Text allignment:-</strong>The CSS <code>text-align</code> property defines the horizontal text alignment for an HTML element.</p>



<p class="wp-block-paragraph">example:-</p>



<p class="wp-block-paragraph"><span class="has-inline-color has-vivid-red-color">&lt;h1 style=&#8221;text-align:center;&#8221;>Centered Heading&lt;/h1></span><br><span class="has-inline-color has-vivid-red-color">&lt;p style=&#8221;text-align:center;&#8221;>Centered paragraph.&lt;/p></span></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/introduction-to-html/">Introduction to HTML.</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/introduction-to-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Explanation of Database Migrations in Laravel 5.8</title>
		<link>https://www.scmgalaxy.com/tutorials/explanation-of-database-migrations-in-laravel-5-8/</link>
					<comments>https://www.scmgalaxy.com/tutorials/explanation-of-database-migrations-in-laravel-5-8/#comments</comments>
		
		<dc:creator><![CDATA[Joydeep M]]></dc:creator>
		<pubDate>Thu, 11 Mar 2021 12:17:59 +0000</pubDate>
				<category><![CDATA[Laravel]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[laravel]]></category>
		<category><![CDATA[Migrations]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/?p=5494</guid>

					<description><![CDATA[<p>Migration is a way that allows us to create a table in our database, without accessing the database manager such as [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/explanation-of-database-migrations-in-laravel-5-8/">Explanation of Database Migrations in Laravel 5.8</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Migration is a way that allows us to create a table in our database, without accessing the database manager such as phpmyadmin or sql lite. </p>



<p class="wp-block-paragraph">To create a migration we should execute the command:</p>



<pre class="wp-block-code"><code>php artisan make:migration &#91;options] &#91;--] &lt;name></code></pre>



<p class="wp-block-paragraph">Here, in the option we have number options to enter depending upon the requirement. We can see all the options given below:</p>



<p class="wp-block-paragraph">&#8211;create[=CREATE]The table to be created<br>&#8211;table[=TABLE] The table to migrate<br>&#8211;path[=PATH] The location where the migration file should be created<br>&#8211;realpath Indicate any provided migration file paths are pre-resolved absolute paths<br>&#8211;fullpath Output the full path of the migration<br>-h, &#8211;help Display this help message<br>-q, &#8211;quiet Do not output any message<br>-V, &#8211;version Display this application version<br>&#8211;ansi Force ANSI output<br>&#8211;no-ansi Disable ANSI output<br>-n, &#8211;no-interaction Do not ask any interactive question<br>&#8211;env[=ENV] The environment the command should run under<br>-v|vv|vvv, &#8211;verbose Increase the verbosity of messages: 1 for normal output, 2 for more verbose output and 3 for debug</p>



<p class="wp-block-paragraph">Once we create the migration we can see a file under Migration-> database. Migrations are files which contain a class definition with both an up() and a down() method. The up() method helps to apply changes to the database and the down() method is used to rollback the changes in the database.</p>



<pre class="wp-block-code"><code>Example:-

class CreateCustomersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('customers', function (Blueprint $table) {
            $table->bigIncrements('id');
            $table->string('name');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('customers');
    }
}</code></pre>



<p class="wp-block-paragraph">To run all of our outstanding migrations, we can execute the Artisan command given below:</p>



<pre class="wp-block-code"><code>php artisan migrate</code></pre>



<p class="wp-block-paragraph">Also once we execute our migrations in the database we do have the option to roll back the latest migration operation, by using the rollback Artisan command. This command rolls back the last &#8220;batch&#8221; of migrations, which may include multiple migration files:</p>



<pre class="wp-block-code"><code>php artisan migrate:rollback</code></pre>



<p class="wp-block-paragraph">In Laravel we also have an option to rollback and execute the migration simultaneously with an Artisan command:</p>



<pre class="wp-block-code"><code>php artisan migrate:refresh</code></pre>



<p class="wp-block-paragraph">To see a video for the topic you can follow the video given below:-</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe  id="_ytid_45526"  width="640" height="360"  data-origwidth="640" data-origheight="360" src="https://www.youtube.com/embed/ccYiq4c_igQ?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;" class="__youtube_prefs__  epyt-is-override  no-lazyload" title="YouTube player"  allow="fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen data-no-lazy="1" data-skipgform_ajax_framebjll=""></iframe>
</div></figure>



<p class="has-normal-font-size wp-block-paragraph">Follow the other blog in which we will learn about creating tables in the database.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/explanation-of-database-migrations-in-laravel-5-8/">Explanation of Database Migrations in Laravel 5.8</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/explanation-of-database-migrations-in-laravel-5-8/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>WHAT IS HTML?</title>
		<link>https://www.scmgalaxy.com/tutorials/what-is-html/</link>
					<comments>https://www.scmgalaxy.com/tutorials/what-is-html/#respond</comments>
		
		<dc:creator><![CDATA[Joydeep M]]></dc:creator>
		<pubDate>Sat, 06 Mar 2021 12:48:41 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/?p=5448</guid>

					<description><![CDATA[<p>HTML provides a way of displaying Web pages with text and images or multimedia content. HTML is not a programming [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-html/">WHAT IS HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">HTML provides a way of displaying Web pages with text and images or multimedia content. HTML is not a programming language, but a markup language. An HTML file is a text file containing small markup tags. The markup tags tell the Web browser, such as Mozila Firefox or Google Chrome, how to display the page. An HTML file must have an htm or html file extension. HTML stands for HyperText Markup Language.</p>



<p class="wp-block-paragraph"><strong>HTML pages are of two types:</strong></p>



<p class="wp-block-paragraph">•<em>Static Pages</em> &#8211; Static pages, as the name indicates, comprise static content (text or images). So you can only see the contents of a web page without being able to have any interaction with it. </p>



<p class="wp-block-paragraph">•<em>Dynamic Pages</em> &#8211; Dynamic pages are those where the content of the web page depend on user input. So interaction with the user is required in order to display the web page. For example, consider a web page which requires a number to be entered from the user in order to find out if it is even or odd. When the user enters the number and clicks on the appropriate button, the number is sent to the web server, which in turn returns the result to the user in an HTML page.</p>



<p class="wp-block-paragraph"><strong>Tags</strong></p>



<p class="wp-block-paragraph">A tag is a bit of text that acts as a point demarcation. To create a tag, HTML gives certain characters special meaning: the angle brackets &lt; and &gt;.</p>



<p class="wp-block-paragraph">&nbsp; Putting characters within angle brackets creates a tag.</p>



<pre class="wp-block-code"><code>	&lt;h1&gt; A heading &lt;/h1&gt;
</code></pre>



<p class="wp-block-paragraph"><strong>There are two tags:</strong></p>



<p class="wp-block-paragraph">Start tag or opening tag and End tag or closing tag. An end tag always matches a start tag, except that it has an extra forward slash after the opening angle bracket.</p>



<p class="wp-block-paragraph">&nbsp; &lt;h1&gt; A heading &lt;/h1&gt;</p>



<p class="wp-block-paragraph"><strong>Type of Tag</strong></p>



<p class="wp-block-paragraph">•<strong>Container Tag </strong>– Which has opening and closing Tag.<br>Ex: &#8211;<br>&lt;html&gt; ……. &lt;/html&gt;<br>&lt;head&gt; ……. &lt;/head&gt;<br>&lt;body&gt; ……. &lt;/body&gt;</p>



<p class="wp-block-paragraph"><br>•<strong>Empty Tag </strong>– which has only opening tag.<br>Ex: &#8211;<br>&lt;br&gt;<br>&lt;area&gt;<br>&lt;base&gt;<br>&lt;hr&gt;<br>&lt;img&gt;<br>&lt;input&gt;</p>



<p class="wp-block-paragraph"><strong>Element</strong></p>



<p class="wp-block-paragraph">The combination of a start and end tags define an element. Everything between the two tags is referred to as the contents of the element.</p>



<p class="wp-block-paragraph">&nbsp; &nbsp; &lt;h1&gt; A heading &lt;/h1&gt;</p>



<p class="wp-block-paragraph"><strong>Attribute</strong></p>



<p class="wp-block-paragraph">Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: &#8211; a name and a value, separated by an equals sign.</p>



<p class="wp-block-paragraph">&lt;p lang = “en-us”&gt;Paragraph in English &lt;/p&gt;</p>



<p class="wp-block-paragraph">The attribute name indicates what kind of extra information you are supplying about the element&#8217;s content. It should be written in lowercase.</p>



<p class="wp-block-paragraph">The value is the information or setting for the attribute. It should be placed in double quotes. Different attributes can have different values.</p>



<p class="wp-block-paragraph">&nbsp;In this example an attribute called lang is used to indicate the language used in this element. The value of this attribute on this page specifies it is in US English.</p>



<p class="wp-block-paragraph"><em>Note: &#8211; HTML5 allows you to use uppercase attribute names and omit the quote marks, but this is not recommended.</em></p>



<p class="wp-block-paragraph"><strong>HTML Tag</strong></p>



<p class="wp-block-paragraph">&lt;HTML&gt; is a starting tag. To delimit the text inside, add a closing tag by adding a forward slash “/” to the starting tag. Most but not all tags have a closing tag. It is necessary to write the code for an HTML page between &lt;HTML&gt; and &lt;/HTML&gt;. This &lt;HTML&gt; tells the browser is &#8216;this is the start of an HTML document&#8217; and &lt;/HTML&gt; &#8216;this is the end of an HTML document&#8217;.</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">……………………..</p>



<p class="wp-block-paragraph">………………………</p>



<p class="wp-block-paragraph">………………………….</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>Head Tag</strong></p>



<p class="wp-block-paragraph">Before the &lt;body&gt; element you will often see a &lt;head&gt; element. This contains information about the page, rather than information that is shown within the main part of the browser. You will usually find a &lt;title&gt; element inside the &lt;head&gt; element. &lt;head&gt; is opening head tag and &lt;/head&gt; is closing head tag.</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;title&gt; Hello &lt;/title&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/head&gt;</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>Title Tag</strong></p>



<p class="wp-block-paragraph">The contents of the &lt;title&gt; element are either shown in the top of the browser, above where you usually type in the URL of the page you want to visit, or on the tab for that page (if your browser uses tabs to allow you to view multiple pages at the same time). &lt;title&gt; is opening title tag and &lt;/title&gt; closing title tag.</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;title&gt; Hello &lt;/title&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/head&gt;</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>Body Tag</strong></p>



<p class="wp-block-paragraph">Everything inside this element is shown inside the main browser window.&nbsp; &lt;body&gt; is opening body tag and &lt;/body&gt; is closing tag.</p>



<p class="wp-block-paragraph">&lt;html&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;head&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;title&gt; Hello &lt;/title&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;/head&gt;</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;body&gt;</p>



<p class="wp-block-paragraph">&nbsp; &lt;h1&gt; Body of Page &lt;/h1&gt;</p>



<p class="wp-block-paragraph">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/body&gt;</p>



<p class="wp-block-paragraph">&lt;/html&gt;</p>



<p class="wp-block-paragraph"><strong>HTML</strong></p>



<figure class="wp-block-table"><table><tbody><tr><td><strong>Version</strong></td><td><strong>Year</strong></td></tr><tr><td>HTML</td><td>1991</td></tr><tr><td>HTML 2.0</td><td>1995</td></tr><tr><td>HTML 3.2</td><td>1997</td></tr><tr><td>HTML 4.01</td><td>1999</td></tr><tr><td>XHTML</td><td>2000</td></tr><tr><td>HTML 5</td><td>2014</td></tr></tbody></table></figure>



<p class="wp-block-paragraph"><strong>HTML 4.01</strong></p>



<p class="wp-block-paragraph">HTML 4.01 Strict</p>



<p class="wp-block-paragraph">&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01//EN&#8221; &#8220;http://www.w3.org/TR/html4/strict.dtd&#8221;&gt;</p>



<p class="wp-block-paragraph">HTML 4.01 Transitional</p>



<p class="wp-block-paragraph">&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01 Transitional//EN&#8221; &#8220;http://www.w3.org/TR/html4/loose.dtd&#8221;&gt;</p>



<p class="wp-block-paragraph">HTML 4.01 Frameset</p>



<p class="wp-block-paragraph">&lt;!DOCTYPE HTML PUBLIC &#8220;-//W3C//DTD HTML 4.01 Frameset//EN&#8221; &#8220;http://www.w3.org/TR/html4/frameset.dtd&#8221;&gt;</p>



<p class="wp-block-paragraph"><strong>HTML 5</strong></p>



<p class="wp-block-paragraph">HTML 5 enables to create more interactive websites by embedding audio, video and graphics on the web page.</p>



<p class="wp-block-paragraph">The purpose of HTML5 is primarily to make it easier for web developers.</p>



<p class="wp-block-paragraph">New features: –Browser Support –Geolocation –Offline Application Cache –Web Storage –Error Handling –New Application Programming Interface (API) –New Structure</p>



<p class="wp-block-paragraph"><strong>Application Programming Interface</strong></p>



<p class="wp-block-paragraph">•2D drawing on a web page </p>



<p class="wp-block-paragraph">•Drag and Drop </p>



<p class="wp-block-paragraph">•Timed Media Playback </p>



<p class="wp-block-paragraph">•Browser History Management</p>



<p class="wp-block-paragraph"><strong>New Structure</strong></p>



<p class="wp-block-paragraph">•&lt;article&gt; </p>



<p class="wp-block-paragraph">•&lt;aside&gt; </p>



<p class="wp-block-paragraph">•&lt;header&gt; </p>



<p class="wp-block-paragraph">•&lt;details&gt; </p>



<p class="wp-block-paragraph"><strong>DOCTYPE declaration</strong></p>



<p class="wp-block-paragraph">&lt;!DOCTYPE html&gt;</p>



<p class="wp-block-paragraph">It is an instruction to the web browser about what version of HTML the page is written in.</p>



<p class="wp-block-paragraph">The &lt;!DOCTYPE&gt; declaration is not case sensitive.</p>



<p class="wp-block-paragraph"><strong>&lt;br&gt;</strong></p>



<p class="wp-block-paragraph">The &lt;br&gt; tag in the HTML code inserts a line break in the text.</p>



<p class="wp-block-paragraph"><strong>Headings</strong></p>



<p class="wp-block-paragraph">Heading defines the format and structure of a document. There are six heading tag: &#8211; •&lt;h1&gt; …… &lt;/h1&gt; •&lt;h2&gt; …… &lt;/h2&gt; •&lt;h3&gt; …… &lt;/h3&gt; •&lt;h4&gt; …… &lt;/h4&gt; •&lt;h5&gt; …… &lt;/h5&gt; •&lt;h6&gt; …… &lt;/h6&gt;</p>



<p class="wp-block-paragraph">Any text inside these tags is displayed differently depending on the heading number.</p>



<p class="wp-block-paragraph">Note : &#8211; 1.&lt;h1&gt;…… &lt;/h1&gt; is largest heading tag and &lt;h6&gt;……. &lt;/h6&gt; is smallest. 2.Heading get their own line on the web pages by starting from a new line.</p>



<p class="wp-block-paragraph"><strong>Paragraph</strong></p>



<p class="wp-block-paragraph">The &lt;p&gt; tag is used to create new paragraph on web page. It has a closing tag &lt;/p&gt; which is optional because a paragraph automatically ends when we start another paragraph.</p>



<p class="wp-block-paragraph">&lt;p&gt; ………………………. &lt;/p&gt;</p>



<p class="wp-block-paragraph">Note : &#8211; –Number of line in a paragraph depends on the size of web browser window. –If we resize the browser window, the number of lines in this paragraph will change.</p>



<p class="wp-block-paragraph"><strong>Subscript</strong></p>



<p class="wp-block-paragraph">A subscript is a text that appears smaller than a regular text.</p>



<p class="wp-block-paragraph">The &lt;sub>….. &lt;/sub> tag is used to create a subscript on a web page.</p>



<p class="wp-block-paragraph"><strong>Superscript</strong></p>



<p class="wp-block-paragraph">A Superscript is a text that appears smaller size above the regular text.</p>



<p class="wp-block-paragraph">The &lt;sup>…… &lt;/sup> tag is used to create a subscript on a web page.</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/what-is-html/">WHAT IS HTML?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/what-is-html/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Laravel 5.8 CRUD Tutorial with examples</title>
		<link>https://www.scmgalaxy.com/tutorials/laravel-5-8-crud-tutorial-with-examples/</link>
					<comments>https://www.scmgalaxy.com/tutorials/laravel-5-8-crud-tutorial-with-examples/#respond</comments>
		
		<dc:creator><![CDATA[Joydeep M]]></dc:creator>
		<pubDate>Fri, 05 Mar 2021 11:49:05 +0000</pubDate>
				<category><![CDATA[Laravel]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[laravel]]></category>
		<category><![CDATA[Laravel beginners]]></category>
		<category><![CDATA[Routes]]></category>
		<category><![CDATA[Views]]></category>
		<category><![CDATA[Web Development]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/?p=5418</guid>

					<description><![CDATA[<p>Create Route for View: To write it in a simpler way: Example:- Route::view(‘about’,’aboutme’) -We should create view in structured way(inside [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/laravel-5-8-crud-tutorial-with-examples/">Laravel 5.8 CRUD Tutorial with examples</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>Create Route for View</strong>:</p>



<pre class="wp-block-code"><code>Syntax: Route::get('uri', function(){return view('view_name')});</code></pre>



<p class="wp-block-paragraph"><strong>To write it in a simpler way:</strong></p>



<pre class="wp-block-code"><code>Syntax:- Route::view method</code></pre>



<p class="wp-block-paragraph">Example:- Route::view(‘about’,’aboutme’)</p>



<p class="wp-block-paragraph"><strong>-We should create view in structured way(inside folder) that means all the views should not be in the view folder and we can make it in structured way by making folder</strong> <strong>in views.</strong></p>



<p class="wp-block-paragraph"><strong>-To create route for view which is inside folder:</strong></p>



<pre class="wp-block-code"><code>Syntax:- Route::get(‘uri’, Function(){
return view(‘folder_name.view_name’)});</code></pre>



<p class="wp-block-paragraph">Example:- Route::get(‘aboutprofile’, Function(){return view(‘admin.profile’)});</p>



<p class="wp-block-paragraph"><strong>-Passing data from Route to view:</strong></p>



<p class="wp-block-paragraph"><strong>*</strong>Data should be in array and in key value/pair.</p>



<p class="wp-block-paragraph">*Inside the view, we can then access each value using its corresponding key.</p>



<p class="wp-block-paragraph">Example 1:-</p>



<pre class="wp-block-code"><code>Route::get(‘contact’, function(){
Return view(‘contactme’,&#91;‘name’=&gt;’Sonam’]);
});
</code></pre>



<p class="wp-block-paragraph">&nbsp;*We can also use the <em>with</em> method to add individual pieces of date to the view.</p>



<p class="wp-block-paragraph">Example:-</p>



<pre class="wp-block-code"><code>Route::get(‘contact’, function(){
return view(‘contactme’)-&gt;with(‘name’,’Sonam’)
});
</code></pre>



<p class="wp-block-paragraph"><strong>-Accessing the data which is passed from Route to view:</strong></p>



<pre class="wp-block-code"><code>&lt;h1&gt;Hello{{$name}}&lt;/h1&gt;</code></pre>



<p class="wp-block-paragraph"><strong>-Returning view from web.php using parameter:</strong></p>



<pre class="wp-block-code"><code>Route::get(‘user/(u_id}’, function($id){
Return view(‘myuser’,&#91;‘id’=&gt;$id]);
});
</code></pre>



<p class="wp-block-paragraph">(<strong>In the User View)</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;User page &lt;/h1&gt;
&lt;h1&gt;{{$id123}}&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph"><strong>-For multiple parameter:</strong></p>



<p class="wp-block-paragraph"><strong>(In web.php)</strong></p>



<pre class="wp-block-code"><code>Route::get(‘post/{post_id}/comment/{comment_id}’, function($post_id, $comment_id){
Return view(‘mypost’,&#91;‘postid’=&gt;$post_id, ‘commentid=&gt;’$comment_id’]);
});
</code></pre>



<p class="wp-block-paragraph"><strong>(In the Post View)</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;User page &lt;/h1&gt;
&lt;h1&gt;Post Id:{{$postid}}&lt;/h1&gt;
&lt;h1&gt;Comment Id:{{$commentid}}&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph"><strong>-For making optional parameter:</strong></p>



<p class="wp-block-paragraph"><strong>(In web.php)</strong></p>



<pre class="wp-block-code"><code>Route::get(‘user/(name?}’, function($name=null){
Return view(‘myuser’,&#91;‘name’=&gt;$name]);
</code></pre>



<p class="wp-block-paragraph"><strong>(In User view)</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;User page &lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph">For calling this in the server we can type 127.0.0.1.8000 or 127.0.0.1.8000/name and it will display the content in both scenario without giving error. Though it will not return any name if we do not enter /name.</p>



<p class="wp-block-paragraph"><strong>-For regular expression</strong></p>



<p class="wp-block-paragraph"><strong>(In web.php)</strong></p>



<pre class="wp-block-code"><code>Route::get(‘product/{p_name}’, function($name){
Return view(‘myproduct’,&#91;name’=&gt;$name]);
})-&gt;where(‘p_name’=&gt;‘&#91;A-za-z]+’);
</code></pre>



<p class="wp-block-paragraph"><strong>(In myproduct view file)</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;Product page &lt;/h1&gt;
&lt;h1&gt;{{$name}}&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph"><strong>To redirect from one view to another view:</strong></p>



<p class="wp-block-paragraph"><strong>(In web.php)</strong></p>



<pre class="wp-block-code"><code>Route::view(‘login’, ‘mylogin’);
Route::view(‘register’,’myregister’)
Route::redirect(‘login’, ‘register’);
</code></pre>



<p class="wp-block-paragraph"><strong>(In View file)</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;Login&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph"><strong>To fallback:</strong></p>



<p class="wp-block-paragraph"><strong>(In web.php)</strong></p>



<pre class="wp-block-code"><code>Route::fallback(function(){
Return view(‘default;);
});
</code></pre>



<p class="wp-block-paragraph"><strong>In Default View:</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;Default&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<p class="wp-block-paragraph"></p>



<h2 class="has-text-align-center wp-block-heading"><strong>Controllers</strong></h2>



<p class="wp-block-paragraph"><strong>&nbsp;</strong>Controllers can group related request handling logic into a single class. Instead of defining all of your request handling logic as closures in route files, you may wish to organize this behaviour using controller classes.</p>



<p class="wp-block-paragraph">&#8211; Controllers are stored in the app/Http/Controllers</p>



<p class="wp-block-paragraph">-Controller extends the base controller class included with Laravel.</p>



<p class="wp-block-paragraph"><strong>Defining Controller Class</strong></p>



<pre class="wp-block-code"><code>Run command: php artisan make:controller controller_name</code></pre>



<p class="wp-block-paragraph">Example: php artisan make:controller AboutController</p>



<p class="wp-block-paragraph"><strong>Creating Route for Controller Class</strong></p>



<p class="wp-block-paragraph"><strong>(In AboutController.php)</strong></p>



<pre class="wp-block-code"><code>&lt;?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
	Function show(){
		Return ‘Hello Controller’;}
}
</code></pre>



<p class="wp-block-paragraph"><strong>(In Web.php)</strong></p>



<p class="wp-block-paragraph">Use App\Http\Controllers\AboutControllers;</p>



<pre class="wp-block-code"><code>Route::get(‘about’,&#91;AboutController::class,’show’]);</code></pre>



<p class="wp-block-paragraph"><strong>Syntax:</strong></p>



<pre class="wp-block-code"><code>Route::get(‘URI’,&#91;ControllerName::class,’method_name’]);</code></pre>



<p class="wp-block-paragraph"><strong>Getting parameter in Controller</strong></p>



<p class="wp-block-paragraph"><strong>In AboutController.php</strong></p>



<pre class="wp-block-code"><code>&lt;?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
	Function show(){
		Return ‘Hello Controller’,$name;}
}
</code></pre>



<p class="wp-block-paragraph"><strong>In web.php</strong></p>



<p class="wp-block-paragraph">Use App\Http\Controllers\AboutController;</p>



<pre class="wp-block-code"><code>Route::get(‘about/{name}’),&#91;AboutController::class,’show’]);</code></pre>



<p class="wp-block-paragraph"><strong>To import controller in web.php</strong></p>



<p class="wp-block-paragraph">Use App\Http\Controllers\AboutController;</p>



<p class="wp-block-paragraph"><strong>Controller returning string with parameter</strong></p>



<p class="wp-block-paragraph"><strong>In AboutController</strong></p>



<pre class="wp-block-code"><code>function show($name){
return “Hello Controller”.$name;
</code></pre>



<p class="wp-block-paragraph"><strong>In web.php</strong></p>



<pre class="wp-block-code"><code>Route::get(‘about/{name}’,&#91;Aboutcontroller::class,’show’]};</code></pre>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/1-1-1024x576.jpg" alt="" class="wp-image-5421" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/1-1-1024x576.jpg 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/1-1-300x169.jpg 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/1-1-768x432.jpg 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/1-1.jpg 1366w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Returning View from Controller Class</strong></p>



<p class="wp-block-paragraph"><strong>In AboutControllers</strong></p>



<pre class="wp-block-code"><code>&lt;?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller
{
	function show(){
		return view(‘Hello Controller’);}
}
</code></pre>



<p class="wp-block-paragraph"><strong>In web.php</strong></p>



<p class="wp-block-paragraph">Use App\Http\Controllers\AboutController;</p>



<pre class="wp-block-code"><code>Route::get(‘about’,&#91;AboutController::class,’show’]);</code></pre>



<p class="wp-block-paragraph"><strong>In Views:</strong></p>



<pre class="wp-block-code"><code>&lt;body&gt;
&lt;h1&gt;About my controller&lt;/h1&gt;
&lt;/body&gt;
</code></pre>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="576" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/2-1024x576.jpg" alt="" class="wp-image-5420" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/2-1024x576.jpg 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/2-300x169.jpg 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/2-768x432.jpg 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/03/2.jpg 1366w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/laravel-5-8-crud-tutorial-with-examples/">Laravel 5.8 CRUD Tutorial with examples</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/laravel-5-8-crud-tutorial-with-examples/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Useful Web Development ToolKit</title>
		<link>https://www.scmgalaxy.com/tutorials/useful-web-development-toolkit/</link>
					<comments>https://www.scmgalaxy.com/tutorials/useful-web-development-toolkit/#respond</comments>
		
		<dc:creator><![CDATA[scmgalaxy K]]></dc:creator>
		<pubDate>Thu, 08 Oct 2015 09:57:50 +0000</pubDate>
				<category><![CDATA[Websites]]></category>
		<category><![CDATA[Best]]></category>
		<category><![CDATA[Developers Tools]]></category>
		<category><![CDATA[Handy]]></category>
		<category><![CDATA[list]]></category>
		<category><![CDATA[ToolKit]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Top]]></category>
		<category><![CDATA[Useful]]></category>
		<category><![CDATA[Web Developers]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Web Development ToolKit]]></category>
		<category><![CDATA[Web Development Tools]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Website Development Tools]]></category>
		<guid isPermaLink="false">http://www.scmgalaxy.com/tutorials/2015/10/08/useful-web-development-toolkit/</guid>

					<description><![CDATA[<p>Bokeh Bokeh is a Python interactive visualization library that targets modern web browsers for presentation. Its goal is to provide [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/useful-web-development-toolkit/">Useful Web Development ToolKit</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3066 aligncenter" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2015/10/useful-web-development-tool.png" alt="web-development-toolkit" width="600" height="400" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2015/10/useful-web-development-tool.png 600w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2015/10/useful-web-development-tool-300x200.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></div>
<div><strong>Bokeh</strong></div>
<div>Bokeh is a Python interactive visualization library that targets modern web browsers for presentation. Its goal is to provide elegant, concise construction of novel graphics in the style of D3.js, but also deliver this capability with high-performance interactivity over very large or streaming datasets. Bokeh can help anyone who would like to quickly and easily create interactive plots, dashboards, and data applications.</div>
<div>More Info &#8211; <a href="http://bokeh.pydata.org/en/latest/#" target="_blank" rel="noopener">http://bokeh.pydata.org/en/latest/#</a></div>
<div>
<p>Quick Example &#8211; <a href="http://bokeh.pydata.org/en/latest/docs/gallery.html#gallery">http://bokeh.pydata.org/en/latest/docs/gallery.html#gallery</a></p>
<div><strong>Jupyter Notebook</strong></div>
<div>The Jupyter Notebook is a web application that allows you to create and share documents that contain live code, equations, visualizations and explanatory text. Uses include: data cleaning and transformation, numerical simulation, statistical modeling, machine learning and much more.</div>
<div>More Info</div>
<div><a href="https://jupyter.org/index.html" target="_blank" rel="noopener">https://jupyter.org/index.html</a></div>
<div></div>
<div><strong>bqplot</strong></div>
<div>Plotting library for IPython/Jupyter Notebooks by bloomberg</div>
<div>
<p>More Info &#8211; <a href="https://github.com/bloomberg/bqplot">https://github.com/bloomberg/bqplot</a></p>
<div><strong>Bootstrap by Twitter</strong></div>
<div>Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web sites.</div>
<div>More info &#8211; <a href="http://getbootstrap.com/" target="_blank" rel="noopener">http://getbootstrap.com/</a></div>
<div>Learn Faster using Web &#8211;<a href="http://www.w3schools.com/bootstrap/" target="_blank" rel="noopener">http://www.w3schools.com/bootstrap/</a></div>
<div>
<p>Learn Faster Using Videos &#8211; <a href="https://www.youtube.com/watch?v=wesUO81YX0U&amp;list=PL41lfR-6DnOovY0t3nBg8Zb6aqm_H70mR">https://www.youtube.com/watch?v=wesUO81YX0U&amp;list=PL41lfR-6DnOovY0t3nBg8Zb6aqm_H70mR</a></p>
<p>&nbsp;</p>
<div><strong>RTBkit </strong></div>
<div>RTBkit is a real-time bidder framework designed for use on advertising exchanges such as the Rubicon Project, Nexage, App Nexus, The Google Ad Exchange and others.</div>
<div>
<p>More info &#8211; <a href="http://rtbkit.org/site/">http://rtbkit.org/site/</a></p>
<p><strong>meatspac</strong></p>
<div>Chat with Webcam Application devloped using Node.js</div>
<div>Demo &#8211; <a href="https://chat.meatspac.es/" target="_blank" rel="noopener">https://chat.meatspac.es/</a></div>
<div>Code &#8211; <a href="https://github.com/meatspaces/meatspace-chat-v2" target="_blank" rel="noopener">https://github.com/meatspaces/meatspace-chat-v2</a></div>
<div></div>
<div><strong>talky</strong></div>
<div>Google Hangout Like application Developed using Node.js</div>
<div><a href="https://talky.io" target="_blank" rel="noopener">https://talky.io</a></div>
<div></div>
<div><strong>sputnik</strong></div>
<div>
<p>More &#8211; <a href="http://sputnik.szwacz.com/">http://sputnik.szwacz.com/</a></p>
<div><strong>CSS Guidelines</strong></div>
<div>High-level advice and guidelines for writing sane, manageable, scalable CSS</div>
<div>http://cssguidelin.es/</div>
<div></div>
<div><strong>Uptime Robot</strong></div>
<div>Another area of web development that should be constantly going on in the background is the monitoring of a website’s performance. Uptime Robot does this for you. It checks 50 of your monitors every five minutes, including the HTTP(s), Ping, Port, and keywords. You can choose how to be alerted–for example, through email, SMS, or even Twitter. You’re able to view uptime, downtime, and response times as well.</div>
<div><a href="http://uptimerobot.com/" target="_blank" rel="noopener">http://uptimerobot.com/</a></div>
<div></div>
<div><strong>Converse</strong></div>
<div>For a chat facility on your website, Converse allows you to set up single-user chats or multi-user chat rooms. Users can send chat requests and accept or decline, plus add their chat status like “busy” or “available” and show their typing status.</div>
<div>It has the ability to translate into 15 languages and can be screencast to chat with friends on Gmail or jabber.org. Converse can be integrated with many web platforms, like WordPress and Roundcube, and since it’s written in Javascript, it runs directly through your browser.</div>
<div><a href="https://conversejs.org/" target="_blank" rel="noopener">https://conversejs.org/</a></div>
<div></div>
<div><strong>HumHub</strong></div>
<div>This is another tool that lets your website users chat to each other. However, HumHub does this on a much grander scale since you can create your very own social networking site with it. It has a user-friendly interface and lets the website’s business, school, project group, or friendship club communicate and collaborate easily.</div>
<div>Every user of the site has their own “V card,” giving an overview of their profile, plus groups can be set up. Users can post, follow, comment, and like other people’s content, or simply share files and discuss them. It’s completely secure as it’s a self-hosted solution and it’s flexible since you can add in third-party applications. Also, as any good social network, it’s mobile-friendly.</div>
<div><a href="https://www.humhub.org/en/overview" target="_blank" rel="noopener">https://www.humhub.org/en/overview</a></div>
<div></div>
<div><strong>Impulse</strong></div>
<div>This tool can create interactivity for your website, or specifically, dynamic physics based interactions. For example, you can create Chat Heads like Facebook’s, a pull-down menu, inertia scroll, Oridomi Cover, and Bouncy Scroll. They’re all designed to work with mobile devices.</div>
<div>Using Impulse to create dynamic content works better than CSS for example, as there ends up being a shorter delay between when the animation is generated and when it starts playing. CSS tends to be better for static animations. Impulse has created a variety of animations and is always working on more.</div>
<div>More &#8211; <a href="http://impulse.luster.io/" target="_blank" rel="noopener">http://impulse.luster.io/</a></div>
<div></div>
<div><strong>Monit</strong></div>
<div>Monit is fantastic for monitoring your server and is used for error recovery – it’s one of those apps that you need to have to keep some weight off your mind. It conducts automatic maintenance and repair and can execute meaningful causal actions in error situations. For example, if sendmail stops working, Monit can start it again and send you a warning message so you can act quickly.</div>
<div>It can be used to monitor daemon processes or similar programs running on localhost, checking for changes, like timestamps changes, checksum changes or size changes. It monitors network connection to servers, which is useful if you work in the cloud. It also allows you to test programs or scripts. Both the free and open versions of BSD, many Linux distributions from .deb to .rpm packages, OS X and Solaris .pkg include Monit.</div>
<div>More &#8211; <a href="http://mmonit.com/monit/" target="_blank" rel="noopener">http://mmonit.com/monit/</a></div>
<div></div>
<div><strong>Onsen UI</strong></div>
<div>A tool specifically for apps, Onsen UI has a large selection of web-based UI components and Java and CSS frameworks to build HTML5, PhoneGap, and Cordova apps. It works with jQuery and AngularJS and is customizable, for example, by using Font Awesome.</div>
<div>And of course, it has a responsive layout for all devices, switching between column sizes for mobiles and tablets. It makes the user experience of browsing apps superior and fast, and it’s incredibly simple to use.</div>
<div></div>
<div><strong>Cinematico</strong></div>
<div>Cinematico will create a responsive website for you, which is already elegant and sophisticated, but is customizable for your needs. You can add your logo and background image, for example, or spend a little money on a theme.</div>
<div>The main use of Cinematico, however, is that it updates your website whenever you publish a new YouTube or Vimeo video. It links to your YouTube and Vimeo playlist, channel or account and synchronizes automatically. All of this and it’s free, since it’s open source.</div>
<div><a href="http://cinemati.co/" target="_blank" rel="noopener">http://cinemati.co/</a></div>
<div></div>
<div><strong>Rollerblade</strong></div>
<div>For images with a difference, Rollerblade is a brilliant app. It allows users on smartphones, tablets, and desktops to slide the image they see left to right, and this will show a 360-degree view of the image. It works to showcase a building or location, or simply a product shot. With online shopping such a huge business, it makes sense to give customers as “real” an experience as possible.</div>
<div>For web developers, all you need to do is include the code in the top of your page with your CSS and do a few tweaks to get the rotator how you want it. You can have as many image rotators as you like, plus change the sensitivity and choose whether it plays automatically or needs to be dragged by the user.</div>
<div>More &#8211; <a href="http://www.iamapioneer.com/plugins/rollerblade/" target="_blank" rel="noopener">http://www.iamapioneer.com/plugins/rollerblade/</a></div>
<div></div>
<div><strong>Icon Maker</strong></div>
<div>Icons and emoticons are everywhere these days and it’s easy to understand why: a simple smile can add warmth to any communication–even if it’s a little yellow face doing the smiling. With Icon Maker you can create your own icons to add to your website.</div>
<div>It’s easy enough for anyone to use and perhaps just a little bit of fun for the experienced web developers looking for their own, personalized icons. Create a flat or 3D icon with drop shadows and other design features in minutes.</div>
<div><a href="https://freeiconmaker.com" target="_blank" rel="noopener">https://freeiconmaker.com</a></div>
<div></div>
<div><strong>Cylon JS</strong></div>
<div>This is at the end of the list as it looks towards the future–with robots! Although the Internet of Things has been around some time now, it’s not fully integrated into every home. This tool allows developers to create a web between its 35 supported platforms. This includes Nest and Pebble, plus your basics like your keyboard or for marketing purposes; Salesforce.</div>
<div>It has an NPM module so that it can be run in your browser directly, or you can run it via your mobile through a Chrome connected app or a PhoneGap mobile app. It supports HTTP and Socket.io APIs, allowing you to send commands, send real-time data, and monitor your robots.</div>
<div><a href="http://cylonjs.com/" target="_blank" rel="noopener">http://cylonjs.com/</a></div>
<div></div>
</div>
</div>
</div>
</div>
</div>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/useful-web-development-toolkit/">Useful Web Development ToolKit</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/useful-web-development-toolkit/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
