@extends('frontEnd.master')

@section('content')

<!-- Start Page Title Area -->
@foreach($datas as $data)
<section class="course-details-wrape course-details-wrape-sections" style="background-image: url(https://bitm.org.bd/assets/media/course_banner/1592293668.png)">
    <div class="course-details-container">
        <div class="container no-padding">
            <div class="row no-margin">
                <div class="box col-xs-12 col-sm-12 col-md-12 fadeInUp" data-wow-duration="500ms"  data-wow-delay="900ms">
                    <div class="details_wrapper no-margin row">
                        <div class="box col-xs-12 col-sm-12 col-md-3 fadeInUp no-padding-left hk" data-wow-duration="500ms"  data-wow-delay="900ms">
                                                        <img class="course-details-images" src="https://bitm.org.bd/assets/media/course_photo/1592293668.png" alt="Online Course : Web Application Development with Java 2 Enterprise Edition (J2EE)" title="" />
                        </div>
                        <div class="box col-xs-12 col-sm-12 col-md-9 no-padding-right fadeInUp" data-wow-duration="500ms"  data-wow-delay="900ms">
                            <h3 class="course-inner-title"> {{$data->course_name}}</h3>
                            <p class="course-inner-desc">{{$data->course_description}}</p>
                        </div>

                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="container-fluid no-padding course-avarage-ratting">
            <div class="container">
                <div class="row">
                <div class="box col-xs-12 col-sm-12 col-md-6 no-padding-right fadeInUp course-rating-sections course-at-glance-wrapper" data-wow-duration="500ms"  data-wow-delay="900ms">
                    <div class="course-at-glance-wrapper-container">
                        <h4 class="coursr-glance"> course at a glance </h4>
                        <ul class="couser-duration">
                            <li> <span><i class="fa fa-calendar-check-o" aria-hidden="true"></i> Date :</span> 6 Nov - 26 Dec 2020 </li>
                            <li> <span><i class="fa fa-list" aria-hidden="true"></i>No. of Classes/ Sessions :</span> 20 </li>
                            <li> <span><i class="fa fa-clock-o" aria-hidden="true"></i>Total Hours :</span> 60 </li>
                            <li> <span><i class="fa fa-calendar-check-o" aria-hidden="true"></i>Last Date of Registration :</span> {{$data->last_date_apply}} </li>
                            <li style="display: block"> <span><i class="fa fa-clock-o" aria-hidden="true"></i>Class Schedule :</span> <br>
                                <ul class="courser-schdule-wrape row">
                                    <li style="margin-left: 15px" class="schdule-time-stamp">{{$data->class_schedule1}}</li>   
                                    <li class="schdule-time-stamp">
                                            {{$data->class_schedule1}}</li>   
                                       
                                </ul>
                            </li>


                            <li> 
                                <span><i class="fa fa-map-marker" aria-hidden="true"></i>venue :</span> Jointly Organised By LEADS Training and Consuting Limited & BITM 
                                <a style="margin-top: 4px; color: #fff" class="extra-link" href="https://www.google.com.bd/maps/place/Jointly+Organised+By+LEADS+Training+and+Consuting+Limited+%26+BITM" target="_blank"><i class="fa fa-external-link" aria-hidden="true"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="box col-xs-12 col-sm-12 col-md-6 text-left fadeInUp course-rating-sections" data-wow-duration="500ms"  data-wow-delay="900ms">
                    <div class="course-vat-content">
                        <div class="course-price">
                            <h3 class="page-inner-title" style=" margin-bottom:6px; text-align:center">
                                <span class="vat-price">Price:</span> TK. {{$data->price}}                                <br><span style="font-size: 16px">(Excluding VAT & TAX)</span>
                                                                <br><span style="font-size: 16px; font-weight: normal; color: #1df81d; display: inline-block; margin-top: 10px;">Early Bird Offer BDT {{$data->price_offer}} (Valid till {{$data->last_date_apply}})</span>
                                                            </h3>
                                                    </div>
                        <div class="enroll-btn-container pull-right">             
                               
                                     <!-- <a href="javascript:void(0);" data-url="https://bitm.org.bd/course/interested/671/online-course-web-application-development-with-java-2-enterprise-edition-j2ee" data-toggle="modal" data-target=".bs-example-modal-sm" class="enroll_now modalToggle btn-hover-effect">Enroll Now</a> -->                        
                                <div class="add_remove" style="margin-top: 30px">
                                    <a href="javascript:void(0);" data-url="https://bitm.org.bd/course-details/671/online-course-web-application-development-with-java-2-enterprise-edition-j2ee" data-toggle="modal" data-target=".bs-example-modal-sm" class="add-wish-list modalToggle btn-hover-effect" style="color: #727695">
                                        <p style="color: #727695">Enroll Now</p>
                                    </a>
                                </div>
                             
                      

                    </div>
                </div>

                </div>
            </div>
        </div>

    </div>
</section>


<!-- course details -->


<section class="course-details-wrape no-background">
    <div class="container no-padding">
        <div class="row no-margin">
            <div class="box col-xs-12 col-sm-12 col-md-12 fadeInUp" data-wow-duration="500ms"  data-wow-delay="900ms">
                <div class="course-details_wrapper row">
                    <div class="box col-xs-12 col-sm-12 col-md-9 fadeInUp no-padding" data-wow-duration="500ms"  data-wow-delay="900ms">
<!--                         <div class="couser-views no-padding">
                            <div class="box col-xs-12 col-sm-12 col-md-12 fadeInUp couser-views-wrapper couser-views-wrapper-details" data-wow-duration="500ms"  data-wow-delay="900ms">
                                <div class="top_wrape course-berief">      
                                    <div class="course-berief-details"> 
                                        <p><span style="font-size: 10pt;"><strong>This training is jointly organized by BITM &amp; Leads Training &amp; Consulting Ltd<br /><br />Training will be held Online in Supervision&nbsp; Leads Training &amp; Consulting Ltd</strong></span></p>
<p><span style="font-size: 10pt;">This project-oriented course will enable students to use various techniques for building browser-based applications for dynamically generated websites, e-commerce, web-enabled enterprise computing, and other applications that require web access to server-based resources. Particular attention will be paid to methods for making web-based applications efficient, maintainable, and flexible. The course will use at least two sets of tools: servlets/JSP and a higher-level Java-based framework such as JSF 2.0. Major topics will include handling HTTP request information, generating HTTP response data, tracking sessions, designing custom tag libraries or components, page templating, asynchronously page updates with Ajax, and separating content from presentation through use of the MVC architecture. Additional topics may include HTML5, database access techniques for web apps, web app security, and dependency injection in web apps (e.g., with the Spring framework).</span></p>
<p><span style="font-size: 10pt;"><strong>Course Goal</strong></span></p>
<p><span style="font-size: 10pt;">To master the web programming techniques, with an emphasis on HTML, JSP, Servlets and Java Frameworks.</span></p>
<p><strong><br />COURSE OUTLINE:&nbsp;<br /></strong><br /><strong>Core Java which is essential for Java EE.</strong></p>
<p>&nbsp;</p>
<ul>
<li>Working With Java Data Types</li>
<li>Using Operators and Decision Constructs</li>
<li>Creating and Using Arrays</li>
<li>Using Loop Constructs</li>
<li>Working with Methods and Encapsulation</li>
<li>Working with Inheritance</li>
<li>Handling Exceptions</li>
<li>Java Class Design</li>
<li>Object-Oriented Design Principles</li>
<li>Generics and Collections</li>
<li>String Processing</li>
<li>JDBC</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Introduction of Web Application and Java Web Programming</strong></p>
<ul>
<li>Introduction to web application</li>
<li>Component of web application</li>
<li>How static web page work</li>
<li>How dynamic web page work</li>
<li>Component of java web application</li>
<li>Introduction of JSP and Servlet</li>
</ul>
<p><strong>Basic Technology to Develop Web Application</strong></p>
<p>&nbsp;&nbsp;</p>
<ul>
<li>Introduction and Example of&nbsp; HTML</li>
<li>Introduction and Example of&nbsp; CSS</li>
<li>Introduction and Example of&nbsp; JavaScript</li>
<li>Introduction and Example of&nbsp; AJAX</li>
<li>Introduction and Example of&nbsp; JQUERY</li>
<li>Introduction and Example of&nbsp; JSON</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>Why we use Jsp and Servlet? Essential servlet and JSP Skills</strong></p>
<ul>
<li>What does the server do?</li>
<li>What does the client do?</li>
<li>Client and server only know HTML and HTTP</li>
<li>GET and POST request</li>
<li>Difference between HTTO Get and POST</li>
<li>An Overview of JSP Code</li>
</ul>
<p><strong>Web Application Architecture and Tomcat Basics</strong></p>
<ul>
<li>What is container?</li>
<li>What if you had java but no servlets or container?</li>
<li>What does container give?</li>
<li>Servlet and deployment descriptor(DD)</li>
<li>Combine servlet and JSP in application</li>
<li>How to install Tomcat</li>
<li>Summary of Tomcat directory and files</li>
<li>Start stop and test tomcat.</li>
<li>How to change tomcat port and basic troubleshooting</li>
<li>Application run and working with tomcat web application manager.</li>
</ul>
<p><strong>Working with servlet and JSP project</strong></p>
<ul>
<li>Project development on Servlet</li>
<li>Project development on JSP</li>
<li>Discussion on then</li>
</ul>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><strong>&nbsp;Servlet filter</strong></p>
<ul>
<li>What is servlet filter</li>
<li>Why we need servlet filter</li>
<li>What can filter do?</li>
<li>Servlet filter project(authentication filter, filter config)</li>
</ul>
<p><strong>&nbsp;</strong></p>
<p>&nbsp;</p>
<p><strong>&nbsp;Introduction and benefits of MVC pattern</strong></p>
<ul>
<li>What is MVC?</li>
<li>MVC in JSP</li>
<li>Model 1 architecture</li>
<li>Model 2 or MVC pattern</li>
</ul>
<p><strong>Spring Framework</strong></p>
<ul>
<li>What is spring</li>
<li>IoC or and dependency injection</li>
<li>Spring Example</li>
<li>Spring MVC</li>
<li>Xml and Annotation based spring MVC program</li>
</ul>
<p><strong>Hibernate ORM</strong></p>
<ul>
<li>What is ORM?</li>
<li>Architecture of Hibernate</li>
<li>Hibernate using Xml and Annotation</li>
<li>Basic HQL(Hibernate Query Language)</li>
</ul>
<p><strong>Developing project with Spring and Hibernate</strong></p>
<ul>
<li>Developing CRUD example using Spring MVC and Hibernate ORM</li>
</ul>
<p><strong>Birt Reporting Tools</strong></p>
<ul>
<li>Introduction of Birt Reporting tools</li>
<li>Design some report</li>
</ul>
<p><strong>Complete Project</strong></p>
<ul>
<li>Develop a complete project using Spring Hibernate and Birt Reporting</li>
</ul>
<p><strong>&nbsp;</strong></p>                                        <!--<samp class="see-more-wrapper"><a class="see-more" href="javascript:void(0)"><i class="fa fa-plus-circle" aria-hidden="true"></i> See more</a> </samp>-->
                                        <div class="clearfix"></div>
                                                                                    <h3>Curriculum </h3>
                                            <div class="table-responsive">
                                                <table class="table">                                                
                                                    <tbody>
                                                                                                                    <tr>
                                                                <td>Class 01- 03</td>
                                                                <td>Ice breaking and discussion regarding Java Basics and Core Java which is essential for Java EE.</td>
                                                                <td>9 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 04</td>
                                                                <td>Introduction of Web Application  and Java Web Programming</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 05 -06</td>
                                                                <td>Basic Technology to Develop Web Application(HTML,CSS,AJAX,JSON,JQuery , JavaScript and Scripting languag</td>
                                                                <td>6 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 07 -08</td>
                                                                <td>Why we use Jsp and Servlet? Essential servlet and JSP Skills</td>
                                                                <td>6 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 09 - 10</td>
                                                                <td>Web Application Architecture(H)  and Tomcat Basics</td>
                                                                <td>6 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 11 - 12</td>
                                                                <td>Working with Servlet and JSP project </td>
                                                                <td>6 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 13</td>
                                                                <td>Servlet Filter</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 14</td>
                                                                <td>Introduction and benefits of MVC design pattern and develop simple project</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 15 - 16</td>
                                                                <td>Spring Framework</td>
                                                                <td>6 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 17</td>
                                                                <td>Hibernate ORM</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 18</td>
                                                                <td>Developing a simple project using Spring framework and Hibernate ORM</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 19</td>
                                                                <td>Birt Reporting Tools</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                                    <tr>
                                                                <td>Class 20</td>
                                                                <td>Developing a simple project using Spring , Hibernate and Birt Repoting</td>
                                                                <td>3 Hrs</td>
                                                            </tr>
                                                                                                            </tbody>
                                                </table>
                                            </div>
                                                                            </div>
                                </div>
                            </div> -->


                            



                            <div class="container">
               

                <div class="row">
                    <div class="col-lg-12">
                        

                        <div class="courses-details-desc">
                           

                            

                            <h3>Meet your instructors</h3>

                            <div class="courses-author">
                                <div class="author-profile-header"></div>
                                <div class="author-profile">
                                    <div class="author-profile-title">
                                        <img src="{{asset('frontEnd/assets/img/user1.jpg')}}" class="shadow-sm rounded-circle" alt="image">

                                        <div class="author-profile-title-details d-flex justify-content-between">
                                            <div class="author-profile-details">
                                                <h4>James Anderson</h4>
                                                <span class="d-block">Photographer, Author, Teacher</span>
                                            </div>

                                            <div class="author-profile-raque-profile">
                                                <a href="single-instructor.html" class="d-inline-block">View Profile on Raque</a>
                                            </div>
                                        </div>
                                    </div>
                                    <p>James Anderson is a celebrated photographer, author, and teacher who brings passion to everything he does.</p>
                                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
                                </div>
                            </div>

                            
                        </div>

                        
                    </div>

                    
                </div>
            </div>









                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="box col-xs-12 col-sm-12 col-md-3 fadeInUp no-padding-right" data-wow-duration="500ms"  data-wow-delay="900ms">
                        <div class="widget">
                            <div data-wow-delay="900ms" data-wow-duration="500ms" class="box col-xs-12 col-sm-12 col-md-12 fadeInUp no-padding">
                                <h4 class="widget-title">Tentative Class Start</h4>
                                <span class="border-title"></span>
                                <h3 class="text-center text-success"><strong>{{$data->class_start_date}}</strong></h3>   
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="widget">
                            <div data-wow-delay="900ms" data-wow-duration="500ms" class="box col-xs-12 col-sm-12 col-md-12 fadeInUp no-padding">
                                <h4 class="widget-title">Available Seat</h4>
                                <span class="border-title"></span>
                                <h3 class="text-center text-info"><strong>
                                    10 / 25                                    </strong></h3>   
                                <div class=" text-center course-rating-sections">
                                                                                                                        <a href="javascript:void(0);" data-url="https://bitm.org.bd/course-enrollment/671/online-course-web-application-development-with-java-2-enterprise-edition-j2ee" data-toggle="modal" data-target=".bs-example-modal-sm" class="enroll_now modalToggle btn-hover-effect">Enroll Now</a>                        
                                        
                                     
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>

                                                    <div class="widget who-can-join">
                                <div data-wow-delay="900ms" data-wow-duration="500ms" class="box col-xs-12 col-sm-12 col-md-12 fadeInUp no-padding">
                                    <h4 class="widget-title">who can join</h4>
                                    <span class="border-title"></span>
                                    <p class="join-details">Basic JAVA Knowledge required.</p>   
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                            
                        <!-- <div class="widget-meet-the-trainer">
                            <div data-wow-delay="900ms" data-wow-duration="500ms" class="box col-xs-12 col-sm-12 col-md-12 fadeInUp no-padding">
                                <h4 class="widget-title"> Meet the Instructor </h4>
                                <span class="border-title"></span>
                                <ul class="trainer-list text-center">
                                                                                <li>
                                                <div class="trainer-img-view"> <img title="" alt="" src="https://bitm.org.bd/assets/media/trainer_photo/1568553897.jpg">
                                                    <div class="img-view-overlay"> <a href="https://bitm.org.bd/trainers-details-popup/228/engr-md-momin" class="fancybox fancybox.ajax"></a></div>
                                                    <div class="trainer-name text-left">
                                                        <h4 class="widget-title"> <a style="color: #161616;" href="https://bitm.org.bd/trainers-details-popup/228/engr-md-momin" class="fancybox fancybox.ajax">Engr. Md.  Momin</a>
                                                                                                                    </h4>
                                                        <span class="border-title"></span>
                                                        <div class="clearfix"></div>
                                                    </div>

                                                </div>
                                                <div class="clearfix"></div>
                                                                                                                                                <div class="clearfix"></div>
                                            </li>


                                                                            </ul>
                                <div class="clearfix"></div>
                            </div>
                        </div> -->
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</section>



@endforeach



<!-- ends course details -->




 @endsection