<?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>model-view-controller Archives - SoftUni Global</title>
	<atom:link href="https://softuni.org/tag/model-view-controller/feed/" rel="self" type="application/rss+xml" />
	<link>https://softuni.org/tag/model-view-controller/</link>
	<description>Learn Programming and Start a Developer Job</description>
	<lastBuildDate>Thu, 31 Mar 2022 13:44:09 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.10</generator>

<image>
	<url>https://softuni.org/wp-content/uploads/2022/04/cropped-SoftUni-Global-Logo-Square-notext-32x32.png</url>
	<title>model-view-controller Archives - SoftUni Global</title>
	<link>https://softuni.org/tag/model-view-controller/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Model-View-Controller (MVC) [Dev Concepts #20]</title>
		<link>https://softuni.org/dev-concepts/model-view-controller-pattern/</link>
					<comments>https://softuni.org/dev-concepts/model-view-controller-pattern/#respond</comments>
		
		<dc:creator><![CDATA[Aleksandar Peev]]></dc:creator>
		<pubDate>Fri, 17 Dec 2021 11:47:00 +0000</pubDate>
				<category><![CDATA[Dev Concepts]]></category>
		<category><![CDATA[designpattern]]></category>
		<category><![CDATA[dev-concepts]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[essential]]></category>
		<category><![CDATA[exercises]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[free lessons]]></category>
		<category><![CDATA[model-view-controller]]></category>
		<category><![CDATA[MVC]]></category>
		<category><![CDATA[mvcpattern]]></category>
		<guid isPermaLink="false">https://softuni.org/?p=9468</guid>

					<description><![CDATA[<p>In this video from the  Dev Concepts series, we take a look at the MVC pattern!</p>
<p>The post <a href="https://softuni.org/dev-concepts/model-view-controller-pattern/">Model-View-Controller (MVC) [Dev Concepts #20]</a> appeared first on <a href="https://softuni.org">SoftUni Global</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9468" class="elementor elementor-9468" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-5d5405e elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5d5405e" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d32134" data-id="0d32134" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9216798 elementor-widget elementor-widget-text-editor" data-id="9216798" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>In this episode, we take a look at the <strong>MVC</strong> pattern. In short, <strong>MVC</strong> stands for <strong>Model</strong>&#8211;<strong>View</strong>&#8211;<strong>Controller</strong>. It is a <strong>design pattern</strong> used to help us build frameworks for applications. The <strong>MVC</strong> splits the application into three different sections. Each section represents one word from the abbreviature.<br />The lesson includes a small example, which uses the <strong>MVC</strong> pattern, so make sure to check it out.</p><p><img fetchpriority="high" decoding="async" class="size-full wp-image-10557 alignleft" src="https://softuni.org/wp-content/uploads/2022/01/1mvc.png" alt="mvc-logo" width="301" height="258" /></p><p style="text-align: center;">What are<strong> Models, Views, </strong>and <strong>Controllers?</strong></p><p>Each component has a specific <strong>responsibility</strong> and has a <strong>link</strong> to the others. That creates a <strong>solid structure</strong> for our web application.</p><ul><li><strong><span data-preserver-spaces="true">Model </span></strong><span data-preserver-spaces="true">is the lowest level, responsible for <strong>maintaining the data</strong>. Each model has a connection to the <strong>database</strong> and can have <strong>relationships</strong> to other models. If any data changes, the model will <strong>notify</strong> the controller.</span></li></ul><ul><li>The <strong>v<span data-preserver-spaces="true">iew </span></strong><span data-preserver-spaces="true">is the only part of the app the <strong>user interacts</strong> with <strong>directly</strong>. It represents the visualization of the <strong>data</strong> that a </span>model <span data-preserver-spaces="true">contains. The model <strong>never directly communicates</strong> with the view.</span></li><li>A <strong>c<span data-preserver-spaces="true"><strong>o</strong>ntroller </span></strong><span data-preserver-spaces="true">is the go-between for model and view. It<strong> relays data</strong> from browser to app and from app to browser. The controller <strong>receives</strong> user input, <strong>translates</strong> it to match the model, and then <strong>passes</strong> those inputs onto a view.</span></li></ul><p>Using the <strong>MVC</strong> pattern correctly can help you as a developer. It ensures a <strong>smooth</strong> and<strong> easy-to-follow</strong> user experience. Although it takes time to understand how <strong>MVC</strong> works, it will pay off when creating future applications.</p><p>In the end, <strong>MVC</strong> is not hard to understand. Just keep in mind these key points:</p><ul><li><strong>MVC</strong> is an <strong>architectural </strong>pattern consisting of three parts: Model, View, Controller.</li><li><strong>Model</strong>: handles data logic.</li><li><strong>View</strong>: displays the information from the model to the user.</li><li><strong>Controller</strong>: controls the data flow into a model object and updates the view whenever data changes.</li></ul>								</div>
				</div>
				<div class="elementor-element elementor-element-88292b4 elementor-widget elementor-widget-video" data-id="88292b4" data-element_type="widget" data-settings="{&quot;youtube_url&quot;:&quot;https:\/\/youtu.be\/ZJ8GTCKEW9o&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}" data-widget_type="video.default">
				<div class="elementor-widget-container">
							<div class="elementor-wrapper elementor-open-inline">
			<div class="elementor-video"></div>		</div>
						</div>
				</div>
				<div class="elementor-element elementor-element-edfdd22 elementor-widget elementor-widget-text-editor" data-id="edfdd22" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h2>Lesson Topics</h2><div><div>In this video we review the following topics:</div><ul><li><b>Model-View-Controller Patter</b></li><li><b>Web MVC Frameworks</b></li></ul></div>								</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-5995c5f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5995c5f" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7f07cb1" data-id="7f07cb1" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
							</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-a0aff0b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="a0aff0b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48c6c18" data-id="48c6c18" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-f972417 elementor-widget elementor-widget-heading" data-id="f972417" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Lesson Slides</h2>				</div>
				</div>
				<div class="elementor-element elementor-element-37e6760 elementor-widget elementor-widget-pdfjs_viewer" data-id="37e6760" data-element_type="widget" data-widget_type="pdfjs_viewer.default">
				<div class="elementor-widget-container">
					<iframe src="https://softuni.org/wp-content/plugins/pdf-viewer-for-elementor/assets/pdfjs/web/viewer.html?file=https://softuni.org/wp-content/uploads/2021/12/Dev-Concepts-Episode-20-Model-View-Controller.pdf&amp;embedded=true" style="display: block; margin-left: auto; margin-right: auto; width: 100%; height: 1020px;" frameborder="1" marginheight="0px" marginwidth="0px" allowfullscreen></iframe>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>The post <a href="https://softuni.org/dev-concepts/model-view-controller-pattern/">Model-View-Controller (MVC) [Dev Concepts #20]</a> appeared first on <a href="https://softuni.org">SoftUni Global</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://softuni.org/dev-concepts/model-view-controller-pattern/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/?utm_source=w3tc&utm_medium=footer_comment&utm_campaign=free_plugin

Page Caching using Disk: Enhanced 
Lazy Loading (feed)

Served from: softuni.org @ 2026-10-22 22:33:37 by W3 Total Cache
-->